DayPilot Code - Scheduling Tutorials and Source Code

Vue application that shows how to integrate and configure a Gantt chart. The Gantt chart component displays a timeline for a hierarchy of tasks and milestones.

vuejs javascript gantt

JavaScript Scheduler: Highlighting Related Events

How to highlight related Scheduler events on hover or click.

javascript scheduler related-events

JavaScript Scheduler: Resource Context Menu

How to add context menu to resources/rows of the JavaScript Scheduler (edit, delete, add child resource).

javascript scheduler context-menu

JavaScript Scheduler: Limited Drag and Drop Range

How to limit the horizontal (date/time) position of an event and display the allowed range using event versions.

javascript scheduler drag-drop

HTML5 Doctor Appointment Scheduling (JavaScript/PHP/MySQL)

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.

html5 javascript doctor appointment calendar scheduler mysql php sqlite

Angular Gantt Chart Component (TypeScript + PHP/MySQL)

Angular 21 project that displays a task hierarchy using a Gantt Chart UI component. The frontend Angular application is connected to a PHP JSON backend with SQLite or MySQL storage.

angular angular21 gantt typescript mysql php sqlite

Vue Scheduler with Vertical Timeline

How to use the Vue Calendar component to create a scheduler UI with a vertical timeline and resources displayed as columns. Configure advanced features, such as responsive layout, column groups, and content customization using Vue templates.

vuejs calendar resource-calendar javascript vue3 timeline