- A date input element made with dw-input use to take date input from the user.
npm install --save @dreamworld/dw-date-input
import '@dreamworld/dw-date-input/dw-date-input';
Triggers value-changed
event on value change.
Supports all the features of dw-input
like disabled
, readOnly
, hint
etc. Additional features are as below:
-
Takes user input in below formates
- mm/dd/yyy (Default)
- dd/mm/yyyy
- dd-mm-yyyy
- mm-dd-yyyy
-
Autofills remaining places and formates date
- e.g. If user enters
1212
, value will be12/12/2019
- e.g. If user enters
-
Performs validation and show error message accordingly
- also performs validation for minDate and maxDate
<dw-date-input label="Date" inputFormat="dd-mm-yyyy" placeholder="Enter date"></dw-date-input>
<dw-date-input label="Date" value="02/12/2019"></dw-date-input>
<dw-date-input label="Date" minDate="02/12/2019" maxDate="02/12/2020"></dw-date-input>