DayPilot.Calendar.onEventMouseEnter

The onEventMouseEnter event handler fires when the cursor enters the Calendar event element.

Available since 2025.3.6624.

Declaration

DayPilot.Calendar.onEventMouseEnter(args)

Parameters

• args.div - event element

• args.e (DayPilot.Event) - object associated with the element

Notes

Use args.div to access the event DOM element.

Examples

JavaScript

const calendar = new DayPilot.Calendar("dp", {
  onEventMouseEnter: (args) => {
    args.div.classList.add("calendar-event-hover");
  },
  // ...
});
calendar.init();

Angular

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

config: DayPilot.CalendarConfig = {
  onEventMouseEnter: (args) => {
    args.div.classList.add("calendar-event-hover");
  },
  // ...
};

React

<DayPilotCalendar
  onEventMouseEnter={onEventMouseEnter}
  {/* ... */}
/>

const onEventMouseEnter = (args) => {
  args.div.classList.add("calendar-event-hover");
};

Vue

<DayPilotCalendar
  @eventMouseEnter="onEventMouseEnter"
  <!-- ... -->
/>

const onEventMouseEnter = (args) => {
  args.div.classList.add("calendar-event-hover");
};

See Also

DayPilot.Calendar.onEventMouseLeave

DayPilot.Calendar Class