Below, you can find a list of tutorials that show how to use the Scheduler UI component to create scheduling, reservation and project management web applications.
All tutorials include a downloadable project with source code which you can use to build your own solution. The tutorial text explains how to install, configure and customize the scheduler component.
See also Scheduler UI Builder - an online configurator application that lets you customize the Scheduler and generate a web project as a zip file (JavaScript/HTML5, Angular, React and Vue.js projects are supported).
ASP.NET Core application with drag and drop UI that lets you assign and schedule work orders. Includes a queue of unscheduled tasks, graphical team availability/utilization, context menu with additional actions, dialog for editing work order details.
Feb 25, 2024
Learn how to create a context menu-driven event swapping feature, enabling users to exchange two selected events.
Feb 12, 2024
How to use JavaScript/HTML5 Scheduler control from DayPilot Pro package in an ASP.NET Core web application.
Jan 30, 2024
Learn how to incorporate the React Scheduler in a Next.js application, focusing on configuration, event handling, and using the direct API.
Jan 14, 2024
How to export the current React Scheduler view to a multi-page PDF document with a specified number of rows per page.
Jan 8, 2024
Learn how to enhance Vue Scheduler events with custom Vue components. Add dynamic content, interactive elements and apply custom styling.
Jan 2, 2024
Angular project that shows how to create Scheduler UI using DayPilot Pro for Angular. Includes a backend REST/JSON application implemented using Spring Boot (Java).
Dec 19, 2023
Learn how to use the Vue Scheduler component to add a drag-and-drop timesheet UI to your Vue application, calculate daily totals and style the timesheet using CSS.
Dec 14, 2023
A tutorial that shows how to create a PHP reservation system for hotel rooms with JavaScript/HTML5 frontend. The user interface includes a visual scheduling calendar with drag and drop support. MySQL and SQLite databases.
Dec 2, 2023
Vue.js application for scheduling resource reservations. Built using a customizable Scheduler UI component - flexible timeline, drag and drop support.
Nov 30, 2023
ASP.NET Core application for doctor appointment scheduling. The application works with three roles: manager (define available appointment slots), patient (request an appointment using one of the available slot) and doctor (manage existing appointments).
Nov 26, 2023
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 17 calendar/scheduler application.
Nov 14, 2023
Use the online configurator application to generate a new Angular project with a customized Scheduler component.
Nov 14, 2023
Learn how to add notes to the cells of a JavaScript Scheduler component. Notes are indicated by a red triangle in the upper-right corner and become visible upon hovering over a cell.
Oct 31, 2023
Learn how to build an ASP.NET Core-based hotel room booking management application featuring a drag-and-drop interface, filter functionality, integration with SQL Server and Entity Framework, all visualized using a JavaScript Scheduler component.
Oct 29, 2023
How to render custom JSX in events displayed by the React Scheduler component.
Oct 25, 2023
Angular 16 application with real-time filtering of Scheduler component rows (by name, by number of events).
Oct 25, 2023
Tutorial with source code - a web application for scheduling dependent machine/production jobs, implemented in Spring Boot (Java).
Oct 12, 2023
The JavaScript Scheduler allows selecting a time range over multiple adjacent rows at once.
Aug 14, 2023
React application that lets you visually schedule shifts at multiple locations. The backend REST API is implemented using PHP and MySQL.
Jul 18, 2023
Articles
1-20 of
198
Next