Inputs

Booked Dates Picker

A single date picker where a run of already reserved days shows a strike through the number and cannot be selected, leaving the open days pickable as normal.

June 2026Booked Jun 15–26

SuMoTuWeThFrSa

Selected June 1, 2026

Using Booked Dates Picker

A single date picker where a run of already reserved days shows a strike through the number and cannot be selected, leaving the open days pickable as normal.

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, bookedStart, bookedCount, startMonth

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

2108Appointment Range CardInputsA card that pairs a single-month date grid with a start-time and end-time field below it, for picking one day plus a time window in one compact block.

2305Birthdate popover pickerInputsA labeled button that opens a floating calendar with month and year dropdowns for quickly reaching a birth year, closing itself the moment a day is picked.

2118Caption Style Date PickerInputsA single date picker paired with a select menu that swaps its header between a combined month and year dropdown, a month only dropdown, or a year only dropdown.

2126Compact Time Range PickerInputsA month calendar card with a two-cell time range strip in the footer, the two time fields divided only by a short dash so the pair reads as one range control.

2332Date and Time Duo PickerInputsTwo side by side labeled fields, a compact date button that opens a calendar popover and a plain time field, for setting a date and a time as two independent steps.

2143Dropdown Date PickerInputsA single month date picker whose header uses a month dropdown and a year dropdown side by side, so jumping to a distant date takes one selection instead of many arrow clicks.