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 #

yarn add @welcome-ui/date-time-picker @xstyled/styled-components @xstyled/system prop-types react react-dom styled-components

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

Simple use case #

Date
{
  "welcome": 1637057825667
}
{
  "welcome": 1637057825667
}
Show editor

Pass props to DatePicker #

Date
{
  "welcome2": 1637057825733
}
{
  "welcome2": 1637057825733
}
Show editor

Properties #

Dependencies #

• - @welcome-ui/button
  ^3.4.3
• - @welcome-ui/clear-button
  ^3.8.4
• - @welcome-ui/date-picker
  ^3.11.0
• - @welcome-ui/date-time-picker-common
  ^3.11.0
• - @welcome-ui/field
  ^3.11.0
• - @welcome-ui/icons.left
  ^3.0.0
• - @welcome-ui/icons.right
  ^3.0.0
• - @welcome-ui/select
  ^3.11.0
• - @welcome-ui/system
  ^3.0.0
• - @welcome-ui/time-picker
  ^3.11.0
• - react-datepicker
  ^3.6.0

Peer dependencies #

• - @xstyled/styled-components
  ^2.2.3
• - @xstyled/system
  ^2.2.3
• - prop-types
  ^15.7.2
• - react
  ^16.10.2 || ^17.0.1
• - react-dom
  ^16.10.2 || ^17.0.1
• - styled-components
  ^5.2.1