HTML5/JavaScript Event Calendar (Open-Source)

Weekly HTML5/JavaScript event calendar with CSS themes, drag and drop support, date navigator. Sample PHP and ASP.NET MVC projects with AJAX backend implementation.
June 18, 2018 (updated)
Angular Scheduler: Displaying Event Phases
Angular Scheduler: Displaying Event Phases
Angular 6 project that shows how to display events split into phases in the Scheduler component.
HTML5 Machine/Production Job Scheduling Tutorial (PHP/MySQL)
HTML5 Machine/Production Job Scheduling Tutorial (PHP/MySQL)
PHP web application for machine/production job scheduling. Displays job assignments using a scheduler HTML5 component (including duration and dependencies). Works with MySQL database.
HTML5 Hotel Room Booking (JavaScript/PHP/MySQL)
HTML5 Hotel Room Booking (JavaScript/PHP/MySQL)
Tutorial with source code - PHP web application for hotel room reservation with HTML5 user interface supporting drag and drop. MySQL and SQLite databases.
React Monthly Calendar Tutorial
React Monthly Calendar Tutorial
React application that displays a monthly event calendar. Calendar events use custom background to show event type. Use a context menu to delete events and change color.
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 6 Gantt Chart Component (TypeScript + PHP/MySQL)
Angular 6 Gantt Chart Component (TypeScript + PHP/MySQL)
Angular 6 project that displays a hierarchy of tasks using a Gantt Chart UI component. The frontend Angular application is connected to a JSON backend implemented in PHP with MySQL database.
Angular Scheduler: Read-Only and Edit Mode Switching
Angular Scheduler: Read-Only and Edit Mode Switching
Angular 6 application that shows how to switch the Scheduler (which is in "edit" mode by default) to read-only mode.
Angular 6 Scheduler UI with Spring Boot Backend (Java)
Angular 6 Scheduler UI with Spring Boot Backend (Java)
Angular CLI project that shows how to create Scheduler UI using DayPilot Pro for Angular. Includes a backend REST/JSON application implemented using Spring Boot (Java).
React Weekly Calendar Tutorial
React Weekly Calendar Tutorial
React application that displays a weekly event calendar using DayPilot React calendar component. Includes a date picker for changing the visible week. Appearance customized using CSS.
Browse Tutorials by Topic