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.
This tutorial explains how to create a visual ASP.NET Core application for scheduling shifts (multiple locations and employees). It uses a modern UI that lets you manage shifts using drag and drop.
Sep 13, 2022
This tutorial shows how to use the Angular Scheduler component to manage resources (create, edit, delete, move) using the Scheduler UI.
Sep 10, 2022
The React Scheduler allows defining the callout (bubble) content as a React JSX component. The component will be created automatically when the callout is activated and removed and unmounted when the callout is hidden.
Aug 3, 2022
Jul 28, 2022
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 14 calendar/scheduler application.
Jul 11, 2022
Add "next" and "previous" buttons to your React application and let users switch the month displayed by the Scheduler component.
Jun 17, 2022
Jun 3, 2022
How to define custom time segments in the Scheduler time headers. In this example, we will display a special header that will highlight work weeks and weekends.
Jun 2, 2022
HTML5 web application for managing doctor appointments. Includes public and administration interface. Patients can request an appointment in one of the slots predefined using the administration interface. Implemented in PHP/MySQL.
Jun 2, 2022
When removing events from the scheduler, it is possible to remove them completely or to move them to a queue of unscheduled tasks or a row with unassigned events (while keeping the scheduled time).
Apr 26, 2022
How to create a drag-and-drop timesheet application in ASP.NET Core (.NET 6) with SQL Server and Entity Framework.
Apr 11, 2022
ASP.NET application that allows creating courtroom reservations from a list of unscheduled cases using drag & drop.
Apr 6, 2022
How to render custom React JSX component in the Scheduler grid cells.
Apr 4, 2022
How to add custom components to events displayed in the Angular Scheduler.
Mar 19, 2022
The React Scheduler component allows customization of event content. This tutorial shows how to add a custom progress bar using event active areas.
Mar 4, 2022
Angular 13 application that shows how to switch the Angular Scheduler (which is in "edit" mode by default) to read-only mode.
Mar 3, 2022
How to display milestones in the React Scheduler component. You can use custom shapes, icons, colors and connect the milestones using links.
Feb 8, 2022
The Angular Scheduler component supports displaying event details using a built-in tooltip. See how to include a dynamic Angular component in the tooltip.
Jan 23, 2022
Angular application with Scheduler component that can filter events in real time (by text, category, length).
Jan 23, 2022
Jan 13, 2022