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.
Jan 20, 2020
This page lists Angular tutorials that will guide you through creating different types of scheduling web applications.
Most of the tutorials use the DayPilot Angular Scheduler component - it offers many advanced features, such as row filtering, undo/redo, event copy and paste, dynamic data loading.
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 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:
We also have a couple of tutorials for AngularJS 1.x.
Build an Angular annual leave scheduling application with REST backend created using ASP.NET Core and Entity Framework.
Dec 17, 2019
How to find, focus and highlight a Scheduler row that matches the search criteria.
Dec 3, 2019
Angular 8 project that shows how to implement next/previous/today buttons that change the month displayed by the Angular Scheduler component.
Oct 15, 2019
Angular 8 project with pre-configured Angular Timesheet component. You can download the project source code with the required boilerplate and quickly create a proof-of-concept Timesheet implementation.
Sep 27, 2019
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).
Sep 25, 2019
Angular 8 project with pre-configured Angular Scheduler component. You can use this project as a quick start for your own Scheduler implementation.
Sep 16, 2019
Simple appointment scheduling application built using Angular 8. 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.
Sep 13, 2019
Angular project that displays a hierarchy of tasks using a Gantt Chart UI component. The frontend Angular application is connected to a JSON backend implemented in PHP with MySQL database.
Sep 5, 2019
Simple Angular application that shows how to use DayPilot Scheduler with PHP/MySQL backend.
Sep 4, 2019
Angular 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
Sep 3, 2019
How to add action controls to the Angular Scheduler row headers: clickable icons, hyperlinks, context menu buttons.
Jul 22, 2019
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.
Jun 19, 2019
Angular 8 application that lets you manage restaurant table reservations. Includes a PHP/MySQL backend.
Jun 8, 2019
Use the online configurator application to generate a new Angular project with a customized Scheduler component.
Jun 8, 2019
Test the performance of the Angular Scheduler component with 400,000 events loaded at once.
Feb 7, 2019
Angular 7 application that displays a weekly timetable with custom time blocks.
Nov 5, 2018
Angular 7 project with pre-configured Scheduler component.
Oct 24, 2018
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
Articles 1-20 of 58
Next