DayPilot.Calendar.showAllDayEvents

The showAllDayEvents property (boolean) enables all-day events in the Calendar component.

When you enable all-day events, the Calendar will display a special row at the bottom of the column headers. The all-day row will be always visible (even if there are no all-day event records).

Declaration

DayPilot.Calendar.showAllDayEvents

Default Value

false

Examples

JavaScript

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

Angular

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

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

React

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

Vue

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

See Also

• DayPilot.Calendar Class