date-time-selector
A(nother) date time selector.
This one...
- Is a React Component.
- Makes use of out-of-the-box Bootstrap 4 css classes for styling.
- Uses icons from fontawesome
All internal date manipulation is achieved using Moment.js
The component renders an input-group
Demo
https://codesandbox.io/s/881mmkvlwl
Getting Started
Install
npm
npm add date-time-selector
yarn
yarn add date-time-selector
Usage
Import
import DateTimeSelector from 'date-time-selector'
JSX
<DateTimeSelector>
<DateTimeSelector onSelected={this.handleSelected} disableTime={true} format='L' default={moment()} />
Props
| Prop | Type | Required | Description | Default |
|---|---|---|---|---|
default |
Object | A moment.js object. This will be the default value selected in the selector | ||
onSelected |
Function | Will be called when a date is submitted. The selected moment is the only argument. Can be null. | ||
format |
String | moment.js format string. | 'L LTS' | |
disableTime |
Boolean | Set it to true if you'd like to hide the time inputs. |
false |
