Lion Logo Lion Fundamentals Guides Components Blog Toggle darkmode

Calendar: API Table

class: LionCalendar, lion-calendar

Fields

NamePrivacyTypeDefaultDescriptionInherited From
centralDatepublicDateThe date that 1. determines the currently visible month 2. will be focused when the month grid gets focused by the keyboard
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
focusedDatepublic
localepublicstring''Different locale for this component scope
maxDatepublicnew Date(8640000000000000)Maximum date. All dates after will be disabled
minDatepublicnew Date(0)Minimum date. All dates before will be disabled
selectedDatepublicThe selected date, usually synchronized with datepicker-input Not to be confused with the focused date (therefore not necessarily in active month view)
weekdayHeaderNotationpublicstring'short'Weekday header notation, based on Intl DatetimeFormat: - 'long' (e.g., Thursday) - 'short' (e.g., Thu) - 'narrow' (e.g., T). Default is 'short'

Methods

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

Events

NameTypeDescriptionInherited From
user-selected-date-changedCustomEvent