@progressive-development/pd-calendar
Version:
Webcomponent for calendar
49 lines • 1.49 kB
TypeScript
import { LitElement, CSSResultGroup } from 'lit';
/**
* Ein einzelnes Kalendertag-Element zur Anzeige in Monatsübersichten.
*
* Events:
* - `select-date`: Wird bei Klick auf ein auswählbares Feld ausgelöst
* - `mouse-enter-date`: Wird beim Hover über ein auswählbares Feld ausgelöst
* - `mouse-leave-date`: Wird beim Verlassen des Feldes ausgelöst
*
* @tagname pd-calendar-cell
*/
export declare class PdCalendarCell extends LitElement {
/**
* If enabled, cell could be selected (with visible hover element and pointer)
* vy the user => results in fire cell-selected.
*/
selectEnabled: boolean;
/**
* If enabled, highlight the current day
*/
today: boolean;
/**
* If enabled, highlight the selected day
*/
selected: boolean;
/**
* If enabled the cell gets an special class (e.g. green day).
*/
special: boolean;
/**
* If set shows info text in the middle (hack) of the cell (e.g. price info).
*/
infoTxt: string;
/**
* CSS class for day number inside the cell, top-left and center available
*/
numberClass: string;
key: string;
weekDayNumber: number;
dayNumber: number;
static styles: CSSResultGroup;
render(): import('lit').TemplateResult<1>;
private _renderSelectableCell;
private _renderEmptyCell;
private _selectableCellClicked;
private _mouseEnter;
private _mouseLeave;
}
//# sourceMappingURL=PdCalendarCell.d.ts.map