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.
Dec 13, 2024 (new)
Articles
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.
Dec 10, 2024 (new)
Links can be used to display relationships between tasks in the React Scheduler UI component. Learn about the most common use cases and configuration options.
Dec 5, 2024 (new)
How to use JavaScript/HTML5 Scheduler control from DayPilot Pro package in an ASP.NET Core web application.
Dec 3, 2024 (updated)
A quick-start project with a pre-configured Angular Scheduler component. You can download this project and use it as a starting point for your own Angular 19 calendar/scheduler application.
Dec 1, 2024 (updated)
How to use the Vue Calendar component to create a scheduler UI with a vertical timeline and resources displayed as columns. Configure advanced features, such as responsive layout, column groups, and content customization using Vue templates.
Nov 29, 2024 (new)
HTML5 scheduler with drag and drop support. It displays a timeline for multiple resources grouped by category. PHP project with REST API backend and MySQL/SQLite storage is available for download.
Nov 22, 2024 (updated)
Learn how to build an interactive yearly scheduling calendar in React, displaying months as columns and days as cells.
Nov 21, 2024 (new)
How to customize row headers of the Vue Scheduler component using Vue templates - add icons, buttons, or Vue components.
Nov 19, 2024 (new)
Learn how to build a customized monthly calendar UI in Next.js 15 using the open-source DayPilot scheduling library.
Nov 17, 2024 (new)