space-datetime-picker

Installation setup

npm install --save react-space-datetime-picker

or

yarn add react-space-datetime-picker

Date picker example use case

<SpaceDatetimePicker
    onChange={e => { console.log('onchange = ', e); }}
    hour12={true}
    locale={'en-US'}
    weekday={'short'}
    month={'long'}
    placeholder={'toto'}
    format={'DD/MM/YYYY HH:mm:ss'}
    showTime={true}></SpaceDatetimePicker>

//without any props values
<SpaceDatetimePicker></SpaceDatetimePicker>

SpaceDatetimePicker Parameters

Parameter | Type | Default | Description --------- | ---- | ------- | ----------- v-model (required) | Date Date | - | Date object placeholder | String | '' | placeholder for default input field format | String | '' | format to display in default input field, the default display format is YYYY-MM-DD locale | String | undefined | BCP47 locales, ex: fr-FR, en-BR, en-US... showTime | Boolean | false | show time input in date picker hour12 | Boolean | false | show time in 12 hours format weekday | String | narrow | display week day in long | short | narrow showHome | Boolean | false | home icon button allow to return back to current datetime disabled | Boolean | false | disabled all inputs stardingDay | Number | 1 | define the first day of week, 0 is sunday, 1 for monday...

Display format

A valid datetime format is combinated of 'YYYY', 'MM', 'DD' for date and 'HH', 'mm', 'ss' for a valid time

for example MM/DD/YYYY HH:mm:ss is valid for dates like 02/18/2020 00:30:30