Angular 21 Scheduling 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.

Sep 20, 2018

Improve Angular Scheduler Performance using Lazy Loading (Code Splitting)

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

angular angular21 scheduler performance lazy-loading code-splitting typescript open-source

Sep 21, 2021

Angular Calendar: Date Switching

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

angular angular21 event-calendar navigator date-picker open-source typescript zoneless

Jun 22, 2018

Angular Date Picker with Drag & Drop Range Selection (Open-Source)

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

date-picker navigator open-source angular angular21 typescript zoneless

Mar 28, 2022

Angular Scheduler: Highlighting Holidays

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

angular angular21 scheduler holidays typescript open-source zoneless

Sep 15, 2017

Angular Calendar: How to Use CSS Themes (Open-Source)

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

angular angular21 event-calendar typescript css theme open-source zoneless

Mar 14, 2017

Angular Calendar with Undo/Redo (Open-Source)

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

angular angular21 event-calendar open-source undo typescript zoneless

May 14, 2023

Angular Resource Calendar (Open-Source)

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 angular21 resource-calendar typescript open-source zoneless

Jun 6, 2018

Angular Calendar: Day/Week/Month Views (Open-Source)

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.

angular angular21 calendar day week month typescript open-source zoneless

Oct 26, 2018

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.

angular scheduler angular21 open-source timeline zoneless

Jul 15, 2025

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

angular scheduler typescript quick-start angular21 zoneless

Jul 11, 2022

Angular 21 Scheduling Tutorials

Products

Resources

Tools

About Us

DayPilot Pro