/** * @event auroCalendar-dateSelected - Notifies that a date has been selected in the calendar. * @event auroCalendar-monthChanged - Notifies that the visible calendar month(s) have changed. */ export class AuroCalendar extends RangeDatepicker { static get styles(): import("lit").CSSResult[]; static get properties(): { /** * The last month that may be displayed in the calendar. */ calendarEndMonth: { type: StringConstructor; reflect: boolean; }; /** * The first month that may be displayed in the calendar. */ calendarStartMonth: { type: StringConstructor; reflect: boolean; }; /** * The date that determines the currently visible month. */ centralDate: { type: StringConstructor; reflect: boolean; }; /** * The starting date of the selected range. */ dateFrom: { type: StringConstructor; }; /** * The ending date of the selected range. */ dateTo: { type: StringConstructor; }; /** * Dropdown element that contains the calendar. * @private */ dropdown: { type: ObjectConstructor; }; /** * Flag indicating if the calendar is in fullscreen mode. */ isFullscreen: { type: BooleanConstructor; reflect: boolean; }; /** * If declared, make bib.fullscreen.headline in HeadingDisplay. * Otherwise, Heading 600. */ largeFullscreenHeadline: { type: BooleanConstructor; reflect: boolean; }; /** * Maximum date. All dates after will be disabled. */ maxDate: { type: StringConstructor; reflect: boolean; }; /** * Minimum date. All dates before will be disabled. */ minDate: { type: StringConstructor; reflect: boolean; }; /** * Mobile breakpoint for responsive design. * @private */ mobileBreakpoint: { type: NumberConstructor; reflect: boolean; }; /** * @private */ monthFirst: { type: BooleanConstructor; }; /** * Number of calendars to render. * @private */ numCalendars: { type: NumberConstructor; }; /** * Flag indicating if the calendar is visible. */ visible: { type: BooleanConstructor; reflect: boolean; }; }; /** * @private */ private util; /** * @private */ private utilCal; /** * @private */ private utilCalRender; calendarStartDate: any; calendarEndDate: any; centralDate: any; showPrevMonthBtn: boolean; showNextMonthBtn: boolean; visible: boolean; largeFullscreenHeadline: boolean; isFullscreen: boolean; /** * @private */ private firstMonthRenderable; /** * @private */ private calendarRangeMonths; /** * @private */ private numCalendars; /** * @private */ private slots; /** * @private */ private bibtemplateTag; /** * @private */ private buttonTag; dropdown: any; /** * Renders all of the auro-calendar-months HTML. * @private * @returns {Object} Returns the auro-calendar-months HTML. */ private renderAllCalendars; firstRenderedMonth: any; /** * Focuses the close button inside the calendar's bibtemplate. * Used by datepicker to set initial focus when the fullscreen dialog opens. * @returns {void} */ focusCloseButton(): void; /** * Request the calendar be scrolled to a given date. * @param {String} date - The date to scroll into view. * @returns {void} */ scrollMonthIntoView(date: string): void; injectSlot(slotName: any, nodes: any): void; render(): import("lit-html").TemplateResult; } import { RangeDatepicker } from './vendor/wc-range-datepicker/range-datepicker.js';