Scheduler Component Customization Tutorials

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.

Jun 2, 2022

React JSX Components in Scheduler Grid Cells

How to render custom React JSX component in the Scheduler grid cells.

react react18 jsx scheduler customization javascript

Apr 4, 2022

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 customization

Mar 10, 2021

Tutorial: JavaScript Scheduler Time Header Customization

How to draw a custom timeline in the DayPilot Pro JavaScript Scheduler time header.

javascript scheduler customization time-header

Jan 16, 2021

Articles 1-4 of 4

Products

Resources

Tools

About Us

Contact

DayPilot Pro

HTML5 event calendar/scheduling components. Available for JavaScript/Angular/React/Vue, ASP.NET, ASP.NET MVC. Build resource booking, project management, time tracking applications, personal and shared event calendars.