JavaScript Calendar

Build your JavaScript calendar easily

A simple initialization enables you to get down to work at a moment’s notice. You can provide your JavaScript calendar with multilingual support. If needed, you can put the calendar in a popup and display the selected date in an input field. Besides, placing two calendars together allows you to select a range of dates with the start date on the first calendar and the end date on the second one.

Configure your JavaScript calendar to the utmost

dhtmlxCalendar is a lightweight cross-browser JavaScript calendar widget with 3 modes for showing dates of one month, months of the year, and years. Due to the rich JavaScript API, you can configure the calendar exactly the way you need. For instance, attach any HTML object to the calendar like a time picker in the 12- or 24-hour format, block or highlight dates or show numbers of weeks.

Fine-tune the UI of your calendar

Broad customization options allow you to change every aspect of your UI calendar via CSS. You can color the background, highlighted dates, selected date ranges, and numbers of weeks to match your web app. Additionally, you can apply different styles to the calendar borders, for example, by adding a shadow or hiding the borders at all.

Angular, React, and Vue.js wrappers

Our calendar control is included in the Suite UI library together with 20+ other UI components. Due to special wrappers, dhtmlxCalendar, as well as the whole Suite, can be used in any projects based on such widespread frameworks as Angular , React, or Vue.js. You can try it out in your web app downloading our evaluation version, which is free for 30 days.