DayPilot.Calendar.timeRangeSelectingStartEndEnabled

The timeRangeSelectingStartEndEnabled property (boolean) enables the inline start and end indicators shown during time range selecting.

Declaration

DayPilot.Calendar.timeRangeSelectingStartEndEnabled

Default Value

false

Notes

Use DayPilot.Calendar.timeRangeSelectingStartEndFormat to control the text format used by the indicators.

Examples

JavaScript

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

Angular

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

config: DayPilot.CalendarConfig = {
  timeRangeSelectingStartEndEnabled: true,
  // ...
};

React

<DayPilotCalendar
  timeRangeSelectingStartEndEnabled={true}
  {/* ... */}
/>

Vue

<DayPilotCalendar
  :timeRangeSelectingStartEndEnabled="true"
  <!-- ... -->
/>

See Also

DayPilot.Calendar.timeRangeSelectingStartEndFormat

DayPilot.Calendar.timeRangeSelectedHandling

DayPilot.Calendar Class