DayPilot.Calendar.theme

The theme property (string) sets the CSS theme used by the JavaScript Calendar component.

Declaration

DayPilot.Calendar.theme

Default Value

"calendar_default"

Notes

The theme name determines the CSS class prefix applied to the calendar markup.

Sample themes are included in the DayPilot package, and you can create custom themes using the DayPilot Theme Designer.

Examples

JavaScript

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

Angular

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

config: DayPilot.CalendarConfig = {
  theme: "calendar_white",
  // ...
};

React

<DayPilotCalendar
  theme={"calendar_white"}
  {/* ... */}
/>

Vue

<DayPilotCalendar
  :theme="'calendar_white'"
  <!-- ... -->
/>

See Also

CSS Themes [doc.daypilot.org]

CSS [doc.daypilot.org]

DayPilot.Calendar Class