Based on react-datepicker

Full

import { DateInput } from '@passfort/castle'
content_copy
Copy

<DateInput locale={fr} />
<DateInput locale={fr} />
content_copy
Copy
live example

Month

import { Month } from '@passfort/castle'
content_copy
Copy

<Month />
<Month />
content_copy
Copy
live example

Year

import { Year } from '@passfort/castle'
content_copy
Copy

<Year />
<Year />
content_copy
Copy
live example

Range

import { DateRange } from '@passfort/castle'
content_copy
Copy

<DateRange onChange={(r) => console.log(r)}/>
<DateRange onChange={(r) => console.log(r)}/>
content_copy
Copy
live example

Locale

Import a locale

locales can be found in date-fns module

import fr from 'date-fns/locale/fr'
content_copy
Copy

<Stack>
    <DateInput locale={fr} />
    <DateRange flex={1} locale={fr} label="Custom label"/>
</Stack>
<Stack>
    <DateInput locale={fr} />
    <DateRange flex={1} locale={fr} label="Custom label"/>
</Stack>
content_copy
Copy
live example