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": 1614778007520
}
{
  "welcome": 1614778007520
}
Show editor

Pass props to DatePicker

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

Properties

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