Angular Calendar and Scheduler Tutorials (Page 2)

Angular Scheduler: Event Cut, Copy & Paste
Angular Scheduler: Event Cut, Copy & Paste
Angular scheduling application that allows moving events using "cut and paste" and creating events from existing ones using "copy and paste" actions.
Angular Scheduler: Add Angular Components to Row Headers
Angular Scheduler: Add Angular Components to Row Headers
Learn how to insert custom components in Angular Scheduler row headers.
Angular Scheduler: Zoom
Angular Scheduler: Zoom
How to add a zoom feature to the Angular Scheduler component.
Angular Scheduler: Integration with a Date Picker
Angular Scheduler: Integration with a Date Picker
Angular 14 application that uses DayPilot Navigator component as a date picker for the Scheduler.
Angular Scheduler: Resource Management
Angular Scheduler: Resource Management
This tutorial shows how to use the Angular Scheduler component to manage resources (create, edit, delete, move) using the Scheduler UI.
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.
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).
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 13 application that shows how to switch the Angular Scheduler (which is in "edit" mode by default) to read-only mode.
Open-Source Angular Appointment Calendar Component (TypeScript + PHP/MySQL)
Open-Source 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 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 Calendar: Date Switching
Angular Calendar: Date Switching
How to integrate Angular 13 event calendar component with a date picker and navigation buttons for changing the visible week.
Angular Scheduler: How to Add Components to the Upper-Left Corner
Angular Scheduler: How to Add Components to the Upper-Left Corner
How to add a custom Angular component to the upper-left corner of the Scheduler.
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: Undo/Redo
Angular Scheduler: Undo/Redo
Angular tutorial that shows how to implement undo/redo functionality for the Angular Scheduler UI component.
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.
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.
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.
Previous Articles 21-40 of 82 Next