DayPilot.Calendar.cellDuration

The cellDuration property (number) specifies the cell duration in the JavaScript Calendar component (in minutes).

Declaration

DayPilot.Calendar.cellDuration

Default Value

30

Notes

• In the Lite version, it accepts values from 1 to 60. It's recommended to use values that divide 60 without a remainder.

• In the Pro version, it accepts any value higher than 0.

Examples

JavaScript

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

Angular

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

config: DayPilot.CalendarConfig = {
  cellDuration: 15,
  // ...
};

React

<DayPilotCalendar
  cellDuration={15}
  {/* ... */}
/>

Vue

<DayPilotCalendar
  :cellDuration="15"
  <!-- ... -->
/>

See Also

• Time Cell Duration [doc.daypilot.org]

• DayPilot.Calendar Class