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.
December 13, 2024 (new)
Vue Scheduler: Row Header Templates
How to customize row headers of the Vue Scheduler component using Vue templates - add icons, buttons, or Vue components.
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.
December 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.
December 5, 2024 (new)
How to use JavaScript/HTML5 Scheduler control from DayPilot Pro package in an ASP.NET Core web application.
December 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.
December 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.
November 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.
November 22, 2024 (updated)
Learn how to build an interactive yearly scheduling calendar in React, displaying months as columns and days as cells.
November 21, 2024 (new)
Learn how to build a customized monthly calendar UI in Next.js 15 using the open-source DayPilot scheduling library.
November 17, 2024 (new)
Browse Tutorials by Topic