Angular Scheduler Tutorials

Angular 12 project with a customized Angular Scheduler component. Use this project as a starting point for your own Angular scheduling application.

Add an Angular Scheduler component to your application and use it to manage a schedule online. Add, move, edit, and delete reservations using drag and drop.

How to add a visual Scheduler component to your Angular 10 application. The Scheduler will let you plan and manage reservations, meetings, work orders and other events.

Angular 9 project that includes Angular Scheduler component with all required boilerplate code. The project supports Ivy compiler in combination with AOT (ahead-of-time) compilation mode enabled.

Angular 8 project with pre-configured Angular Scheduler component. You can use this project as a quick start for your own Scheduler implementation.

Angular 7 project with pre-configured Scheduler component.

Angular 6 project with Scheduler component that allows creating and editing events using a modal dialog.

Angular 6 project that uses a pre-configured Scheduler component to display a timeline for multiple resources.

A quick start Angular 5 project that displays an Angular 5 Scheduler component - a timeline for multiple resources (displayed in a tree hierarchy). Supports drag and drop, TypeScript source code included.

A quick start project that shows how to use DayPilot Scheduler in an Angular 4 project (built using Angular CLI 1.0).

Adding DayPilot Scheduler UI control to a new project created using Angular 2 CLI.

Angular 2 application that uses the new AOT-compatible DayPilot components. Includes steps to migrate from the old syntax.