DayPilot.Calendar.cssClass

The cssClass property (string) sets the CSS class applied to the top-level JavaScript Calendar placeholder element.

Available since 2023.1.5547.

Declaration

DayPilot.Calendar.cssClass

Default Value

null

Notes

You can use this property to change the styling dynamically in addition to the active theme.

Examples

JavaScript

const calendar = new DayPilot.Calendar("dp", {
  cssClass: "my-class",
  // ...
});
calendar.init();

Angular

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

config: DayPilot.CalendarConfig = {
  cssClass: "my-class",
  // ...
};

React

<DayPilotCalendar
  cssClass="my-class"
  {/* ... */}
/>

Vue

<DayPilotCalendar
  cssClass="my-class"
  <!-- ... -->
/>

See Also

• DayPilot.Calendar.theme

• DayPilot.Calendar Class