Skip to content
DayPilot

All Tutorials

ASP.NET Core Doctor Appointment Scheduling Tutorial (.NET 10)

ASP.NET Core Doctor Appointment Scheduling Tutorial (.NET 10)

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).
JavaScript Scheduler: Switching Day/Week/Month Views

JavaScript Scheduler: Switching Day/Week/Month Views

How to define day/week/month views for the JavaScript Scheduler. The current view can be switched using custom buttons.
Next.js Scheduler with Horizontal Timeline (Open-Source)

Next.js Scheduler with Horizontal Timeline (Open-Source)

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.
PHP Hotel Room Booking System (JavaScript/HTML5, MySQL)

PHP Hotel Room Booking System (JavaScript/HTML5, MySQL)

A tutorial that shows how to create a PHP reservation system for hotel rooms with JavaScript/HTML5 frontend. The user interface includes a visual scheduling calendar with drag and drop support. MySQL and SQLite databases.
Angular Scheduler: CSS Themes

Angular Scheduler: CSS Themes

How to change the Angular Scheduler component appearance using a CSS theme. You can use one of the predefined themes or create your own theme using an online tool.
Improve Angular Scheduler Performance using Lazy Loading (Code Splitting)
Vue Date Picker with Free/Busy Highlighting (Open-Source)

Vue Date Picker with Free/Busy Highlighting (Open-Source)

Use the Vue date picker component (Navigator) to change the current date. The date picker can highlight dates that already have events or are not available.
JavaScript Scheduler: Event Types

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: Pushing Existing Events Back (Drag and Drop)

JavaScript Scheduler: Pushing Existing Events Back (Drag and Drop)

How to configure the JavaScript Scheduler to automatically move existing events later when a new event is dragged and dropped, to avoid overlaps.
Next.js Monthly Calendar (Open-Source)

Next.js Monthly Calendar (Open-Source)

Learn how to build a customized monthly calendar UI in Next.js 16 using the open-source DayPilot scheduling library.