<
DHTMLX Suite 9.2: Grid with History Management, Spreadsheet-Like Interactions, Improved Drag-and-Drop, and More
JavaScript

DHTMLX Calendar - Suite UI Library

Versatile JavaScript calendar from DHTMLX Suite UI library with three views for quickly navigating dates and selecting time and date ranges.

Try JavaScript Calendar Live Demo

Open a demo on desktop
Top industry players use DHTMLX Suite for creating web apps of any complexity with minimum time and cost efforts.

Easily Adaptable JavaScript Calendar Component

User-friendly interface for date and time selection

Use the DHTMLX JavaScript calendar component to create a date and time selector by attaching it to a popup. Display the selected date in an input field. Add a second calendar thus allowing users to select date ranges.

Adjustable calendar for time management

Easily configure the Calendar widget and block or highlight dates, specify date format, display week numbers, set the initially selected date, and more due to its rich API.

Customizable UI

Change every aspect of the DHTMLX Calendar via CSS. Modify the background color and set non-standard colors to selected and highlighted dates, date ranges and calendar borders.

NEW
DHTMLX Calendar in AI Form Builder
With AI DHTMLX Form Builder, you can turn plain text into functional forms in seconds. In this demo, the AI generates a standard form according to the specified parameters, inserts a JavaScript calendar and other controls, and instantly generates the corresponding JSON configuration.

How to Build a Simple Calendar in JavaScript

5 Quick Steps to Start Working with DHTMLX Suite UI Calendar:
1.
Create an HTML file
2.
Include the calendar js source files in the header
3.
Add a container with an id - e.g. "calendar_container"
4.
Initialize the widget with the dhx.Calendar object constructor
5.
Specify a set of configuration properties if needed

DHTMLX Suite Demos with JavaScript/HTML Calendar

Light Skin
Choose light, dark, or high-contrast skins
Dark Skin
Choose light, dark, or high-contrast skins
Hotel Management System
Process room reservations
Hospital Management System (HMS)
Manage medical records
Online Exam System
Create and evaluate assignments
Theme Configurator
Configure your own theme using presets

JavaScript Calendar Picker with Date and Time Selectors

Documentation
Consult documentation
In the documentation of the DHTMLX JavaScript calendar component, you'll find the API references and step-by-step guides to quickly initialize, configure, and integrate widgets with the backend and React, Svelte, Angular, and Vue.js frameworks.
Samples
Work with code snippets
With the help of the code snippets, you can explore every JavaScript calendar feature. Online samples allow you to experiment with JavaScript and HTML code and share your results with the team or our tech support.
Free trial
Download Calendar free trial
We suggest you try out the functionality of the DHTMLX Calendar and download a free 30-day trial version. You’ll also get the latest updates and official technical support.
Optimus
Use Optimus framework
DHTMLX Optimus is a JavaScript micro-framework you can use to develop DHTMLX-based web apps faster and with less need for coding.
Official tech support
Get help from tech support
Being a trial user or an owner of a proprietary license, you can always get technical or licensing assistance. On this page, you’ll find available channels and resources for obtaining tech support.
Community forum
Browse DHTMLX forum
The forum has saved up lots of shared knowledge on working with DHTMLX JS UI widgets and in other other technologies. Our tech support team monitors topics and answers common questions.
Templates
Apply CSS templates
On this page, you can learn how to quickly create a user-friendly JavaScript application with DHTMLX Suite in four steps and also find new CSS templates.
Blog
Check for updates
Our blog is a comprehensive resource where you can find out all the latest DHTMLX Suite releases, helpful tips, technical tutorials, case studies, and other company updates and offerings.

DHTMLX Calendar Licensing

Individual
Total: 79ドル
Commercial
Total: 159ドル
Enterprise
Total: 359ドル
Ultimate
Total: 719ドル
License Terms Read License Agreement Read License Agreement Read License Agreement Read License Agreement
Developers 1 5 20
Projects 1 1 5
Use in SaaS (unlimited end-users)
Source code
Perpetual distribution rights
Support Plan
Standard Premium Premium Ultimate
Time Period 1 year 1 year 1 year 1 year
Updates Major, minor, and maintenance updates Major, minor, and maintenance updates Major, minor, and maintenance updates
Major, minor, and maintenance updates
Priority queue for bug fixing
Support requests 10 30 50
Response time 72h 48h 48h 24h
Personal Account Manager
Individual
79ドル
License Terms Read License Agreement
Developers 1
Projects 1
Use in SaaS (unlimited end-users)
Source code
Perpetual distribution rights
Support Plan
Standard
Time Period 1 year
Updates Major, minor, and maintenance updates
Support requests 10
Response time 72h
Personal Account Manager
Commercial
159ドル
License Terms Read License Agreement
Developers 5
Projects 1
Use in SaaS (unlimited end-users)
Source code
Perpetual distribution rights
Support Plan
Premium
Time Period 1 year
Updates Major, minor, and maintenance updates
Support requests 30
Response time 48h
Personal Account Manager
Enterprise
359ドル
License Terms Read License Agreement
Developers 20
Projects 5
Use in SaaS (unlimited end-users)
Source code
Perpetual distribution rights
Support Plan
Premium
Time Period 1 year
Updates Major, minor, and maintenance updates
Support requests 50
Response time 48h
Personal Account Manager
Ultimate
719ドル
License Terms Read License Agreement
Developers
Projects
Use in SaaS (unlimited end-users)
Source code
Perpetual distribution rights
Support Plan
Ultimate
Time Period 1 year
Updates
Major, minor, and maintenance updates
Priority queue for bug fixing
Support requests
Response time 24h
Personal Account Manager
Open-source Calendar Version - Standard Edition
The open source version of DHTMLX Calendar (Standard Edition) is distributed under the GPL v2.0 license. If you have an open-source project licensed under a GPLv2-compatible license and do not need PRO features, you may use DHTMLX Calendar Standard Edition for free. This version does not come with official technical support, but you can access assistance through the community forum.

Latest Blog Posts

What's new
Discover the recently launched DHTMLX Calendar versions, fresh developer guides, and tutorials with code snippets and practical tips from our tech team.
Try All UI Widgets for Free
All JavaScript UI widgets are part of the DHTMLX Suite library. You can download a free trial version and benefit from:
30 days of free evaluation
Official technical support
Full toolkit of 23 components
PRO features
NO credit card required
Send
a Question
Send a Question

Use this form to send inquiries related to license and purchase process.

Please do NOT use this form for your technical questions. Use Forum or Support System instead.

Message has been sent

Thank you for submitting your request.

You'll receive a reply from us shortly.

Got it