@cmds/date-input

Used for entering dates.

Usage no npm install needed!

<script type="module">
  import cmdsDateInput from 'https://cdn.skypack.dev/@cmds/date-input';
</script>

README

DateInput

npm package

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.