Skip to content


Switch branches/tags

Name already in use

A tag already exists with the provided branch name. Many Git commands accept both tag and branch names, so creating this branch may cause unexpected behavior. Are you sure you want to create this branch?

Latest commit


Git stats


Failed to load latest commit information.
Latest commit message
Commit time
July 31, 2023 15:20
April 29, 2016 14:20
April 29, 2016 14:20
July 31, 2023 15:20
July 31, 2023 15:20
October 18, 2013 14:02
July 31, 2023 15:20
July 31, 2023 15:20

dhtmlxScheduler npm: v.6.0.5 License: GPL v2

DHTMLX Scheduler is a JavaScript library that allows you to add a Google-like scheduler to your web app or website.

Intuitive drag-and-drop interface allows end users to quickly manage events and appointments in 10 different views, including Day, Week, Month, Year, Agenda, Timeline, etc. The Scheduler also supports integration with Google Maps so users can assign a location to the particular calendar events. Moreover, they can create recurring and multiday events.

DHTMLX Scheduler Demo

==> See more samples

Getting started

Add files:

<script src="dhtmlxscheduler.js" ></script>
<link rel="stylesheet" href="dhtmlxscheduler_material.css" type="text/css" charset="utf-8">

Add markup:

<div id="scheduler_here" class="dhx_cal_container" style='width:100%; height:100vh;'>
	<div class="dhx_cal_navline">
		<div class="dhx_cal_prev_button">&nbsp;</div>
		<div class="dhx_cal_next_button">&nbsp;</div>
		<div class="dhx_cal_today_button"></div>
		<div class="dhx_cal_date"></div>
		<div class="dhx_cal_tab" data-tab="day"></div>
		<div class="dhx_cal_tab" data-tab="week"></div>
		<div class="dhx_cal_tab" data-tab="month"></div>
	<div class="dhx_cal_header"></div>
	<div class="dhx_cal_data"></div>

And initialize:

scheduler.config.first_hour = 6;
scheduler.config.last_hour = 19;
scheduler.init('scheduler_here', new Date(2019, 3, 20), "week");
	{ id:1, start_date: "2019-04-15 09:00", end_date: "2019-04-15 12:00", text:"English lesson" },
	{ id:2, start_date: "2019-04-16 10:00", end_date: "2019-04-16 16:00", text:"Math exam" },
	{ id:3, start_date: "2019-04-16 10:00", end_date: "2019-04-21 16:00", text:"Science lesson" },
	{ id:4, start_date: "2019-04-17 16:00", end_date: "2019-04-17 17:00", text:"English lesson" },
	{ id:5, start_date: "2019-04-18 09:00", end_date: "2019-04-18 17:00", text:"Usual event" }

==> Check the live demo

Complete guides

==> Check all tutorials


  • Responsive design and full support for touch screens

  • Support for all modern browsers: Google Chrome, Safari, Firefox and MS Edge

  • Configurable options - color shapes, time scales, custom form for recurring events, 25 languages, and RTL support

RTL support

  • Export service to XML, iCal, JSON, PDF, PNG, MS Project

  • Dynamic loading

  • PHP, ASP.NET, Java, CF connectors


dhtmlxScheduler v.6.0.5 Standard

To use dhtmlxScheduler in non-GPL projects (and get Pro version of the product), please obtain Individual, Commercial, Enterprise or Ultimate license on our site or contact us at

(c) XB Software

Useful links

Follow us

Star our GitHub repo ⭐

Take a survey to help us understand your needs πŸ“

Read us on Medium πŸ“°

Follow us on Twitter 🐦

Like our page on Facebook πŸ‘