Fieldbook
Sign in

Inputs

Seasonal Range Picker

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

Using Seasonal Range Picker

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

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, seasonStartMonth, seasonEndMonth

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

Bounded Stay Range Picker
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.
Date Range Picker
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.
Date Range Picker
2794Date Range PickerInputsA month calendar grid for picking a start and end date together, with the days between them shown as one connected span.
Localized booking calendar
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.
Minimum-Stay Range Picker
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.
Priced stay range calendar
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.