Lion Logo Lion Fundamentals Guides Components Blog Toggle darkmode

Calendar: API Table

class: LionCalendar, lion-calendar

Fields

NamePrivacyTypeDefaultDescriptionInherited From
focusedDatepublic
minDatepublicnew Date(0)Minimum date. All dates before will be disabled
maxDatepublicnew Date(8640000000000000)Maximum date. All dates after will be disabled
dayPreprocessorpublic
disableDatespublicDisable certain dates
firstDayOfWeekpublicnumber0Weekday that will be displayed in first column of month grid. 0: sunday, 1: monday, 2: tuesday, 3: wednesday , 4: thursday, 5: friday, 6: saturday Default is 0
weekdayHeaderNotationpublicstring'short'Weekday header notation, based on Intl DatetimeFormat: - 'long' (e.g., Thursday) - 'short' (e.g., Thu) - 'narrow' (e.g., T). Default is 'short'
centralDatepublicDateThe date that 1. determines the currently visible month 2. will be focused when the month grid gets focused by the keyboard
localepublicstring''Different locale for this component scope
selectedDatepublicThe selected date, usually synchronized with datepicker-input Not to be confused with the focused date (therefore not necessarily in active month view)

Methods

NamePrivacyDescriptionParametersReturnInherited From
goToNextMonthpublic
goToPreviousMonthpublic
goToNextYearpublic
goToPreviousYearpublic
focusDatepublicdate: Date
focusCentralDatepublic
focusSelectedDatepublic
initCentralDatepublicThis exposes an interface for datepickers that want to reinitialize when calendar is opened
_previousIconTemplateprotected
_nextIconTemplateprotected
findNextEnabledDatepublicdate: Date
findPreviousEnabledDatepublicdate: Date
findNearestEnabledDatepublicdate: Date

Events

NameTypeDescriptionInherited From
user-selected-date-changedCustomEvent