value | Date | null | — | ค่าวันที่ที่เลือก |
onChange | (date: Date | null) => void | — | Callback เมื่อค่าเปลี่ยนแปลง |
minDate | Date | — | วันที่ต่ำสุดที่สามารถเลือกได้ |
maxDate | Date | — | วันที่สูงสุดที่สามารถเลือกได้ |
locale | Partial<Locale> | — | การกำหนดค่า 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 | — | Callback เมื่อสถานะการเปิดเปลี่ยนแปลง |
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 | ซ่อนส่วนท้ายของการกระทำ |