packages/ecl/components/ecl-add-to-calendar/ecl-add-to-calendar.component.ts
ECL Add to Calendar component. Displays event information with optional date, time, and location metadata.
| encapsulation | ViewEncapsulation.None |
| host | { |
| selector | div[eclAddToCalendar] |
| imports |
EUI_ECL_ICON
|
| templateUrl | ./ecl-add-to-calendar.component.html |
Properties |
Methods |
Inputs |
HostBindings |
| calendarDates |
Type : string
|
|
Date(s) of the event (e.g. "March 15-17, 2026"). |
| calendarLocation |
Type : string
|
|
Location of the event (e.g. "San Francisco, CA"). |
| calendarTime |
Type : string
|
|
Time of the event (e.g. "2:00 PM - 4:00 PM"). |
| eclTitle |
Type : string
|
|
Title displayed in the component. |
| isFullWidth |
Default value : false, { transform: booleanAttribute }
|
| class |
Type : string
|
| e2eAttr |
Type : any
|
| tabindex |
Type : number
|
| class.ecl-add-to-calendar |
Type : boolean
|
Default value : true
|
|
Adds |
| getCssClasses | ||||||
getCssClasses(rootClass: string)
|
||||||
|
Parameters :
Returns :
string
|
| hostClass |
Type : unknown
|
Default value : true
|
Decorators :
@HostBinding('class.ecl-add-to-calendar')
|
|
Adds |