Angular Scheduler Tutorials

How to change the Angular Scheduler component appearance using a CSS theme. You can use one of the predefined themes or create your own theme using an online tool.

Use Angular lazy loading feature to improve the initial load time of your Scheduler application.

Angular tutorial that shows how to highlight global and resource-specific holidays in the Angular Scheduler UI component.

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

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.

Angular scheduling application that allows moving events using "cut and paste" and creating events from existing ones using "copy and paste" actions.

How to add a zoom feature to the Angular Scheduler component.

Angular 14 application that uses DayPilot Navigator component as a date picker for the Scheduler.

The Angular Scheduler component supports displaying event details using a built-in tooltip. See how to include a dynamic Angular component in the tooltip.

Angular hotel room reservation application. The user interface supports managing rooms (create, edit, delete, change status) and reservations (create, edit, move, delete, change status). Includes a PHP/MySQL backend with token-based authentication.

Angular project that displays a Scheduler component with dynamic event data loading enabled. Event data are loaded on demand during scrolling to improve scalability.

How to dynamically create and display the Angular Scheduler component using ViewContainerRef.createComponent().

Test the performance of the Angular Scheduler component with 400,000 events loaded at once.