DayPilot Code - Scheduling Tutorials and Source Code

JavaScript Scheduler: Splitting an Event

How to split events in the JavaScript Scheduler at a specified location using the right-click context menu.

javascript html5 scheduler open-source

September 24, 2025 (updated)

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 angular20 scheduler performance lazy-loading code-splitting typescript open-source

September 23, 2025 (updated)

JavaScript Scheduler: Lock Events using Context Menu

How to lock events displayed in the JavaScript Scheduler using a dynamic context menu. The Scheduler will not allow editing the locked events.

javascript scheduler context-menu open-source

September 23, 2025 (updated)

Using JavaScript/HTML5 Scheduler in Spring Boot (Open-Source)

Source code of a Spring Boot web application that uses HTML5/JavaScript scheduler to display events for multiple resources.

javascript html5 scheduler spring-boot java open-source

September 19, 2025 (updated)

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.

javascript scheduler drag-drop open-source

September 19, 2025 (updated)

React Scheduler: Next/Previous Buttons

Add "next" and "previous" buttons to your React application and let users switch the month displayed by the Scheduler component.

react scheduler javascript react19 open-source

September 18, 2025 (updated)

JavaScript Scheduler: Find Next Free Slot

Add an icon to the JavaScript Scheduler row headers that will let users scroll to the next free slot in the row.

javascript scheduler open-source

September 18, 2025 (updated)

Angular Calendar with Undo/Redo (Open-Source)

This tutorial shows how to implement undo/redo functionality the for the open-source Angular Calendar component.

angular angular20 event-calendar open-source undo typescript

September 15, 2025 (updated)

JavaScript Resource Calendar Tutorial - PHP/MySQL (Open-Source)

How to use HTML5/JavaScript resource calendar component to create a dynamic schedule. The calendar loads data (resources and events) using a REST API that is implemented using PHP and MySQL.

javascript resource-calendar php mysql open-source sqlite

September 15, 2025 (updated)

Vue Monthly Calendar/Scheduler (Open-Source)

How to create a monthly calendar/scheduler view for planning events, tasks, and reminders in Vue. The downloadable Vue project uses the open-source DayPilot Lite library.

vuejs calendar javascript open-source context-menu month composition-api

September 15, 2025 (updated)

React Scheduler: Visually Connect Tasks using Links

Products

Resources

Tools

About Us

DayPilot Pro