UI Kit

Calendar

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

Last update:
()
Message fix(calendar): lint
Committer: gydavid
Version history

Default

e-calendar

<e-calendar></e-calendar>

                                <e-calendar></e-calendar>

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

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

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

Range e-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 date e-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 date e-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>

Language e-calendar(locale="cn")

<e-calendar locale="cn"></e-calendar>

                                <e-calendar locale="cn"></e-calendar>

API Reference

Properties

Name Description Type Required Default value
date Selected date or start of the initially selected date range string
startdate The earliest date a user may select string
enddate The latest date a user can select string
range The end of the initially selected date range
locale Sets the language of the component string en

Events

Event Description Returns
update Fires on date select { detail: date: [as string], dateObj: [JavaScript date] }
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aliquam ratione voluptatem ullam praesentium enim, velit similique ducimus repellendus pariatur doloremque commodi nisi optio tenetur ea facilis et. Beatae, dolorum, sint.