DayPilot Code - Scheduling Tutorials and Source Code

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.

javascript scheduler zoom day week month open-source

Angular Scheduler: Read-Only and Edit Mode Switching

Angular 21 application that shows how to switch the Angular Scheduler (which is in "edit" mode by default) to read-only mode.

angular angular21 scheduler typescript read-only zoneless 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.

next.js nextjs16 react react19 typescript scheduler timeline open-source

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.

html5 javascript scheduler php hotel reservation mysql row-header-columns

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.

angular angular21 scheduler css theme zoneless open-source

Improve Angular Scheduler Performance using Lazy Loading (Code Splitting)

Use Angular lazy loading feature to improve the initial load time of your Scheduler application.

angular angular21 scheduler performance lazy-loading code-splitting typescript 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.

vuejs navigator date-picker open-source javascript free-busy composition-api vue3