Calendar

A calendar component that allows picking of a single date or a range of dates.

SuMoTuWeThFrSa
Was this example helpful?

Usage


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

API Reference


This component is based on the react-date-picker package.

PropTypeDefault
mode
"single"
|"range"
"single"
showOutsideDays
boolean
true
locale
Locale
-
Was this section helpful?

Examples


Single Date

SuMoTuWeThFrSa
Was this example helpful?

Range

SuMoTuWeThFrSa
Was this example helpful?

Changing Locale

Changing the locale requires installing the date-fns library.

lumamijuvido
Was this example helpful?