The cssClassPrefix property (string) sets the prefix of the CSS classes used for styling Calendar elements.

This is a legacy styling property. For new applications, use DayPilot.Calendar.theme instead.

Declaration

DayPilot.Calendar.cssClassPrefix

Default Value

null

Notes

The specified prefix is used for the CSS classes generated by the Calendar component. This legacy styling approach has been replaced by themes in modern versions.

Examples

JavaScript

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

Angular

<daypilot-calendar [config]="config"></daypilot-calendar>
config: DayPilot.CalendarConfig = {
  cssClassPrefix: "calendar_white",
  // ...
};

React

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

Vue

<DayPilotCalendar
  cssClassPrefix="calendar_white"
  <!-- ... -->
/>

See Also

DayPilot.Calendar.theme

DayPilot.Calendar Class