We love scheduling

We love scheduling



For 15+ years, we have been working on calendar and scheduling UI components that let you create project management, resource planning, timeline visualization, booking and time tracking applications.

DayPilot supports JavaScript, Angular, React, and Vue.

Download Live Demo

Trusted by

We helped thousands of customers create modern, beautiful scheduling applications that are used by millions of users.

Porsche Salesforce PWC Tesla KPMG BMW Walt Disney Volvo Scania Deloitte Max Planck Institute for Extraterrestrial Physics Toyota Intel Boston Scientific JC Decaux Estée Lauder Airbus EUSAT KLM EUSPA Thermo Fisher Scientific

We love performance tuning

We love performance tuning

The components are highly scalable and can handle thousands of records. DayPilot uses progressive rendering, on-demand loading, partial updates and other techniques to make the UI as fast as possible.

We love complex scenarios

We love complex scenarios

DayPilot can help you with advanced scenarios - display relations between tasks, resolve conditions in real time during drag and drop, calculate availability/utilization, move multiple related events at once, keep a history for undo/redo, drag items between the schedule and a queue of uncheduled tasks.

We love open source

We love open source

You can use the open-source version of DayPilot with business-friendly Apache License to add calendar and scheduling features to your application.

Open-Source Calendar

HTML5 Scheduler Component

javascript scheduler component html5

DayPilot HTML5 scheduler component is a timeline view of multiple resources. The cell size is adjustable (minutes to years). Supports drag&drop AJAX operations (moving, resizing), hierarchy of resources (tree view), dynamic event loading (while scrolling), image export (SVG, PNG, JPEG) and other advanced features.

HTML5 Gantt Chart Component

javascript gantt chart component html5

DayPilot HTML5 scheduler component displays a timeline for a hierarchy of tasks, one task per row. The Gantt chart supports task groups, milestones, task dependencies, drag and drop operations, task and row customizations and more.



.

HTML5 Event Calendar Component

javascript event calendar component html5

DayPilot HTML5 event calendar component displays an Outlook-like day/week view. Columns are customizable (you can display custom number of days or resources). Supports drag and drop operations (event creation, moving, resizing), context menu, integrated message bar. Supports image export (SVG, PNG, JPEG). All-day events, overnight scheduling.

HTML5 Monthly Calendar Component

javascript monthly event calendar angular react vue

DayPilot  HTML5 monthly event calendar component is an Outlook-like month view. Events can span multiple days or can be stacked inside day cells. Supports drag&drop AJAX operations (moving, resizing), context menu. Can display a custom number of rows (weeks). Supports image export (SVG, PNG, JPEG).

Tutorials

JavaScript/HTML5

Angular

React

Vue

ASP.NET Core

PHP

Spring Boot

Online Component Configurator

daypilot ui builder online configurator

Create a prototype in minutes. Use the DayPilot UI Builder to configure the components and download a ready-to-run project. Supports JavaScript, TypeScript, Angular, React, and Vue.js projects.

News

November 5, 2024

DayPilot Lite for JavaScript 2024.4.609 (Open-Source) was released:
https://javascript.daypilot.org/daypilot-lite-for-javascript-2024-4-609/

November 1, 2024

How to Add Interactive Elements to Vue Scheduler Events Using Templates tutorial was released:
https://code.daypilot.org/86986/vue-scheduler-templates

Vue templates supported by the Scheduler component allow you to add dynamic content to events, such as checkboxes, drop-down lists, or attachment upload buttons.

November 1, 2024

DayPilot Pro for JavaScript 2024.4.6243 was released:
https://javascript.daypilot.org/daypilot-pro-for-javascript-2024-4-6243/

October 21, 2024

JavaScript Calendar in Read-Only Mode (Open-Source) tutorial was released:
https://code.daypilot.org/23975/javascript-calendar-in-read-only-mode-open-source

How to implement a toggle that switches between the read-only and edit modes of the JavaScript Calendar. Read-only events are marked with a padlock icon in the upper-right corner.

October 21, 2024

DayPilot Lite for JavaScript 2024.4.575 (Open-Source) was released:
https://javascript.daypilot.org/daypilot-lite-for-javascript-2024-4-575/

All News

Get E-mail Notifications    Releases, tutorials, and improvements.