Skip to content
DayPilot

Angular 12 Scheduling Tutorials

Angular Gantt Chart: Full Screen Layout

Angular Gantt Chart: Full Screen Layout

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.
Angular Hotel Room Booking Tutorial (PHP/MySQL)

Angular Hotel Room Booking Tutorial (PHP/MySQL)

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.
Angular 12 Timesheet Quick Start Project

Angular 12 Timesheet Quick Start Project

Angular 12 project with a pre-configured Angular Timesheet component. Download the project and use it as a starting point for your own implementation.
Angular Scheduler: Dynamic Loading of Large Data Sets

Angular Scheduler: Dynamic Loading of Large Data Sets

Angular project that displays a Scheduler component with dynamic event data loading enabled. Event data are loaded on demand during scrolling to improve scalability.
Angular Scheduler: Infinite Scrolling

Angular Scheduler: Infinite Scrolling

How to enable infinite scrolling for the Angular Scheduler component. Includes configuration hints and tweaks that improve Scheduler responsiveness and user experience.
How to Create the Angular Scheduler Component Dynamically

How to Create the Angular Scheduler Component Dynamically

How to dynamically create and display the Angular Scheduler component using ViewContainerRef.createComponent().
Angular Scheduler: Next/Previous Buttons

Angular Scheduler: Next/Previous Buttons

Angular 12 project that shows how to implement next/previous/today buttons that change the month displayed by the Angular Scheduler component.
Angular Scheduler: Loading 400,000 Events

Angular Scheduler: Loading 400,000 Events

Test the performance of the Angular Scheduler component with 400,000 events loaded at once.
Angular 12 Scheduler Quick Start Project

Angular 12 Scheduler Quick Start Project

Angular 12 project with a customized Angular Scheduler component. Use this project as a starting point for your own Angular scheduling application.