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
Build a Next.js scheduler with a horizontal timeline (one year, day-by-day) featuring a date picker with scroll synchronization, a timeline header context menu for bulk day actions, and column highlighting.
Application workflows and a smaller starting point.
Application exampleJavaScript · ASP.NET Core
ASP.NET Core application for doctor appointment scheduling. The application works with three roles: manager (define available appointment slots), patient (request an appointment using one of the available slots), and doctor (manage existing appointments).
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.
How to enable infinite scrolling for the Angular Scheduler component. Includes configuration hints and tweaks that improve Scheduler responsiveness and user experience.
How to use the column hierarchy feature of the React calendar to display events for many resources. The groups and resources are displayed as columns and the time slots are displayed as rows.
Simple appointment scheduling application built using Angular. The calendar view is created using DayPilot Angular Calendar component. The server-side backend is created using PHP and stores events in a MySQL or SQLite database.
Angular project that shows how to implement next/previous/today buttons that change the month displayed by the Angular Scheduler component.
Find the view that fits your application.
Control how users work with schedules.
Adapt the display and handle larger schedules.
DayPilot
