屬性

屬性類型預設值描述
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"標題導覽樣式
fromYearnumber下拉選單的起始年份
toYearnumber下拉選單的結束年份
disablePastbooleanfalse禁用今天之前的日期
disableFuturebooleanfalse禁用今天之後的日期
inlinebooleanfalse行內顯示日曆 (無彈出視窗)
namestring用於表單提交的隱藏輸入欄位名稱
placeholderstring觸發器的預留位置文字
hideHeaderbooleanfalse隱藏導覽標頭
hideFooterbooleanfalse隱藏操作頁尾