DayPilotDayPilot
Products
Support
DayPilot Code
JavaScript
Angular
React
Vue
ASP.NET
ASP.NET Core
PHP
Spring Boot
Open-Source

Angular 21 Scheduling Tutorials

A list of Angular scheduling tutorials that use Angular 21.

Angular 21 Timesheet Quick Start Project
Angular 21 Timesheet Quick Start Project
An Angular project template that you can use as a starting point for your own implementation of an interactive timesheet. Learn how to adjust the timesheet appearance and add visual elements.
angularangular21quick-starttimesheettypescriptzoneless
Mar 23, 2026
Angular: How To Build Annual Leave Scheduling Application (ASP.NET Core Backend)
Angular: How To Build Annual Leave Scheduling Application (ASP.NET Core Backend)
Build an Angular annual leave scheduling application with REST backend created using ASP.NET Core and Entity Framework.
angularangular21schedulertypescriptannual-leaveasp.net-corec#entity-frameworksql-serverdotnet10zoneless
Mar 22, 2026
Angular Scheduler: Read-Only and Edit Mode Switching
Angular Scheduler: Read-Only and Edit Mode Switching
Angular 21 application that shows how to switch the Angular Scheduler (which is in "edit" mode by default) to read-only mode.
angularangular21schedulertypescriptread-onlyzonelessopen-source
Mar 21, 2026
Angular Scheduler: CSS Themes
Angular Scheduler: CSS Themes
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.
angularangular21schedulercssthemezonelessopen-source
Jan 30, 2026
Improve Angular Scheduler Performance using Lazy Loading (Code Splitting)
Improve Angular Scheduler Performance using Lazy Loading (Code Splitting)
Use Angular lazy loading feature to improve the initial load time of your Scheduler application.
angularangular21schedulerperformancelazy-loadingcode-splittingtypescriptopen-source
Jan 25, 2026
Angular Calendar: Date Switching
Angular Calendar: Date Switching
How to integrate Angular event calendar component with a date picker and navigation buttons for changing the visible week.
angularangular21event-calendarnavigatordate-pickeropen-sourcetypescriptzoneless
Jan 23, 2026
Angular Date Picker with Drag & Drop Range Selection (Open-Source)
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-pickernavigatoropen-sourceangularangular21typescriptzoneless
Jan 21, 2026
Angular Scheduler: Highlighting Holidays
Angular Scheduler: Highlighting Holidays
Angular tutorial that shows how to highlight global and resource-specific holidays in the Angular Scheduler UI component.
angularangular21schedulerholidaystypescriptopen-sourcezoneless
Jan 16, 2026
Angular Calendar: How to Use CSS Themes (Open-Source)
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.
angularangular21event-calendartypescriptcssthemeopen-sourcezoneless
Jan 15, 2026
Angular Calendar with Undo/Redo (Open-Source)
Angular Calendar with Undo/Redo (Open-Source)
This tutorial shows how to implement undo/redo functionality the for the open-source Angular Calendar component.
angularangular21event-calendaropen-sourceundotypescriptzoneless
Jan 13, 2026
Angular Resource Calendar (Open-Source)
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.
angularangular21resource-calendartypescriptopen-sourcezoneless
Jan 3, 2026
Angular Calendar: Day/Week/Month Views (Open-Source)
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.
angularangular21calendardayweekmonthtypescriptopen-sourcezoneless
Dec 1, 2025
Angular Scheduler with Horizontal Timeline (Open-Source)
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.
angularschedulerangular21open-sourcetimelinezoneless
Dec 1, 2025
Angular 21 Scheduler Quick Start Project
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.
angularschedulertypescriptquick-startangular21zoneless
Dec 1, 2025
Articles 1-14 of 14

Products

Resources

Tools

About Us

DayPilot Pro

HTML5 event calendar/scheduling components. Available for JavaScript/Angular/React/Vue, ASP.NET, ASP.NET MVC. Build resource booking, project management, time tracking applications, personal and shared event calendars.