The Angular Scheduler component supports displaying event details using a built-in tooltip. See how to include a dynamic Angular component in the tooltip.
Jan 23, 2022
This page lists Angular tutorials that will show you how to create different types of scheduling web applications using Angular calendar and scheduler components.
Most of the tutorials show the DayPilot Angular Scheduler component - it offers many advanced features, such as row filtering, event filtering, undo/redo, event copy and paste, dynamic data loading, zoom.
For an introduction to using the Angular scheduler with a REST API please see the following tutorials:
There are also tutorials that focus on real-world scenarios and include a UI for a more complex web calendar applications - including point-of-sale applications like restaurant table reservation and hotel room booking; internal systems like work order scheduling tool and timesheet.
All tutorials include a project with TypeScript source code for download.
If you are looking for a specific Angular version, please see the following lists:
Older Angular versions: Angular 10, Angular 9, Angular 8, Angular 7, Angular 6, Angular 5, Angular 4, Angular 2.
Angular application with Scheduler component that can filter events in real time (by text, category, length).
Jan 23, 2022
How to integrate Angular 13 event calendar component with a date picker and navigation buttons for changing the visible week.
Jan 4, 2022
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.
Dec 30, 2021
How to add a custom Angular component to the upper-left corner of the Scheduler.
Dec 15, 2021
Web application with Angular calendar component configured to display a custom set of days as columns.
Dec 9, 2021
Angular tutorial that shows how to implement undo/redo functionality for the Angular Scheduler UI component.
Dec 8, 2021
Use the online configurator application to generate a new Angular project with a customized Scheduler component.
Dec 8, 2021
How to detect mobile device rotation and switch the Angular Calendar view accordingly.
Sep 28, 2021
How to integrate the Angular Gantt chart component into a page with a full-screen layout. Get rid of duplicate vertical scrollbars and fix the time header.
Sep 24, 2021
Use Angular lazy loading feature to improve the initial load time of your Scheduler application.
Sep 21, 2021
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.
Sep 16, 2021
Angular 12 project with a pre-configured Angular Timesheet component. Download the project and use it as a starting point for your own implementation.
Aug 26, 2021
An Angular application that shows how to use DayPilot Scheduler with a PHP/MySQL backend.
Aug 23, 2021
Simple appointment scheduling application built using Angular. The calendar view is created using DayPilot Pro Angular Calendar component. The server-side backend is created using PHP and stores events in a MySQL or SQLite database.
Aug 22, 2021
Build an Angular annual leave scheduling application with REST backend created using ASP.NET Core and Entity Framework.
Aug 5, 2021
Angular project that displays a Scheduler component with dynamic event data loading enabled. Event data are loaded on demand during scrolling to improve scalability.
Aug 3, 2021
Angular 12 project that shows how to dynamically configure the Scheduler context menu (for events and rows).
Aug 3, 2021
How to enable infinite scrolling for the Angular Scheduler component. Includes configuration hints and tweaks that improve Scheduler responsiveness and user experience.
Aug 3, 2021
Angular tutorial that shows how to link related events in Angular Scheduler UI component.
Aug 3, 2021
Articles 1-20 of 76
Next