0.1.2 • Published 4 years ago
react-space-datetime-picker v0.1.2
space-datetime-picker
Installation setup
npm install --save react-space-datetime-pickeror
yarn add react-space-datetime-pickerDate 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