속성

속성타입기본값설명
valueDate | null선택된 날짜 값
onChange(date: Date | null) => void값이 변경될 때 호출되는 콜백
minDateDate선택 가능한 최소 날짜
maxDateDate선택 가능한 최대 날짜
localePartial<Locale>사용자 정의 로케일 설정
initialMonthDate초기에 표시될 월
size"small" | "medium" | "large" | "x-large""medium"컴포넌트 크기
weekStartsOnWeekDay"sunday"한 주의 시작 요일
isDateUnavailable(date: Date) => boolean특정 날짜를 비활성화
displayFormatstring사용자 정의 표시 형식 (예: "YYYY/MM/DD")
openboolean팝업 열림 상태 제어 (제어 컴포넌트)
initialOpenboolean초기 열림 상태 (비제어 컴포넌트)
onOpenChange(open: boolean) => void열림 상태 변경 시 호출되는 콜백
requiredbooleanfalse값 비우기 비활성화
showOutsideDaysbooleanfalse인접한 달의 날짜 표시
highlightDatesDate[]강조할 날짜 배열
shouldCloseOnSelectbooleanfalse날짜 클릭 시 자동 선택 완료
numberOfMonthsnumber1표시할 월의 수
captionLayout"buttons" | "dropdown""buttons"월 이동 UI 스타일
fromYearnumber드롭다운 시작 연도
toYearnumber드롭다운 종료 연도
disablePastbooleanfalse오늘 이전 날짜 비활성화
disableFuturebooleanfalse오늘 이후 날짜 비활성화
inlinebooleanfalse팝업 없이 캘린더를 인라인으로 표시
namestring폼 제출을 위한 숨겨진 input의 name
placeholderstring트리거에 표시될 플레이스홀더 텍스트
hideHeaderbooleanfalse월 이동 헤더 숨기기
hideFooterbooleanfalse액션 푸터 숨기기