Air Datepicker Demos

A lightweight vanilla JS & jQuery date picker with range selection, timepicker, multi-date mode, and full localization.

Range Booking

Blocked dates stay unavailable, invalid spans are rejected before selection, and the range preview reacts in place.

Stay Window

Selection Choose a start date, then extend the stay.

Rules Unavailable dates are disabled and cannot be crossed by a draft range.

An embedded calendar with time controls, dynamic titles, quick actions, and a separate time-only field for compact flows.

Readable No slot selected yet.

Machine Value Waiting for a selection.

Time Only

Open the field to pick a time-only value.

Multiple selections can be loaded in batches, locked into a compact field, or expanded by clicking weekday headers.

Session Dates

Selected Dates No dates selected.

A month-first flow with a custom container, full month labels, and an alternate machine value ready for forms or filters.

Month Focus

Alternate Value

Summary The field stores both the label and a compact machine format.

The same picker can shift into a centered modal layout for touch-oriented flows without changing the page structure.

Touch Layout Trigger

Current Value Open the field to view the mobile overlay mode.

Behavior Fixed height, centered overlay, English locale, and quick close after selection.

Runtime methods can open, hide, jump views, disable dates, and rebuild the instance without leaving the page.

Controlled Instance