DayPilot.Month.timeRangeSelectedHandling

The timeRangeSelectedHandling property (string) specifies how completed time range selections are handled in the monthly calendar.

Declaration

DayPilot.Month.timeRangeSelectedHandling

Possible Values

• "Disabled" - time range selecting is not allowed.

• "Enabled" - enables time range selection and performs the standard client-side action when the selection is completed.

• "PostBack" - fires TimeRangeSelected using PostBack (ASP.NET WebForms only).

• "CallBack" - fires TimeRangeSelected using CallBack (ASP.NET WebForms, ASP.NET MVC, and Java versions only).

• "JavaScript" - fires DayPilot.Month.onTimeRangeSelected when using DayPilot.Month.api = 1.

• "Hold" - keeps the selection active so the context menu can be opened using right click; equivalent to "Enabled".

Default Value

"Enabled"

Notes

Use DayPilot.Month.onTimeRangeSelect while the selection is changing, and use DayPilot.Month.onTimeRangeSelected after the selection is completed.

The legacy "JavaScript" and "Hold" values are preserved for older integrations.

Examples

JavaScript

const dp = new DayPilot.Month("dp", {
  timeRangeSelectedHandling: "CallBack",
  // ...
});
dp.init();

Angular

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

config: DayPilot.MonthConfig = {
  timeRangeSelectedHandling: "CallBack",
  // ...
};

React

<DayPilotMonth
  timeRangeSelectedHandling="CallBack"
  {/* ... */}
/>

Vue

<DayPilotMonth
  timeRangeSelectedHandling="CallBack"
  <!-- ... -->
/>

See Also

DayPilot.Month.api

DayPilot.Month.onTimeRangeSelect

DayPilot.Month.onTimeRangeSelected

DayPilot.Month Class