Inputs

Appointment Scheduler Card

A single date picker framed inside a titled card with a jump to today button in the corner, styled for booking one appointment.

Appointment

Find a date.

June 2026

Selected: Sun, Jun 14

Using Appointment Scheduler Card

A single date picker framed inside a titled card with a jump to today button in the corner, styled for booking one appointment.

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, title, subtitle, 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.

2385Meeting Slot SchedulerInputsA booking card that puts a month grid beside a scrollable list of quarter-hour time slots, some dates disabled and shown struck through, ending in a summary line and a Continue button.

2773Month grid date pickerInputsA single-month calendar grid for picking a date, with a weekday header, muted days from neighboring months, a filled accent circle on the picked day, and a dot marking today.

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.

2114Booked Dates PickerInputsA 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.

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.