พร็อพ

พร็อพ	ประเภท	ค่าเริ่มต้น	คำอธิบาย
`value`	`Date \| null`	—	ค่าเวลาที่เลือก (ใช้เฉพาะส่วนของเวลา)
`onChange`	`(date: Date \| null) => void`	—	Callback เมื่อค่าเปลี่ยนแปลง
`time`	`TimeConfig`	—	การกำหนดค่าแผงเวลา
`locale`	`Partial<Locale>`	—	การกำหนดค่า Locale แบบกำหนดเอง
`displayFormat`	`string`	—	รูปแบบการแสดงผลแบบกำหนดเองสำหรับ trigger
`placeholder`	`string`	—	ข้อความ Placeholder สำหรับ trigger
`open`	`boolean`	—	สถานะการเปิด (controlled)
`initialOpen`	`boolean`	`false`	สถานะการเปิดเริ่มต้น (uncontrolled)
`onOpenChange`	`(open: boolean) => void`	—	Callback เมื่อสถานะการเปิดเปลี่ยนแปลง
`required`	`boolean`	`false`	ปิดการใช้งานการล้างค่า
`inline`	`boolean`	`false`	แสดงผลแบบ inline โดยไม่มี trigger/popup
`hideFooter`	`boolean`	—	ซ่อนส่วนท้าย (footer) ของการกระทำ
`name`	`string`	—	ชื่อ input ที่ซ่อนไว้สำหรับการส่งฟอร์ม

TimeConfig

interface TimeConfig {
  /** ความแม่นยำในการแสดงเวลา ค่าเริ่มต้นคือ "minute" */
  precision?: "hour" | "minute" | "second";
  /** รูปแบบ 12 ชั่วโมงหรือ 24 ชั่วโมง ค่าเริ่มต้นคือ "24" */
  hourFormat?: "12" | "24";
  /** ขั้นการเพิ่มนาที ค่าเริ่มต้นคือ 5 */
  minuteStep?: 1 | 2 | 3 | 5 | 10 | 15 | 20 | 30;
  /** ขั้นการเพิ่มวินาที ค่าเริ่มต้นคือ 1 */
  secondStep?: 1 | 2 | 3 | 5 | 10 | 15 | 20 | 30;
  /** ความสูง (px) ของแต่ละรายการใน scroll wheel ค่าเริ่มต้นคือ 32 */
  itemHeight?: number;
}