Skip to content
DayPilot

Scheduler Component Customization Tutorials

Tutorial: JavaScript Scheduler Time Header Customization

Tutorial: JavaScript Scheduler Time Header Customization

How to customize JavaScript Scheduler time headers using built-in groups, custom HTML, and active areas.
JavaScript Scheduler: Event Types

JavaScript Scheduler: Event Types

How to define your own Scheduler event types and customize the appearance. You can change the event type using a context menu or a modal dialog.
React JSX Components in Scheduler Grid Cells

React JSX Components in Scheduler Grid Cells

How to render custom React JSX component in the Scheduler grid cells.
JavaScript Scheduler: Custom Time Header Segments

JavaScript Scheduler: Custom Time Header Segments

How to define custom time segments in the Scheduler time headers. In this example, we will display a special header that will highlight work weeks and weekends.