พร็อพ

พร็อพประเภทค่าเริ่มต้นคำอธิบาย
valueDate | nullค่าวันที่ที่เลือก
onChange(date: Date | null) => voidCallback เมื่อค่าเปลี่ยนแปลง
minDateDateวันที่ต่ำสุดที่สามารถเลือกได้
maxDateDateวันที่สูงสุดที่สามารถเลือกได้
localePartial<Locale>การกำหนดค่า locale เอง
initialMonthDateเดือนที่แสดงผลเริ่มต้น
size"small" | "medium" | "large" | "x-large""medium"ขนาดของคอมโพเนนต์
weekStartsOnWeekDay"sunday"วันแรกของสัปดาห์
isDateUnavailable(date: Date) => booleanทำเครื่องหมายวันที่เป็นปิดใช้งาน
displayFormatstringรูปแบบการแสดงผลที่กำหนดเอง (เช่น “YYYY/MM/DD”)
openbooleanสถานะการเปิดแบบควบคุม
initialOpenbooleanสถานะการเปิดเริ่มต้น (ไม่ควบคุม)
onOpenChange(open: boolean) => voidCallback เมื่อสถานะการเปิดเปลี่ยนแปลง
requiredbooleanfalseปิดการใช้งานการล้างค่า
showOutsideDaysbooleanfalseแสดงวันจากเดือนข้างเคียง
highlightDatesDate[]วันที่ที่ต้องการไฮไลท์
shouldCloseOnSelectbooleanfalseยืนยันอัตโนมัติเมื่อคลิกวันที่
numberOfMonthsnumber1จำนวนเดือนที่จะแสดง
captionLayout"buttons" | "dropdown""buttons"สไตล์การนำทางของหัวเรื่อง
fromYearnumberปีเริ่มต้นสำหรับดรอปดาวน์
toYearnumberปีสิ้นสุดสำหรับดรอปดาวน์
disablePastbooleanfalseปิดการใช้งานวันที่ก่อนวันนี้
disableFuturebooleanfalseปิดการใช้งานวันที่หลังวันนี้
inlinebooleanfalseแสดงปฏิทินในบรรทัด (ไม่มีป๊อปอัป)
namestringชื่อ input ที่ซ่อนอยู่สำหรับการส่งฟอร์ม
placeholderstringข้อความ Placeholder ของทริกเกอร์
hideHeaderbooleanfalseซ่อนส่วนหัวการนำทาง
hideFooterbooleanfalseซ่อนส่วนท้ายของการกระทำ