Angular 18 Scheduler Tutorials

Learn how to implement real-time event filtering (by text and event type) in the Angular Calendar component.

An Angular application that shows how to use DayPilot Scheduler with a PHP/MySQL backend.

How to create a custom timeline for the Angular Scheduler component. The manual mode lets you create the timeline by defining individual time cells.

How to detect mobile device rotation and switch the Angular Calendar view accordingly.

How to add action controls to the Angular Scheduler row headers: clickable icons, hyperlinks, and context menu buttons.

Angular 18 project that shows how to display events split into phases in the Scheduler component.

Angular application that lets you manage restaurant table reservations. Includes a PHP/MySQL backend.

Angular application with Scheduler component that can filter events in real time (by text, category, duration).

Angular web application that lets you assign and schedule work orders using drag and drop. Built using DayPilot Scheduler Angular component. Includes a REST backend implemented in PHP/MySQL

How to implement an ordered queue of unscheduled tasks that can be dragged to the Angular Scheduler component.

Angular 18 project that shows how to dynamically configure the Scheduler context menu (for events and rows).

Use the online configurator application to generate a new Angular project with a customized Scheduler component.