This Next.js app uses a resource-scheduling calendar UI to let you manage tasks for multiple resources side by side. Each column displays a 24-hour timeline for a different resource.
How to configure DayPilot JavaScript Calendar to create a custom view that displays a yearly calendar where each column represents one month, and each cell represents one day.
How to implement a field service scheduling application in ASP.NET Core, with visual representation of travel time, route planning, and real-time constraint enforcement.
How to configure the JavaScript Scheduler component to display a dedicated sub-row for each priority level. This allows you to group tasks with the same priority and display them at the same position within a row.
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.
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.
DayPilot
