DayPilot.Calendar.onEventMouseLeave

The onEventMouseLeave event handler fires when the cursor leaves the Calendar event element.

Available since 2025.3.6624.

Declaration

DayPilot.Calendar.onEventMouseLeave(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", {
  onEventMouseLeave: (args) => {
    args.div.classList.remove("calendar-event-hover");
  },
  // ...
});
calendar.init();

Angular

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

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

React

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

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

Vue

<DayPilotCalendar
  @eventMouseLeave="onEventMouseLeave"
  <!-- ... -->
/>

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

See Also

DayPilot.Calendar.onEventMouseEnter

DayPilot.Calendar Class