components / date-strip
date-strip.
horizontal run of days — the linear counterpart to calendar's month grid, for when the next opening matters more than which week it's in. availability is a dot, not a number; a known count of zero disables the day while an absent count leaves it alone, so a loading strip never claims the week is empty.
august 2026
1 times on august 3
installation
bunx @justin06lee/chrome@latest add date-stripprops
| name | type | default | description |
|---|---|---|---|
| days * | StripDay[] | - | { value, label, weekday?, count?, disabled?, today? }. count 0 disables the day; undefined means unknown. |
| value * | string | null | - | |
| onChange * | (value: string) => void | - | |
| label | ReactNode | - | mono uppercase caption above the strip, usually the month. |
| arrows | boolean | true | scroll arrows; they hide themselves when nothing overflows. |
| showCount | boolean | true | render availability as a dot under the number. |
| ariaLabel | string | 'pick a day' | |
| className | string | - |