Date Time Picker
DateTimePicker combines calendar date selection and time selection in one control.
Installation
pnpm --filter @hoag/ui buildUsage
import { DateTimePicker } from "@hoag/ui/date-time-picker";
<DateTimePicker value={new Date()} onChange={(date) => console.log(date)} />;Examples
Basic
<DateTimePicker value={new Date()} />12-hour mode
<DateTimePicker use12HourFormat value={new Date()} />API Reference
| Prop | Type | Description |
|---|---|---|
value | Date | string | number | Current date-time value. |
onChange | (date?: Date) => void | Callback when value changes. |
use12HourFormat | boolean | Use 12-hour time format. |
disabled | boolean | Disable the picker. |