Scheduler - Event Popover

Show hover or focus popovers for events.

#Usage

import { Scheduler } from '@primeui/vue-scheduler';
<Scheduler.Root event-popover :event-popover-position="eventPopoverPosition" :event-popover-show-on-mobile="eventPopoverShowOnMobile">
    <Scheduler.Popover />
</Scheduler.Root>

Event popovers are enabled from the root and rendered through Scheduler.Popover. The feature surface is the popover configuration plus the popover part, not a particular event view.

#Popover Options

eventPopoverPosition controls where the overlay opens relative to the event. It supports top, bottom, left, and right.

import type { SchedulerProps } from '@primeui/vue-scheduler';

const eventPopoverPosition: SchedulerProps['eventPopoverPosition'] = 'right';
const eventPopoverShowOnMobile: NonNullable<SchedulerProps['eventPopoverShowOnMobile']> = false;

eventPopoverShowOnMobile is a boolean. Leave it false when mobile-heavy flows should route taps to quick-info or edit surfaces instead of showing hover-oriented detail.

#Timed Popovers

Event popovers can open from timed week events and all-day events.

Loading Demo...

#Customization

Customize event popovers with the same Studio parts used for event cards. Scheduler.Popover passes the active event, view, optional resource, formatted time, formatted date, formatted duration, and a close() helper into the popover body, so the app can show owner, timing, and short creative notes without rebuilding overlay behavior.

Loading Demo...

#Interaction Notes

Use popovers for inspection, not for the main persistence path. If the content edits data, keep the save flow parent-owned. Close the popover after the controlled events array is replaced. For mobile-heavy products, enable mobile popovers deliberately or route taps to quick-info/edit flows so hover-only content is not hidden.

During drag, resize, and inline edit, the popover should not compete with the active gesture. Keep long forms in a separate dialog or drawer. Leave the popover focused on short detail.

#API

Key APIs are eventPopover, eventPopoverDelay, eventPopoverHideDelay, eventPopoverPosition, eventPopoverShowOnMobile, Scheduler.Popover, and close() from the popover context.