Prepared Docs

Prepared Docs

⌘K

    Loading navigation…

User

  1. Calendar
  2. Date Time Picker
  3. API and Development

Date Time Picker

API and Development

View Source
Submit Issue

DateTimePicker from @prepared911/ui-calendar composes DatePicker with TimePicker (single mode) or TimeRangeInputs (range mode). It converts between UTC storage and local display using @prepared911/util-helpers. Optional onApply enables a deferred commit pattern with internal draft state until Apply is pressed.

Props

Single (DateTimePickerProps single branch)—extends single-date DatePicker props with required onChange: (Date) => void and optional onApply?: (Date) => void.

Range—onChange receives { start: Date | null; end: Date | null }; optional maxRange (hours) caps the span; optional onApply with the same value shape.

Shared: inherits date bounds, hideMonthYearSelect, disabled, disableFuture from the embedded DatePicker.

Import

Single datetime

Previous

Date Time Picker / Usage

Next

Date Time Picker / Accessibility

On this page

Props
Import
Single datetime