DayPilot.Calendar.timeHeaderCellDuration

The timeHeaderCellDuration property (number) sets the duration of time header cells, in minutes, in the JavaScript Calendar component.

Declaration

DayPilot.Calendar.timeHeaderCellDuration

Possible Values

• "Auto" - uses 60 minutes for DayPilot.Calendar.scale values smaller than one hour; otherwise it matches the scale unit.

• number - uses the specified number of minutes.

Default Value

"Auto"

Notes

Use an explicit numeric value when you need the time header grouping to differ from the underlying grid cell size.

Examples

JavaScript

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

Angular

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

config: DayPilot.CalendarConfig = {
  timeHeaderCellDuration: 30,
  // ...
};

React

<DayPilotCalendar
  timeHeaderCellDuration={30}
  {/* ... */}
/>

Vue

<DayPilotCalendar
  :timeHeaderCellDuration="30"
  <!-- ... -->
/>

See Also

DayPilot.Calendar.scale

Time Header [doc.daypilot.org]

DayPilot.Calendar Class