Basic Date Picker
Create a basic date picker by initializing Air Datepickr
with Air Datepickr("#basic-picker") to allow
users to select a single date from a calendar.
Select date on initialization
For selecting initial date use option.
selectedDates
Month selection
For choosing only month without any certain date you could
use combination of two options view and
minView - with first option we setting up
current view of calendar and with second we set minimal
possible view.
Mobile devices mode
Air Datepicker has a mode that allows you to open the calendar as a modal window - in this mode it appears in the center of the screen in slightly enlarged sizes to facilitate date selection.
Positioning
Position of the calendar is set up by
position option - it can be either a string or
a function.
Range of dates
For choosing range of dates use parameter
{range:true}. After selecting both dates you
could correct them by dragging active dates.
Timepicker
Pass {timepicker:true} to be able to pick time.
By default the user's time is set. Start datetime value
could be configured with parameter startDate.
Cells content
Air Datepicker allows you to change cells content anyway you
want. Content, classes and status (active/disabled) are
controlled by option
{onRenderCell:({date, cellType})=>{})}.
Preinstalled buttons
To add buttons, use the buttons option - it
accepts an array of strings or an array of objects with a
description of the button.