All Tutorials

Client-side undo/redo implementation for the JavaScript Scheduler built with DayPilot Lite. Displays the full action history and the current position in the list.

How to display a column summary with resource utilization and availability details in the JavaScript Scheduler component. The utilization is also displayed using a bar chart at the bottom of the Scheduler grid.

How to enable on-demand event loading in the Vue 3 Scheduler component. The sample uses the current Vite-based frontend and loads events for the current viewport during scrolling.

How to add a context menu to the JavaScript Scheduler header that will let users toggle column visibility.

Add a scheduler UI component to your React 19 application using the current DayPilot builder template. Covers one-year timeline setup, row headers, filtering, drag and drop, and context menu customization.

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.

This tutorial shows how to create a complex calendar component that displays integrated daily, weekly and monthly calendars in React.

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.

Learn how to search React Scheduler events, highlight matching text, and jump between results using Next and Previous buttons in a React 19 application.

How to display a queue of unscheduled tasks that can be dragged to the Vue Scheduler component.