Inputs

Date Range Picker

A month calendar grid for picking a start and end date together, with the days between them shown as one connected span.

Offsite planning

Choose the offsite dates

September 2026

SMTWTFS

Sep 10 to Sep 14, 2026 4 nights booked for the team offsite.

Using Date Range Picker

A month calendar grid for picking a start and end date together, with the days between them shown as one connected span.

Try the live preview with a pointer and keyboard, then check focus visibility and the narrow layout in your own page. Use the plate number or slug when asking your coding agent to fetch this component.

Props: accent, weekStart

Which frameworks are available?

The catalog lists these versions: react, vue, svelte, astro, html. The live preview on this page runs React.

How do I access the implementation?

The preview and component description are public. Sign in with an authorized account to open the code, framework versions and installation panel.

Connect your agent

Nearby

2139Date Range PickerInputsA single month calendar for choosing a start and end date, where every day between them fills in as one continuous highlighted band once both ends are picked.

2116Bounded Stay Range PickerInputsA two month range picker that enforces both a minimum and a maximum number of nights, so only end dates inside that window stay pickable once a start is set.

2185Localized booking calendarInputsA two month range picker inside a card whose title, subtitle, and month names switch between two languages from a small select menu in the header.

2190Minimum-Stay Range PickerInputsA single month range picker that enforces a minimum number of nights between the two picked dates, with a short caption below the grid explaining the rule.

2406Priced stay range calendarInputsA range calendar where every day cell shows a small price under its number, weekends priced higher than weekdays, with month and year chosen from dropdowns.

2223Seasonal Range PickerInputsA two month range picker restricted to a fixed open season, dimming out every date before or after the allowed window across both visible months.