DayPilot.Calendar.scale

The scale property sets the JavaScript Calendar grid cell size (duration). The Calendar scale can be one of the predefined values or a custom number of minutes.

Available since 2023.4.5838.

Declaration

DayPilot.Calendar.scale

Possible Values

• "CellDuration" - uses the number of minutes specified by the DayPilot.Calendar.cellDuration property.

• "Minute" - uses one minute per calendar cell.

• "Hour" - uses one hour per calendar cell.

• "Day" - uses one day per calendar cell.

• "Week" - uses one week per calendar cell.

Default Value

"CellDuration"

Notes

• To change the unit used by the time headers displayed on the left side of the Calendar, use DayPilot.Calendar.timeHeaderCellDuration.

Examples

JavaScript

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

Angular

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

config: DayPilot.CalendarConfig = {
  scale: "Day",
  // ...
};

React

<DayPilotCalendar
  scale="Day"
  {/* ... */}
/>

Vue

<DayPilotCalendar
  scale="Day"
  <!-- ... -->
/>

See Also

• Calendar Scale [doc.daypilot.org]

• DayPilot.Calendar.cellDuration

• DayPilot.Calendar.timeHeaderCellDuration

• DayPilot.Calendar Class