Angular Calendar and Scheduler Tutorials (Page 2)

Back to Angular Calendar and Scheduler Tutorials

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.

Feb 15, 2022

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 angular13 scheduler tooltip bubble typescript

Jan 23, 2022

Angular Scheduler: Event Filtering

Angular application with Scheduler component that can filter events in real time (by text, category, length).

angular angular13 scheduler typescript filtering

Jan 23, 2022

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 angular13 event-calendar navigator date-picker open-source typescript

Jan 4, 2022

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 angular13 scheduler component typescript

Dec 15, 2021

Angular Calendar: Displaying Custom Set of Days

Web application with Angular calendar component configured to display a custom set of days as columns.

angular angular13 event-calendar typescript

Dec 9, 2021

Angular Scheduler: Undo/Redo

Angular tutorial that shows how to implement undo/redo functionality for the Angular Scheduler UI component.

angular angular13 scheduler undo typescript

Dec 8, 2021

Angular Calendar: Detect Orientation Change (Landscape/Portrait)

How to detect mobile device rotation and switch the Angular Calendar view accordingly.

angular angular12 calendar typescript mobile

Sep 28, 2021

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.

gantt angular angular12 typescript full-screen

Sep 24, 2021

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 angular12 scheduler performance lazy-loading code-splitting typescript

Sep 21, 2021

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 angular12 scheduler typescript hotel php mysql

Sep 16, 2021

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 angular12 timesheet quick-start typescript

Aug 26, 2021

Angular Scheduler Tutorial (TypeScript + PHP/MySQL)

An Angular application that shows how to use DayPilot Scheduler with a PHP/MySQL backend.

angular angular12 scheduler typescript php mysql

Aug 23, 2021

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 angular12 scheduler dynamic php performance typescript

Aug 3, 2021

Angular Scheduler: Dynamic Context Menu

Angular 12 project that shows how to dynamically configure the Scheduler context menu (for events and rows).

angular angular12 scheduler typescript context-menu

Aug 3, 2021

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 angular12 infinite-scrolling typescript

Aug 3, 2021

Angular Scheduler: Event Links

Angular tutorial that shows how to link related events in Angular Scheduler UI component.

angular angular12 scheduler links typescript

Aug 3, 2021

Angular Scheduler: Highlighting Holidays

Angular tutorial that shows how to highlight global and resource-specific holidays in the Angular Scheduler UI component.

angular angular12 scheduler holidays typescript

Jul 30, 2021

Angular Scheduler: Resource Utilization Chart

How to calculate resource utilization for time slots and show a bar chart in a fixed row displayed at the top of the Angular Scheduler component.

angular angular12 scheduler frozen utilization availability typescript

Jul 30, 2021

Angular Scheduler: How to Disable Time Slots

How to disable selected time slots of the Angular Scheduler using drag and drop.

angular scheduler typescript disable

Jul 30, 2021

Previous Articles 21-40 of 81 Next

Products

Resources

Tools

About Us

Contact

DayPilot Pro

HTML5 event calendar/scheduling components. Available for JavaScript/Angular/React/Vue, ASP.NET, ASP.NET MVC. Build resource booking, project management, time tracking applications, personal and shared event calendars.