Test the performance of the Angular Scheduler component with 400,000 events loaded at once.
Feb 7, 2019
Back to Scheduler Component Tutorials
How to implement custom snap-to-grid rules in the JavaScript Scheduler component.
Dec 13, 2018
How to disable custom date/time range in each row of the JavaScript Scheduler component.
Dec 12, 2018
How to switch the JavaScript Scheduler to read-only mode (all drag and drop operations are turned off). Disabling drag and drop for specific events.
Nov 27, 2018
How to configure the JavaScript Scheduler component to automatically move events at the target location during drag and drop.
Nov 5, 2018
Angular 7 project with pre-configured Scheduler component.
Oct 24, 2018
Vue.js project that includes Scheduler component with basic configuration and all required boilerplate code.
Sep 27, 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
How to create a custom timeline for the Angular Scheduler component. The manual mode lets you create the timeline by defining individual time cells.
Sep 17, 2018
How to set alternating colors for JavaScript Scheduler columns (time headers and grid).
Sep 10, 2018
ASP.NET project that demonstrates how to use Calendar and Scheduler controls to manage a simple shift schedule. Supports recurring events and conflict detection.
Sep 4, 2018
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
Sep 2, 2018
HTML5 web application for managing doctor appointments. Includes public and administration interface. Patients can request an appointment in one of the slots predefined using the administration interface. Implemented in PHP/MySQL.
Aug 29, 2018
A tutorial that shows how to create a PHP shift planning system - a web application that lets you manage shifts for multiple locations using a visual scheduler component.
Aug 23, 2018
Angular 6 application that displays the Scheduler in a full screen layout. The project includes a collapsible sidebar with a date picker.
Aug 2, 2018
Angular 6 project with Scheduler component that allows creating and editing events using a modal dialog.
Aug 2, 2018
Client-side undo/redo implementation for the JavaScript scheduler component. Displays the action history and the current position in the list.
Jul 30, 2018
Simple web application that displays tennis court availability and lets the users create a reservation using drag and drop. Includes a PHP project with sample SQLite database.
Jul 12, 2018
Angular 6 application with real-time filtering of Scheduler component rows (by name, by number of events).
Jul 10, 2018
This tutorial shows how to use Angular 6 Scheduler component to manage resources (create, edit, delete, move) using the Scheduler UI.
Jul 8, 2018