DayPilot.Calendar.showHours

The showHours property (boolean) determines whether the time header is visible in the JavaScript Calendar component.

Declaration

DayPilot.Calendar.showHours

Default Value

true

Notes

Use this property when you need a more compact layout and the time labels are not required.

If you still need time labels, customize the time header instead of hiding it completely.

Examples

JavaScript

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

Angular

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

config: DayPilot.CalendarConfig = {
  showHours: false,
  // ...
};

React

<DayPilotCalendar
  showHours={false}
  {/* ... */}
/>

Vue

<DayPilotCalendar
  :showHours="false"
  <!-- ... -->
/>

See Also

DayPilot.Calendar.heightSpec

Time Header [doc.daypilot.org]

DayPilot.Calendar Class