Angular Scheduling Tutorials (Page 2)

Angular Timetable Tutorial
Angular Timetable Tutorial
Angular application that displays a weekly timetable with custom time blocks.
Angular Appointment Calendar Component (TypeScript + PHP/MySQL)
Angular Appointment Calendar Component (TypeScript + PHP/MySQL)
Simple appointment scheduling application built using Angular. 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.
Angular 11 Scheduler Quick Start Project
Angular 11 Scheduler Quick Start Project
Add an Angular Scheduler component to your application and use it to manage a schedule online. Add, move, edit, and delete reservations using drag and drop.
Angular Calendar: Date Switching
Angular Calendar: Date Switching
How to integrate Angular 11 event calendar component with a date picker and navigation buttons for changing the visible week.
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 Restaurant Table Reservation (PHP/MySQL)
Angular Restaurant Table Reservation (PHP/MySQL)
Angular application that lets you manage restaurant table reservations. Includes a PHP/MySQL backend.
Angular Scheduler: Date Navigation
Angular Scheduler: Date Navigation
Angular 11 application that uses DayPilot Navigator component as a date picker for the Scheduler.
Angular Scheduler: Displaying Event Phases
Angular Scheduler: Displaying Event Phases
Angular 11 project that shows how to display events split into phases in the Scheduler component.
Angular Calendar: Day/Week/Month Views
Angular Calendar: Day/Week/Month Views
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 Scheduler: Rendering Angular Components Inside Events
Angular Scheduler: Rendering Angular Components Inside Events
How to add custom components to events displayed in the Angular Scheduler.
Angular Scheduler: Read-Only and Edit Mode Switching
Angular Scheduler: Read-Only and Edit Mode Switching
Angular 10 application that shows how to switch the Scheduler (which is in "edit" mode by default) to read-only mode.
Angular 10 Timesheet Quick Start Project
Angular 10 Timesheet Quick Start Project
A quick start project that shows how to use the Angular 10 Timesheet component.
Angular Scheduler: Dynamic Tooltip
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 Scheduler: Event Filtering
Angular Scheduler: Event Filtering
Angular application with Scheduler component that can filter events in real time (by text, category, length).
Angular Calendar: Displaying Custom Set of Days
Angular Calendar: Displaying Custom Set of Days
Web application with Angular calendar component configured to display a custom set of days as columns.
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 is loaded on demand during scrolling to improve scalability.
Angular 10 Event Calendar Quick Start Project
Angular 10 Event Calendar Quick Start Project
Angular 10 project with weekly event calendar component. Download the project source code and use it as a starting point of your own application.
Angular Scheduler: Dynamic Context Menu
Angular Scheduler: Dynamic Context Menu
Angular 10 project that shows how to dynamically configure the Scheduler context menu (for events and rows).
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.
Angular Scheduler: Undo/Redo
Angular Scheduler: Undo/Redo
Angular tutorial that shows how to implement undo/redo for Angular Scheduler UI component.
Previous Articles 21-40 of 68 Next