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
.