DateInput

Used for entering dates.

Getting started

npm install @cmds/date-input --save

Prop 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.