시간 선택
예약 가능한 시간, 현재 선택과 마감된 시간을 같은 격자에서 직접 비교한다.
상태
selected
disabled
활용 방법
방문 예약
description에는 남은 자리 수나 소요 시간 같은 정보를 표시한다.
Preview
tsx
<DateSlotPicker legend="7월 21일" name="slot" slots={[{ value: "0900", label: "09:00", description: "여유" }]} />
속성
| 이름 | 타입 | 기본값 | 설명 |
|---|---|---|---|
| legend | ReactNode | - | |
| name | string | - | |
| slots | DateSlot[] | - | |
| value / defaultValue | string | - | |
| onValueChange | (value: string) => void | - |