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
Learn how to build a customized monthly calendar UI in Next.js 16 using the open-source DayPilot scheduling library.
Application workflows and a smaller starting point.
Application exampleJavaScript · ASP.NET Core
How to create a visual, color-coded, and easily adjustable maintenance schedule in ASP.NET Core using DayPilot Lite, the open-source calendar/scheduling UI library.
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 exampleJavaScript · Spring Boot
Tutorial with source code - a web application for scheduling dependent machine/production jobs, implemented in Spring Boot (Java).
Step-by-step guides to scheduling features, UI customization, and backend integration.
Web application with Angular calendar component configured to display a custom set of days as columns.
How to add "Undo" and "Redo" buttons to the Vue Scheduler. The UndoService maintains history of changes and allows unlimited undo/redo.
Angular tutorial that shows how to link related events in the Angular Scheduler UI component.
How to display milestones in the React Scheduler component. You can use custom shapes, icons, colors and connect the milestones using links.
Find the view that fits your application.
Control how users work with schedules.
Adapt the display and handle larger schedules.
DayPilot
