Loading...
Installation
Features
- Calendar Selection: Visual date picker with calendar view
- Time Picker: Hour, minute, and AM/PM selection
- Date Restrictions: Set min/max date boundaries
- Formatted Display: Shows selected date and time in readable format
- Customizable Options: Configure hour/minute intervals
- onChange Callback: Get notified when date/time changes
Props
Prop | Type | Default | Description |
---|---|---|---|
defaultDate | Date | - | Initial date value |
defaultHour | string | "12" | Initial hour (01-12) |
defaultMinute | string | "00" | Initial minute |
defaultAMPM | "AM" | "PM" | "AM" | Initial AM/PM selection |
onChange | (date: Date | null) => void | - | Callback when date/time changes |
disabled | boolean | false | Disable the picker |
minDate | Date | - | Minimum selectable date |
maxDate | Date | - | Maximum selectable date |
hourOptions | string[] | ["01"-"12"] | Custom hour options |
minuteOptions | string[] | ["00","15","30","45"] | Custom minute options |