Date Picker

A date picker component with range and presets.

Was this example helpful?

Usage


import { DatePicker } from "@medusajs/ui"
<DatePicker />

API Reference


This component is based on the Calendar component and Radix UI Popover.

PropTypeDefault
mode
enum
"single"
presetsDatePreset | DatePreset[]-
showTimePickerbooleanfalse
Was this section helpful?

Examples


Single

Was this example helpful?

Single with time

Was this example helpful?

Single with presets

Was this example helpful?

Single with presets and time

Was this example helpful?

Range

Was this example helpful?

Range with time

Was this example helpful?

Range with presets

Was this example helpful?

Range with presets and time

Was this example helpful?