Datepicker
| Last update: | () |
| Message | feat(datepicker): no-clear attribute |
| Committer: | Tamás Bíró |
| Version history | |
Default
<e-datepicker></e-datepicker>
<e-datepicker></e-datepicker>Initial value
<e-datepicker value="2015-05-05"></e-datepicker>
<e-datepicker value="2015-05-05"></e-datepicker>Localised
<e-datepicker value="2015-05-05" locale="fr"></e-datepicker>
<e-datepicker value="2015-05-05" locale="fr"></e-datepicker>Inline
<e-datepicker value="2015-05-05" inline></e-datepicker>
<e-datepicker value="2015-05-05" inline></e-datepicker>Disabled
<e-datepicker value="2015-05-05" disabled></e-datepicker>
<e-datepicker value="2015-05-05" disabled></e-datepicker>Invalid
<e-datepicker value="2015-05-05" invalid></e-datepicker>
<e-datepicker value="2015-05-05" invalid></e-datepicker>Format
<e-datepicker value="2015-05-05" format="DD-MM-YYYY"></e-datepicker>
<e-datepicker value="2015-05-05" format="DD-MM-YYYY"></e-datepicker>No clear
<e-datepicker value="2015-05-05" no-clear></e-datepicker>
<e-datepicker value="2015-05-05" no-clear></e-datepicker>API Reference
Properties
| Name | Description | Type | Required | Default value |
|---|---|---|---|---|
| value | Date value as string, eg: 2017-02-02 | string | ||
| locale | Sets the language of the component | string | en | |
| inline | Sets the display to inline instead of block | boolean | false | |
| disabled | Disables the input | boolean | false | |
| invalid | Makes the input look invalid | boolean | false | |
| format | Format the display of the input | string | false | |
| no-clear | Remove clear button | boolean | false |
Method
| Name | Description |
|---|---|
| open | Opens the calendar modal |
| close | Closes the calendar modal |
Events
| Event | Description | Returns |
|---|---|---|
| update | Fires on date select | { detail: date: [as string], dateObj: [JavaScript date] } |