DayPilot.Calendar.dayEndsHour

The dayEndsHour property (number) sets the last visible hour of the JavaScript Calendar grid.

Declaration

DayPilot.Calendar.dayEndsHour

Default Value

24

Notes

Use this property together with DayPilot.Calendar.dayBeginsHour to control the visible hour range.

Examples

JavaScript

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

Angular

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

config: DayPilot.CalendarConfig = {
  dayEndsHour: 23,
  // ...
};

React

<DayPilotCalendar
  dayEndsHour={23}
  {/* ... */}
/>

Vue

<DayPilotCalendar
  :dayEndsHour="23"
  <!-- ... -->
/>

See Also

• Overnight Scheduling [doc.daypilot.org]

• DayPilot.Calendar Class