Skip to content
DayPilot

All Tutorials

JavaScript Scheduler: Displaying Holidays

JavaScript Scheduler: Displaying Holidays

How to configure the JavaScript Scheduler component to display global and resource-specific holidays and prevent user actions in holiday cells.
PHP Shift Planning System (JavaScript/HTML5 Frontend, MySQL Database)

PHP Shift Planning System (JavaScript/HTML5 Frontend, MySQL Database)

A tutorial that shows how to create a PHP shift planning system - a web application that lets you manage shifts for multiple locations using a visual JavaScript scheduler component.
JavaScript Calendar: Use the Zoom Feature to Magnify the Calendar Grid

JavaScript Calendar: Use the Zoom Feature to Magnify the Calendar Grid

You can use the zoom feature in the Calendar to define custom magnification levels. Users can zoom using a slider or the [-] and [+] buttons.
React Calendar: Rendering JSX in Events

React Calendar: Rendering JSX in Events

How to render custom JSX components in events displayed by the React Calendar component.
Tutorial: Machine/Production Job Scheduling Web Application (Spring/Java)

Tutorial: Machine/Production Job Scheduling Web Application (Spring/Java)

Tutorial with source code - a web application for scheduling dependent machine/production jobs, implemented in Spring Boot (Java).
Angular Scheduler: Row Searching Tutorial

Angular Scheduler: Row Searching Tutorial

How to find, focus and highlight a Scheduler row that matches the search criteria.
Angular Scheduler: Undo/Redo

Angular Scheduler: Undo/Redo

Angular tutorial that shows how to implement undo/redo functionality for the DayPilot Lite Angular Scheduler UI component.
JavaScript Scheduler: Select a Time Range over Multiple Rows

JavaScript Scheduler: Select a Time Range over Multiple Rows

The JavaScript Scheduler allows selecting a time range over multiple adjacent rows at once.
JavaScript Scheduler: Copy Multiple Events

JavaScript Scheduler: Copy Multiple Events

Copy multiple Scheduler events using copy & paste or using drag and drop.
Angular Scheduler: Event Links

Angular Scheduler: Event Links

Angular tutorial that shows how to link related events in the Angular Scheduler UI component.