Styling
Customize the appearance of Scheduler events and slots using functional callbacks that apply custom CSS classes and styles.
Event Styling
Style Scheduler events using the eventClass and eventStyles functional callbacks. These callbacks insert custom CSS classes and styles to events.
The following example demonstrates how to apply styles with both the eventClass and eventStyles callbacks.
For more complex styling requirements, extend the SchedulerEvent class to include custom properties. This approach allows you to add custom data fields to events that drive conditional styling logic through your callbacks.
The following example demonstrates how to extend the SchedulerEvent class with custom properties and use them for advanced event styling scenarios.
Slot Styling
Style Scheduler slots using the slotClass functional callback. This callback inserts custom CSS classes to slots.
View-Specific Styling
Add custom CSS classes or styles to events and slots of specific views using the eventClass, eventStyles, or slotClass callbacks of individual views.
The following example demonstrates how to style events and slots in the Day view.