Angular Scheduler Tutorials

Angular Scheduler with Horizontal Timeline (Open-Source)

Plan and visualize your resources in Angular with this lightweight, Apache‑licensed Scheduler - with a horizontal timeline, multi‑row time headers, CSS themes, dynamic event content and large‑dataset performance.

Jul 15, 2025

Angular 20 Scheduler Quick Start Project

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 20 calendar/scheduler application.

angular scheduler typescript quick-start angular20

May 30, 2025

Angular Scheduler: Freeze Headers during Export to Excel (XLSX)

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.

angular angular19 scheduler typescript export excel

Mar 5, 2025

Angular Scheduler Tutorial (TypeScript + PHP/MySQL)

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

angular angular18 scheduler typescript php mysql

Oct 3, 2024

Angular Scheduler: Timeline Customization

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

angular angular18 scheduler timeline

Sep 10, 2024

Angular Scheduler: Row Header Actions

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

angular scheduler angular18 row-header-columns

Jul 31, 2024

Angular Scheduler: Displaying Event Phases

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

angular angular18 scheduler typescript

Jul 16, 2024

Angular Restaurant Table Reservation (PHP/MySQL)

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

angular angular18 scheduler typescript restaurant php mysql row-header-columns reservation

Jul 7, 2024

Angular Scheduler: Event Filtering

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

angular angular18 scheduler typescript filtering

Jun 30, 2024

Angular Work Order Scheduling (PHP/MySQL)

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

angular angular18 work-order scheduler php mysql typescript queue

Jun 23, 2024

Angular Scheduler: Drag and Drop Task Queue

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

angular angular18 scheduler queue typescript

Jun 18, 2024

Angular Scheduler: Dynamic Context Menu

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

angular angular18 scheduler typescript context-menu

Jun 18, 2024

Angular Scheduler: Online Configurator

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

scheduler angular angular16 angular18 angular17 builder configurator

Jun 2, 2024

Angular Scheduler UI with Spring Boot Backend (Java)

Angular project that shows how to create Scheduler UI using DayPilot Pro for Angular. Includes a backend REST/JSON application implemented using Spring Boot (Java).

angular angular17 scheduler typescript java spring-boot hibernate

Dec 19, 2023