DayPilot.Calendar.timeRangeClickHandling

The timeRangeClickHandling property (string) specifies the default action for clicking an existing time range in the JavaScript Calendar component.

Declaration

DayPilot.Calendar.timeRangeClickHandling

Possible Values

• "Disabled" - disables the built-in time range click handling.

• "Enabled" - keeps the standard time range click behavior and fires the related click events.

Default Value

"Enabled"

Notes

Available since 2023.2.5592.

Use DayPilot.Calendar.onTimeRangeClick to intercept the click before the default action is performed, and DayPilot.Calendar.onTimeRangeClicked to react after the default action finishes.

Examples

JavaScript

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

Angular

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

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

React

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

Vue

<DayPilotCalendar
  :timeRangeClickHandling="'Disabled'"
  <!-- ... -->
/>

See Also

DayPilot.Calendar.onTimeRangeClick

DayPilot.Calendar.onTimeRangeClicked

DayPilot.Calendar Class