屬性
| 屬性 | 類型 | 預設值 | 描述 |
|---|---|---|---|
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 | — | 用於表單提交的隱藏輸入欄位名稱 |
placeholder | string | — | 觸發器的佔位符文字 |
hideHeader | boolean | false | 隱藏導覽標頭 |
hideFooter | boolean | false | 隱藏操作頁腳 |