DateTimePicker
It is based on the react-datepicker library. All the props the library exposes can be passed to either DatePicker or TimePicker.
Note: Pass a value of null
if you don't want the default value of Date.now()
.
Install and import
Simple use case
Pass props to DatePicker
Properties
Name | Type(s) | Default | Required |
---|---|---|---|
children | node | ||
disabled | bool | ||
locale | object | ||
onChange | func | ||
size | sm md lg | lg | |
value | number | object | string | DEFAULT_DATE |
Dependencies
- - @welcome-ui/button^3.0.0-alpha.2
- - @welcome-ui/clear-button^3.0.0-alpha.2
- - @welcome-ui/date-picker^3.0.0-alpha.2
- - @welcome-ui/date-time-picker-common^3.0.0-alpha.2
- - @welcome-ui/field^3.0.0-alpha.2
- - @welcome-ui/icons.left^3.0.0-alpha.2
- - @welcome-ui/icons.right^3.0.0-alpha.2
- - @welcome-ui/select^3.0.0-alpha.2
- - @welcome-ui/system^3.0.0-alpha.2
- - @welcome-ui/time-picker^3.0.0-alpha.2
- - react-datepicker^3.4.1
Peer dependencies
- - @xstyled/styled-components^2.1.0
- - @xstyled/system^2.1.0
- - prop-types^15.7.2
- - react^16.10.2 || ^17.0.1
- - react-dom^16.10.2 || ^17.0.1
- - styled-components^5.0.0