HTML5 Scheduler Component


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


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


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 AJAX operations (event creating, moving, resizing), context menu, integrated message bar. Supports image export (SVG, PNG, JPEG). All-day events, overnight scheduling.

HTML5 Monthly Calendar Component


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).









ASP.NET WebForms

Online Component Configurator


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


July 20, 2021

React Scheduler: Timeline Zoom tutorial was released:

How to add a zoom feature to the React Scheduler timeline. You can change the zoom level (and timeline resolution) using a "range" control and "zoom in" and "zoom out" buttons.

July 20, 2021

Vue Scheduler: Queue of Unscheduled Tasks tutorial was released:

How to display a queue of unscheduled tasks that can be dragged to the Vue Scheduler component.

July 15, 2021

DayPilot Pro for JavaScript 2021.3.5038 was released:

July 14, 2021

Angular Scheduler: Resource Utilization Chart tutorial was released:

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.

July 12, 2021

React Resource Calendar was released:

How to use the column hierarchy feature of the React calendar to display events for many resources. The groups and resources are displayed as columns and the time slots are displayed as rows.

All News

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