Angular Scheduler Tutorials

Angular 8 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 angular8 angular5 angular6 scheduler typescript hotel php mysql

Jun 19, 2019

Angular 8 Restaurant Table Reservation (PHP/MySQL)

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

angular angular5 angular6 angular8 scheduler typescript restaurant php mysql

Jun 8, 2019

Angular Scheduler: Online Configurator

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

scheduler angular angular6 angular7 angular8 builder configurator

Jun 8, 2019

Angular Scheduler: Zoom

How to add zoom feature to the Angular Scheduler component.

angular angular7 scheduler zoom

May 28, 2019

Angular Scheduler: Loading 400,000 Events

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

angular angular7 scheduler performance

Feb 7, 2019

Angular 7 Scheduler Quick Start Project

Angular 7 project with pre-configured Scheduler component.

angular angular7 scheduler

Oct 24, 2018

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.

angular angular6 scheduler css

Sep 20, 2018

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 angular6 scheduler timeline

Sep 17, 2018

Angular 6 Work Order Scheduling (PHP/MySQL)

Angular 6 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 angular5 angular6 work-order scheduler php mysql typescript

Sep 2, 2018

Angular Scheduler: Full Screen Layout

Angular 6 application that displays the Scheduler in a full screen layout. The project includes a collapsible sidebar with a date picker.

angular angular6 scheduler typescript

Aug 2, 2018

Angular Scheduler: Modal Dialog for Event Editing

Angular 6 project with Scheduler component that allows creating and editing events using a modal dialog.

angular angular6 scheduler typescript modal

Aug 2, 2018

Angular Scheduler: Row Filtering

Angular 6 application with real-time filtering of Scheduler component rows (by name, by number of events).

angular angular6 scheduler typescript filtering

Jul 10, 2018

Angular Scheduler: Resource Management

This tutorial shows how to use Angular 6 Scheduler component to manage resources (create, edit, delete, move) using the Scheduler UI.

angular angular6 scheduler typescript

Jul 8, 2018

Angular Scheduler: Event Copy & Paste

Angular scheduling application that allows creating events from existing events using copy&paste.

angular angular6 scheduler typescript copy paste

Jul 8, 2018

Angular Scheduler: Date Navigation

Angular 6 application that uses DayPilot Navigator component as a date picker for the Scheduler.

angular angular6 scheduler typescript navigator

Jun 24, 2018

Angular Scheduler: Displaying Event Phases

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

angular angular6 scheduler typescript

Jun 17, 2018

Angular Scheduler: Rendering Angular Components Inside Events

How to add custom components to events displayed in the Angular Scheduler.

angular angular6 scheduler typescript component

Jun 13, 2018

Angular Scheduler: Read-Only and Edit Mode Switching

Angular 6 application that shows how to switch the Scheduler (which is in "edit" mode by default) to read-only mode.

angular angular6 scheduler typescript read-only

Jun 13, 2018

Angular 6 Scheduler UI with Spring Boot Backend (Java)

Angular CLI 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 angular2 angular4 angular6 scheduler typescript java spring-boot

Jun 11, 2018

Angular Scheduler: Dynamic Tooltip

The Angular Scheduler component supports displaying event details using a built-in tooltip. See how to include a dynamic Angular component in the tooltip.

angular angular6 scheduler tooltip

Jun 8, 2018

Angular Scheduler Tutorials

Products

Resources

Tools

About Us

DayPilot Pro