gd-date-time-selector

gd-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

Getting Started

Install

npm

npm add gd-date-time-selector

yarn

yarn add gd-date-time-selector

Usage

Import

import { DateTimeSelector } from 'gd-date-time-selector'

JSX

<DateTimeSelector>

<DateTimeSelector onChange={this.handleChange} placeholder="Date" value={'25/04/2018 15:49:06'} timeFormat={'DD/MM/YYYY HH:mm:ss'}></DateTimeSelector>

Props

Prop	Type	Required	Description	Default
onChange	Function		Will be called when a date time is selected. Arguments: [{value: /formated date/ '25/04/2018 1506', moment: /moment/ mo]. Can be null.	null
placeholder	String		Placeholder string.	''
value	String		Time formated string.	''
timeFormat	String		Moment supported time format	null