DayPilot.Calendar.hourWidth

The hourWidth property (number) sets the width of the time header column (in pixels) of the JavaScript Calendar component.

Declaration

DayPilot.Calendar.hourWidth

Default Value

60

Examples

JavaScript

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

Angular

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

config: DayPilot.CalendarConfig = {
  hourWidth: 50,
  // ...
};

React

<DayPilotCalendar
  hourWidth={50}
  {/* ... */}
/>

Vue

<DayPilotCalendar
  :hourWidth="50"
  <!-- ... -->
/>

See Also

• DayPilot.Calendar Class