Feature-Rich JavaScript Scheduler

DHTMLX Scheduler is a JavaScript scheduling calendar with 10 views and customizable interface for developing any kind of scheduling applications.

Key Features of DHTMLX JS Scheduler Library

PRO edition

Timeline view One of the most demanded features of our JS scheduler is the Timeline view. With the help of the Timeline view, you can visualize events horizontally with separate timelines arranged from left to right. The vertical axis can depict any resource: people, rooms, equipment, and whatnot. Custom HTML content in all Timeline modes The PRO edition allows you to specify a custom template for the content of cells in all modes of the Timeline view. For example, you can add a total of all the assigned tasks per each employer in the parent row of the Tree mode. Units view (multiple resource view) Another widely used JavaScript Scheduler view is the Units view. Here you can see the timescale on the Y-axis and resources on the X-axis. The Units view allows the creation of convenient task planners showing the daily timetable of personnel.

Add-on

PDF/PNG export module It is a standalone module for exporting Schedulers to PDF and PNG formats. It can be installed directly on your server or as a Docker image. With this module, you don't have to send data to any external service. Besides, this module allows exporting data to Excel and iCal.

Standard edition

Recurring events DHTMLX Scheduler features the ability to display recurring events, which can be repeated on a daily, weekly, monthly, or yearly basis. You can equip your JS calendar scheduler with a popup editor that provides detailed parameters to set up recurrence. Day, Week, Month, and Year views By default, DHTMLX Scheduler offers six calendar views. Such basic views as Day, Week, Month, and Year are indispensable for any JS Scheduler. The Agenda view displays a list of events, while the Map view also shows their location on Google Maps. Theme customization DHTMLX Scheduler comes with a set of built-in themes, including Terrace, Dark, Material, Flat, Contrast Black, and Contrast White. All themes support simple time-efficient customization via CSS variables. Thus, you can modify colors, fonts, and other stylistic elements across the entire app with minimal changes to the source code.

Why Choose DHTMLX JavaScript Scheduler?

Simple API

DHTMLX Scheduler API is extensive with a wide range of methods, properties, and events giving you full control over the appearance and behavior. You can easily manipulate the API, change the date format, localization, and any other configuration options.

Completely сustomizable

You can change virtually every aspect of the DHTMLX Scheduler calendar such as colors, texts, scales. A popup form for editing task details can be configured to contain custom fields and match the exact needs of your project. You can mark specific dates or date ranges with custom styles.

Accessibility and usability

DHTMLX supports accessibility standards, such as WAI-ARIA, high-contrast themes, and keyboard navigation. Besides, our JS Scheduler is mobile-friendly and can respond to touch gestures on various devices.

Smooth server-side integration

DHTMLX Scheduler works equally well with any back-end technology due to a simple and efficient implementation of REST API on the server side and our client-side library - DHTMLX DataProcessor.