DatePicker

Allows user to select a predefined date.

version

5.0.0-alpha.16

install

yarn add @welcome-ui/date-picker

usage

import { DatePicker } from '@welcome-ui/date-picker'

It is based on the react-datepicker library.

Note: Pass a value of null if you don't want the default value of Date.now().

Pass a date for the value

Simply add on DatePicker the props from react-datepicker

Add an icon with the icon property

Use size propety with option:

You can change your locale by pass locale property from date-fns.

In this exemple we import import dateFR from 'date-fns/locale/fr'

Pass transparent to remove background-color and border-color

Name	Type(s)	Default
endYear	number	DEFAULT_DATE.getFullYear()
startYear	number	1900
locale	Locale
icon	Element
iconPlacement	"right" "left"	left
size	"xs" "sm" "md" "lg"	md
onChange	(date?: Date) => void
onBlur	(event: FocusEvent<HTMLDivElement, Element>) => void
onFocus	(event: FocusEvent<HTMLDivElement, Element>) => void
useWeekdaysShort	Boolean	true
placeholder	string
value	string Date
transparent	Boolean