Scheduler Feature Details

On this page you'll find a brief description of Standard Scheduler functionality that you might use to build a robust and user-friendly
JavaScript Scheduler widget. If you want to know what benefits you'll get with the PRO edition, this guide is what you need.

week view

Basic Views

With DHTMLX Scheduler you are able to display events in basic views, including Day, Week, Month, Year, and Agenda. Users can navigate through different views using tabs on the top of the calendar.

A new event can be quickly created with a double-click. The simple drag-and-drop interface allows changing events time and duration. However, you can display the events in read-only mode, so the end-users won't be able to edit the calendar.

The flexible API of js scheduler gives you full control over the look and feel so you can change the default color to any other.

scheduler rtl mode

Right-to-left Mode

DHTMLX Scheduler allows you to set the RTL mode to automatically display all the events from right to left. You can also reorder the elements of the header via CSS. Besides, the RTL mode adjusts the appearance of all Scheduler views as well as the lightbox.

multi day events

Multi-day Events

Another great functionality is the ability to set multi-day events. They are displayed on the top of the calendar in Day, Week, and Units (PRO) Views and stay on the top when a user scrolls the page down.

google maps integration

Integration with Google Maps

Our Scheduler supports easy integration with Google Maps that enables you to associate locations with calendar events. In this mode, you just specify a location in an event description or choose the desired location right on the map.

scheduler drag and drop

Intuitive Drag-and-drop Behavior

Our Scheduler library enables you to create new events by dragging elements from third-party DHTMLX components or between schedulers (for Enterprise and Ultimate licences only). Once a user drags an external element to the calendar, the scheduler opens the lightbox for adding a new event.

js date picker

Easy Navigation with Mini Calendar

To simplify the navigation through the events, you can add a js date picker. A mini month view calendar can be placed into the header, thereby allowing the end-user to quickly choose a date and see the assigned events. Moreover, you can attach it to the lightbox for selecting start and end dates, as well as add the mini calendar to any place on the page.

calendar tooltips

Custom Tooltips

dhtmlxScheduler supports custom tooltips to display some additional details about the events. You can configure the look of the tooltips, change the colors, and adjust them to your needs.

scheduler dynamic loading

Dynamic Loading

By default, our JavaScript schedule loads all data at once so that may reduce overall performance when using huge event collections. In such cases you can use the dynamic loading mode and upload data by parts as the end-user browses the current viewable area of the scheduler.

high contrast theme scheduler


To simplify access and interaction with DHTMLX Scheduler for people with disabilities, our JavaScript library offers a set of accessibility techniques including WAI-ARIA attributes and keyboard navigation. Moreover, you can apply a high-contrast theme with white or black background.

Explore dhtmlxScheduler PRO Edition for Free

The PRO edition includes all the functionality of the Standard version and also provides extra features. By downloading Scheduler PRO trial, you get:

30 days of free evaluation

Official technical support

Extended functionality with PRO features

Complete technical guides and samples