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.
Jan 26, 2023
Jan 1, 2023
How to hide Scheduler rows that have no events using row filtering feature.
Dec 28, 2022
Dec 20, 2022
Learn how to insert custom components in Angular Scheduler row headers.
Dec 14, 2022
Use the online configurator application to generate a new Angular project with a customized Scheduler component.
Dec 8, 2022
How to add a zoom feature to the Angular Scheduler component.
Dec 8, 2022
Dec 7, 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 15 calendar/scheduler application.
Dec 1, 2022
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.
Nov 7, 2022
Angular 14 project that shows how to display events split into phases in the Scheduler component.
Nov 3, 2022
How to activate external items so they can be dragged to the React Scheduler component.
Oct 10, 2022
Angular 14 application that uses DayPilot Navigator component as a date picker for the Scheduler.
Oct 10, 2022
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
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