Calendar

Calendars enable the user to select a date or a date range.

Default

e-calendar

<e-calendar></e-calendar>
<e-calendar></e-calendar>

Initial datee-calendar(date="2016-04-12")

<e-calendar date="2016-04-12"></e-calendar>
<e-calendar date="2016-04-12"></e-calendar>

Rangee-calendar(date="2016-04-12" range="2016-04-28")

<e-calendar date="2016-04-12" range="2016-04-28"></e-calendar>
<e-calendar date="2016-04-12" range="2016-04-28"></e-calendar>

Start datee-calendar(startdate="2016-04-11")

<e-calendar startdate="2016-04-11" date="2016-04-12"></e-calendar>
<e-calendar startdate="2016-04-11" date="2016-04-12"></e-calendar>

End datee-calendar(enddate="2016-04-20")

<e-calendar enddate="2016-04-20" date="2016-04-12"></e-calendar>
<e-calendar enddate="2016-04-20" date="2016-04-12"></e-calendar>

API Reference

Properties

NameDescriptionTypeRequiredDefault value
dateSelected date or start of the initially selected date rangestring
startdateThe earliest date a user may selectstring
enddateThe latest date a user can selectstring
rangeThe end of the initially selected date range

Events

EventDescriptionReturns
updateFires on date select{ detail: date: [as string], dateObj: [JavaScript date] } }