Date Picker
Date Picker in Modal
Basic Date Picker
Create a basic date picker by initializing Air Datepicker with new AirDatepicker("#basic-picker") to allow users to select a single date from a calendar.
Select Date on Initialization
Select a predefined date using the data-select-date attribute.
Select Month
Choose a month from the calendar using view: 'months' and minView: 'months'.
Mobile & Auto Close Date Picker
Enable mobile view and automatically close the date picker after selection using isMobile: true and autoClose: true.
Position Date Picker
Position the date picker using position: 'right center'.
Date Range Picker
Allow users to select a range of dates with Air Datepicker by initializing new AirDatepicker("#range-picker") with the data-range-date attribute.
Timepicker Picker
Allow users to select a range of dates with Air Datepicker by initializing new AirDatepicker("#range-picker") with the data-range-date attribute.
Time format
Allow users to select a range of dates with Air Datepicker by initializing new AirDatepicker("#range-picker") with the data-range-date attribute.
Inline Date Picker
Display the calendar inline using Air Datepicker by initializing new AirDatepicker("#inline-picker") with data-inline-date.