Year Picker
PickersDecade-grid year picker with keyboard nav, min/max bounds, single or range mode.
ViewDate, date and time, date range, time, month, year, color and emoji pickers, plus a booking slot picker, with full keyboard navigation.
9 components
Decade-grid year picker with keyboard nav, min/max bounds, single or range mode.
View4×3 month grid with year stepper, keyboard nav, min/max bounds, single or range mode.
ViewHour, minute and optional second scroll columns with 12/24h modes, step intervals and keyboard nav.
ViewColor picker on react-colorful with HEX / RGB / HSL inputs (colord), an eyedropper where supported, and recent swatches.
ViewSingle-date picker: a trigger that formats the date, opening shadcn Calendar in a popover. Takes react-day-picker matchers for bounds and disabled days.
ViewRange picker on shadcn Calendar: preset column, one or two months, and react-day-picker matchers for bounds and disabled days.
ViewEmoji picker on frimousse: the full emoji set by category, search, skin tones, keyboard navigation and a hover preview.
ViewOne field for a day and a time: a calendar beside hour and minute columns, with an AM/PM column on a 12-hour clock. Picking a day keeps the time, minutes snap to a step, and the value is a single Date.
ViewPick a meeting time: a calendar where days without free slots are disabled, beside the times for the chosen day. Booked slots show crossed out, and arrow keys skip over them.
View