Angular Calendar and Scheduler Tutorials

Angular 21 project that displays a task hierarchy using a Gantt Chart UI component. The frontend Angular application is connected to a PHP JSON backend with SQLite or MySQL storage.

Build an Angular annual leave scheduling application with REST backend created using ASP.NET Core and Entity Framework.

Angular 21 application that shows how to switch the Angular Scheduler (which is in "edit" mode by default) to read-only mode.

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.

How to integrate Angular event calendar component with a date picker and navigation buttons for changing the visible week.

How to activate the free-hand date range selection mode in the Angular date picker component (Navigator).

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

Angular application that shows how to apply a custom CSS theme to the calendar component and change it on the fly.

This tutorial shows how to implement undo/redo functionality the for the open-source Angular Calendar component.

Angular application that shows how to create a resource calendar Angular component that displays event data in multiple columns. The resource calendar supports drag and drop out of the box.

Angular project that displays an event calendar component with day, week and month views that share the same data and can be easily switched. A date picker component is used to switch the current date and highlight busy days.

How to export the Scheduler view to Angular, including frozen time headers (X axis) and row headers (Y axis). Add a custom row with utilization summary to the frozen headers.

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.