DayPilot.Scheduler.theme

The theme property (string) sets the id of the CSS theme applied to the JavaScript Scheduler component.

Declaration

DayPilot.Scheduler.theme

Default Value

null

Notes

Use a theme id such as "scheduler_white" that matches the loaded Scheduler theme stylesheet.

Examples

JavaScript

const dp = new DayPilot.Scheduler("dp", {
  theme: "scheduler_white",
  // ...
});
dp.init();

Angular

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

config: DayPilot.SchedulerConfig = {
  theme: "scheduler_white",
  // ...
};

React

<DayPilotScheduler
  theme="scheduler_white"
  {/* ... */}
/>

Vue

<DayPilotScheduler
  theme="scheduler_white"
  <!-- ... -->
/>

See Also

CSS Themes [doc.daypilot.org]

DayPilot.Scheduler Class