date-time-selector

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