Date Picker

A date picker component with range and presets.

yyyy

Was this example helpful?

Usage#

Code
import { DatePicker } from "@medusajs/ui"

Code
<DatePicker />

Prop	Type	Default
`aria-describedby`	`string`	-
`aria-details`	`string`	-
`aria-label`	`string`	-
`aria-labelledby`	`string`	-
`autoFocus`	`boolean`	-
`defaultOpen`	`boolean`	-
`description`	`ReactNode`	-
`errorMessage`	`ReactNode` \| `function`	-
`hideTimeZone`	`boolean`	-
`hourCycle`	`12` \|`24`	-
`id`	`string`	-
`isDisabled`	`boolean`	-
`isInvalid`	`boolean`	-
`isOpen`	`boolean`	-
`isReadOnly`	`boolean`	-
`isRequired`	`boolean`	-
`label`	`ReactNode`	-
`name`	`string`	-
`onBlur`	`function`	-
`onFocus`	`function`	-
`onFocusChange`	`function`	-
`onKeyDown`	`function`	-
`onKeyUp`	`function`	-
`onOpenChange`	`function`	-
`pageBehavior`	`PageBehavior`	-
`placeholderValue`	`CalendarDate` \| `CalendarDateTime`	-
`shouldForceLeadingZeros`	`boolean`	-
`validate`	`function`	-
`validationBehavior`	`"aria"` \|`"native"`	-

Was this helpful?