Scheduling tutorials & source code
Tutorials and downloadable examples using DayPilot calendar and scheduling components. Start with a component, connect your backend, or explore application workflows.
Find a starting pointFeatured tutorial
How to build an ASP.NET Core application for visual workforce scheduling. Integrate a queue of unscheduled orders and a scheduling calendar that displays staff as columns.
Application workflows and a smaller starting point.
Application exampleJavaScript · ASP.NET Core
Learn how to build an ASP.NET Core-based hotel room booking management application featuring a drag-and-drop interface, filter functionality, integration with SQL Server and Entity Framework, all visualized using a JavaScript Scheduler component.
Quick startJavaScript · PHP
Quick-start JavaScript Scheduler project using DayPilot Lite, a Vite frontend generated by the UI Builder, and a PHP 8 JSON API with SQLite by default and optional MySQL/PostgreSQL support.
Application exampleReact · PHP
React application that lets you visually schedule shifts at multiple locations. The backend REST API is implemented using PHP, with SQLite default storage and optional MySQL.
Step-by-step guides to scheduling features, UI customization, and backend integration.
How to activate external items so they can be dragged to the React Scheduler component.
Angular application with real-time filtering of Scheduler component rows (by name, by number of events).
When removing events from the scheduler, it is possible to remove them completely or to move them to a queue of unscheduled tasks or a row with unassigned events (while keeping the scheduled time).
How to limit the number of concurrent events displayed by the monthly calendar and add an "expand" button to access the events.
Find the view that fits your application.
Control how users work with schedules.
Adapt the display and handle larger schedules.
DayPilot
