Datepicker
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>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>No clear
<e-datepicker value="2015-05-05" no-clear></e-datepicker>
<e-datepicker value="2015-05-05" no-clear></e-datepicker>Start date
<e-datepicker value="2015-05-15" startdate="2015-05-08"></e-datepicker>
<e-datepicker value="2015-05-15" startdate="2015-05-08"></e-datepicker>End date
<e-datepicker value="2015-05-15" enddate="2015-05-20"></e-datepicker>
<e-datepicker value="2015-05-15" enddate="2015-05-20"></e-datepicker>API Reference
Properties
| Name | Description | Type | Required | Default value |
|---|---|---|---|---|
| value | Date value as string, eg: 2017-02-02 | string | ||
| 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 | |
| no-clear | Remove clear button | boolean | false | |
| startdate | The earliest date a user may select | string | ||
| enddate | The latest date a user can select | string |
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]
}
} |
close | Fires when the datepicker is closed | {
detail: {
date: [as string],
dateObj: [JavaScript date]
}
} |