Skip to content
DayPilot

Scheduler Component Customization Tutorials

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.
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.
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.