DayPilot.Calendar.hideFreeCells

The hideFreeCells property (boolean) hides hours of the day on the Y axis that don't contain any events.

The business hours remain visible.

Declaration

DayPilot.Calendar.hideFreeCells

Default Value

false

Notes

This option isn't applicable when DayPilot.Calendar.heightSpec is set to "BusinessHoursNoScroll".

Examples

JavaScript

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

Angular

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

config: DayPilot.CalendarConfig = {
  hideFreeCells: true,
  // ...
};

React

<DayPilotCalendar
  hideFreeCells={true}
  {/* ... */}
/>

Vue

<DayPilotCalendar
  :hideFreeCells="true"
  <!-- ... -->
/>

See Also

DayPilot.Calendar.heightSpec

HideFreeCells [doc.daypilot.org]

Disabled Cells [doc.daypilot.org]

Grid [doc.daypilot.org]

DayPilot.Calendar Class