This widget allows your end users to select days, months, years and even exact time. According to your needs, you can enable year or month mode, or just use Timepicker for time setting. Particular dates and periods can be disabled. Calendar is a configurable control that allows adding custom buttons to it.
Month and year modes
According to your needs, Calendar can display either months or years.
Try to select a month or a year
You can disable a particular date or period using a single line of code. This feature can be used to mark vacation days or days on which no activities can be assigned.
Webix Calendar provides helpful 'Today' and 'Clear' buttons. They allow a user to select the current date and remove selection correspondingly.
Click on the 'Today' button to set the current date
Click on the 'fr-FR' button to change the locale
When you work with a form, it may be pretty inconvenient to insert dates manually. The main purpose of Datepicker is to simplify this task. It allows choosing the required year, month and day with ease. After clicking on a form field with a small calendar icon, a pop-up window with a calendar will appear on the screen. By default the calendar displays the current date.
Select dates in different formats
Webix provides two ways of time selection. Firstly, you can enable the built-in Timepicker, that will be displayed as a clock icon below the calendar of the Datepicker control. As an alternative, you can use a separate time selector.
Try to change the time
Date Range and Date Range Picker
With DateRange and DateRangePicker controls you can select date range and pick the dates from multiple calendars like on a booking site.
Select a date range