0.6.0 • Published 4 years ago
@pndr/date-input v0.6.0
DateInput
Used for entering dates.
Getting started
npm install @cmds/date-input --saveProp Types
| Property | Type | Required? | Description |
|---|---|---|---|
| className | String | Add a className to the input | |
| value | String | Dates are handled as ISO String values: 2020-01-24T12:00:41.021Z | |
| disabled | Boolean | Disables input. Default: false | |
| includeTime | Boolean | Whether or not to include time. Default: true | |
| sameTimeZone | Boolean | Whether the user is editing an UTC date or their local date. Default: false | |
| dateFormat | String | Which date format to use for date parsing. Default: D/M/YYYY. See Date Formatting. | |
| datePlaceholder | String | Which placeholder to use for the date input. Default: dd/mm/yyyy. See Date Formatting. | |
| timeFormat | String | Which time format to use for date parsing. Default: HH:mm. See Date Formatting. | |
| timePlaceholder | String | Which placeholder to use for the time input. Default: hh:mm. See Date Formatting. | |
| onChange | Function | Triggers when the date changes: ({value: string}) |
Date Formatting
For date formats go to https://momentjs.com
More information
This component is designed and developed as part of Cosmos Design System.