DayPilot.Calendar.eventHoverHandling

The eventHoverHandling property (string) specifies the default action for hovering over an event in the JavaScript Calendar component.

Declaration

DayPilot.Calendar.eventHoverHandling

Possible Values

• "Disabled" - no built-in hover action is performed.

• "Bubble" - shows the event bubble configured using DayPilot.Calendar.bubble.

Default Value

"Bubble"

Notes

Use "Bubble" together with DayPilot.Calendar.bubble to display event details on hover.

If you want the bubble to open on click only, set DayPilot.Calendar.eventClickHandling to "Bubble" and set eventHoverHandling to "Disabled".

Examples

JavaScript

const calendar = new DayPilot.Calendar("dp", {
  eventHoverHandling: "Disabled",
  // ...
});
calendar.init();

Angular

<daypilot-calendar [config]="config"></daypilot-calendar>

config: DayPilot.CalendarConfig = {
  eventHoverHandling: "Disabled",
  // ...
};

React

<DayPilotCalendar
  eventHoverHandling="Disabled"
  {/* ... */}
/>

Vue

<DayPilotCalendar
  eventHoverHandling="Disabled"
  <!-- ... -->
/>

See Also

Event Bubble [doc.daypilot.org]

DayPilot.Calendar.bubble

DayPilot.Calendar.eventClickHandling

DayPilot.Calendar Class