Components Calendar

LmnCalendarComponent

import { LmnCalendarComponent } from '@elemental/ui';

Decorators:	`@Component`
Selectors:	`lmn-calendar`

Properties

Name	Type	Description
date r	`InputSignal<LmnDate \| undefined>`	The preselected date
getViewDetailsFn r	`InputSignal<LmnCalendarGetViewDetailsFn \| undefined>`	The callback function to get the view details
maxDate r	`InputSignal<LmnDate \| undefined>`	The maximum showing date
minDate r	`InputSignal<LmnDate \| undefined>`	The minimum showing date
nativeElement r	`HTMLElement`
negative r	`InputSignalWithTransform<boolean, unknown>`	Whether the calendar is in negative mode
precision r	`InputSignal<LmnCalendarPrecision>`	The precision of the calendar
selectDate r	`OutputEmitterRef<LmnDate>`	The selected date

Change the view rendered in the calendar

changeView(viewDate: LmnDate, level: "year" | "month" | "range"): void;

Name	Type	Description
viewDate	`LmnDate`	@param viewDate The calendar will use the year and month of this date to calculate the view
level	`"year" \| "month" \| "range"`	@param level The level of the view to show, constrained by the precision

void

import { LmnCalendarCellComponent } from '@elemental/ui';

Decorators:	`@Component`
Selectors:	`lmn-calendar-cell`

Name	Type	Description
columnIndex r	`InputSignalWithTransform<number, unknown>`
disabled r	`InputSignalWithTransform<boolean, unknown>`
disabledReason r	`InputSignalWithTransform<string, string \| undefined>`
empty r	`InputSignalWithTransform<boolean, unknown>`
focused r	`OutputEmitterRef<LmnCalendarCellFocusEvent>`
nativeElement r	`HTMLElement`
negative r	`InputSignalWithTransform<boolean, unknown>`
rowIndex r	`InputSignalWithTransform<number, unknown>`
selected r	`InputSignalWithTransform<boolean, unknown>`
today r	`InputSignalWithTransform<boolean, unknown>`
trigger r	`OutputEmitterRef<MouseEvent \| KeyboardEvent>`