JavaScript calendar & scheduling components

We love scheduling

Build project management, resource planning, timeline visualization, booking, and time-tracking applications with our calendar and scheduling UI components.

Developed and refined for over 15 years.

Download Live Demo

Works withJavaScript Angular React Vue

Resource planning · DayPilot Scheduler JavaScript Scheduler with resource groups, colored events, utilization histogram, milestone, dependency link, and context menu

Trusted by

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

01 / 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

Maintenance scheduling · ASP.NET Core We love open source

02 / 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.

People, locations & dependencies We love complex scenarios

03 / Performance

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.

Large resource timelines We love performance tuning

Components

Calendar and scheduling components

Scheduler Component

javascript scheduler component

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

Gantt Chart Component

javascript gantt chart component

DayPilot Gantt chart 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.

Event Calendar Component

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

Monthly Calendar Component

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

Configure

Make it yours with UI Builder

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.

Open UI Builder

Configuration → working project