Props
| Prop | 타입 | 기본값 | 설명 |
|---|---|---|---|
value | Date | null | — | 선택된 날짜 값 |
onChange | (date: Date | null) => void | — | 값이 변경될 때 호출되는 콜백 |
minDate | Date | — | 선택 가능한 최소 날짜 |
maxDate | Date | — | 선택 가능한 최대 날짜 |
locale | Partial<Locale> | — | 사용자 지정 로캘 설정 |
initialMonth | Date | — | 초기에 표시될 월 |
size | "small" | "medium" | "large" | "x-large" | "medium" | 컴포넌트 크기 |
weekStartsOn | WeekDay | "sunday" | 한 주의 시작 요일 |
isDateUnavailable | (date: Date) => boolean | — | 비활성화할 날짜 지정 |
displayFormat | string | — | 사용자 지정 표시 형식 (예: "YYYY/MM/DD") |
open | boolean | — | 제어되는 열림 상태 |
initialOpen | boolean | — | 초기 열림 상태 (비제어) |
onOpenChange | (open: boolean) => void | — | 열림 상태가 변경될 때 호출되는 콜백 |
required | boolean | false | 값 지우기 비활성화 |
showOutsideDays | boolean | false | 인접한 월의 날짜 표시 |
highlightDates | Date[] | — | 강조 표시할 날짜 |
shouldCloseOnSelect | boolean | false | 날짜 클릭 시 자동 확인 |
numberOfMonths | number | 1 | 표시할 월의 수 |
captionLayout | "buttons" | "dropdown" | "buttons" | 캡션 탐색 스타일 |
fromYear | number | — | 드롭다운의 시작 연도 |
toYear | number | — | 드롭다운의 종료 연도 |
disablePast | boolean | false | 오늘 이전 날짜 비활성화 |
disableFuture | boolean | false | 오늘 이후 날짜 비활성화 |
inline | boolean | false | 달력을 인라인으로 표시 (팝업 없음) |
name | string | — | 폼 제출을 위한 숨겨진 input 이름 |
placeholder | string | — | 트리거 placeholder 텍스트 |
hideHeader | boolean | false | 탐색 헤더 숨기기 |
hideFooter | boolean | false | 액션 푸터 숨기기 |