DayPilot.Calendar.dayBeginsHour

The dayBeginsHour property (number) sets the first visible hour of the JavaScript Calendar grid.

Declaration

DayPilot.Calendar.dayBeginsHour

Default Value

0

Notes

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

Examples

JavaScript

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

Angular

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

config: DayPilot.CalendarConfig = {
  dayBeginsHour: 9,
  // ...
};

React

<DayPilotCalendar
  dayBeginsHour={9}
  {/* ... */}
/>

Vue

<DayPilotCalendar
  :dayBeginsHour="9"
  <!-- ... -->
/>

See Also

• Overnight Scheduling [doc.daypilot.org]

• DayPilot.Calendar Class