import { ComponentInterface, EventEmitter } from '../../stencil-public-runtime';
import { SelectedMonthYear, CalendarDay, DateValidators } from './q2-calendar-types';
import { MomentLikeObject } from './q2-calendar-helpers';
import { DateList } from './q2-calendar-validation';
import type { EventDetail } from 'q2-tecton-common/lib/types/elements';
import { Q2InputCustomEvent } from "../../components";
/**
 * @name Calendar
 * @category Forms
 * @summary Use for selecting a date from a calendar popover.
 */
export declare class Q2Calendar implements ComponentInterface {
    btnCalendarToggle: HTMLQ2BtnElement;
    btnNextMonth: HTMLQ2BtnElement;
    btnNextYear: HTMLQ2BtnElement;
    btnPrevMonth: HTMLQ2BtnElement;
    btnPrevYear: HTMLQ2BtnElement;
    calendarBody: HTMLDivElement;
    calendarTable: HTMLTableElement;
    controlElement: HTMLQ2InputElement;
    dayAbbrStrings: string[];
    dayStrings: string[];
    defaultFormatString: string;
    formatModifier: string;
    guid: number;
    hintMessageElement: HTMLQ2MessageElement;
    internalError: string;
    monthStrings: string[];
    popoverElement?: HTMLQ2PopoverElement;
    scheduledAfterRender: (() => void)[];
    selectedMonthYear: SelectedMonthYear;
    valueOnBlur: string | {
        toDate(): Date;
    };
    hostElement: HTMLElement;
    dateList: CalendarDay[];
    hintMessage: string;
    hintMessageType: 'info' | 'error';
    keyboardSelection: boolean;
    typedValue: string;
    /** @deprecated */
    ariaLabel: string;
    /**
     * Detects the year automatically based on today's date when the user presses the `Escape` key or the `Blur` mouse event occurs.
     * Setting `future` or `past` as the value will increase or decrease the year by one, respectively.
     */
    assume: 'current' | 'future' | 'past';
    /** @deprecated */
    buttonLabel: string;
    /** A label shown at the top of the popover date picker. */
    calendarLabel: string;
    /** Display a button in the input field allowing the user to clear their selection. */
    clearable: boolean;
    /**
     * Specifies a time of day after which a date is no longer valid.
     *
     * @warning
     * Must be a valid ISO date string.
     */
    cutoffTime: string;
    /**
     * The most concise way to define valid days of the week for calendar. Each day of the week has a checksum value:
     *
     * - Sunday = 1
     * - Monday = 2
     * - Tuesday = 4
     * - Wednesday = 8
     * - Thursday = 16
     * - Friday = 32
     * - Saturday = 64
     *
     * Add the checksum values of your desired valid days together, and set `daysOfWeekChecksum` to that summed value.
     *
     * **Example:**
     * @snippet
     * element.daysOfWeekChecksum = 127 // All days of the week are valid
     * element.daysOfWeekChecksum = 62; // Only weekdays are valid
     * element.daysOfWeekChecksum = 65; // Only Saturday and Sunday are valid
     *
     */
    daysOfWeekChecksum: number;
    /** Disable the input field. */
    disabled: boolean;
    /**
     * Text that displays as the placeholder when the field is marked `disabled`.
     * @localizable
     */
    disabledMsg: string;
    /** Text that appears at the bottom of the popover date picker. */
    disclaimer: string;
    /**
     * Determines the display format of the date field value.
     *
     * Must follow the [date-fns](https://date-fns.org/v2.28.0/docs/format) token specification.
     */
    displayFormat: string;
    /**
     * Defines the last selectable date in the date picker popover.
     *
     * @warning
     * Must be a valid ISO date string.
     */
    endDate: string;
    /**
     * Each item in the `errors` array will appear below the input field when the field is focused and `typeable` is `true`.
     * @localizable
     */
    errors: string[];
    /** Hide the input field's ` <label> ` element from view. */
    hideLabel: boolean;
    /**
     * Each item in the `hints` array will appear below the input field when the field is focused and `typeable` is true.
     * @localizable
     */
    hints: string[];
    /** Show error styles when the calendar is in an errant state. */
    invalid: boolean;
    /**
     * Defines an explicit date blacklist.
     *
     * @warning
     * Must be a valid ISO date string.
     *
     * @info
     * When explicit date definitions like `invalidDates` is used, other date validity methods like `daysOfWeekChecksum` are overriden.
     */
    invalidDates: string[];
    /** The visible label for the `q2-calendar` input field. */
    label: string;
    /** @deprecated */
    onsuccess: (e: CustomEvent) => void;
    /**
     * Determine whether the popover is open or closed.
     *
     * @readonly
     */
    open: boolean;
    /** Appends "(optional)" to the label and sets `aria-required="false"`. */
    optional: boolean;
    /**
     * Text that appears within the input field when it is blurred and empty.
     * Placeholder text disappears when the user focuses on the field and provides input.
     */
    placeholder: string;
    /** @deprecated */
    popDirection: 'up' | 'down';
    /** Aligns the popover date picker to the left or right side of the input field. */
    popoverAlignment: 'left' | 'right';
    /**
     * Force the direction of the popover date picker when it opens.
     * If no value is passed, the component will auto-detect the direction based on available space.
     */
    popoverDirection: 'up' | 'down';
    /** @deprecated */
    popoverMinHeight: number;
    /**
     * Determines the display mode of the popover.
     *
     * Providing a value of `legacy` instructs the popover to use absolute positioning instead of fixed positioning.
     *
     * @info
     * This is a temporary solution to work around styling issues related to using fixed positioning for the popover
     * when nested inside of elements with transform properties. This will be removed once the popover API is available
     * for use.
     */
    popoverMode: 'legacy';
    /**
     * The field's content is not editable, but the field remains focusable.
     *
     * Appends "(readonly)" to the field label. Supersedes `optional` if both are `true`.
     */
    readonly: boolean;
    /**
     * Defines the first selectabe date in the date picker popover.
     *
     * @warning
     * Must be a valid ISO date string.
     */
    startDate: string;
    /** The user can type in the field. Only available in desktop browsers. */
    typeable: boolean;
    /** Show success styles when the calendar is in a valid state. The error state takes precedence when both are set. */
    valid: boolean;
    /**
     * Defines an explicit date whitelist.
     *
     * @warning
     * Must be a valid ISO date string.
     *
     * @info
     * When explicit date definitions like `validDates` is used, other date validity methods like `daysOfWeekChecksum` are overriden.
     */
    validDates: string[];
    /**
     * The value of the `q2-calendar` element, e.g. the selected date.
     *
     * **How to change or clear the value with javascript:**
     * @snippet
     * // change date
     * element.value = '2022-12-21';
     * // clear date
     * element.value = null;
     */
    value: string | {
        toDate(): Date;
    };
    /**
     * Emitted when a date is selected or typed in the input field.
     * @legacyEvent
     * @deprecated Use 'tctChange' instead
     */
    change: EventEmitter<{
        value: string | null;
    }>;
    /**
     * Emitted when an invalid date is entered into the field.
     * @deprecated Use 'tctError' instead
     */
    error: EventEmitter<{
        errors: {
            message: string;
            errorCode: string;
        }[];
    }>;
    /**
     * Emitted when a valid date is entered or selected.
     * @deprecated Use 'tctSuccess' instead
     */
    success: EventEmitter<{
        value: string;
    }>;
    /**
     * Emitted when a date is selected or typed in the input field.
     * @legacyEvent
     */
    tctChange: EventEmitter<{
        value: string | null;
    }>;
    /**
     * Emitted when an invalid date is entered into the field.
     */
    tctError: EventEmitter<{
        errors: {
            message: string;
            errorCode: string;
        }[];
    }>;
    /**
     * Emitted when a valid date is entered or selected.
     */
    tctSuccess: EventEmitter<{
        value: string;
    }>;
    connectedCallback(): void;
    componentWillLoad(): void;
    componentDidLoad(): void;
    componentDidRender(): void;
    defaultChangeHandler(event: CustomEvent): void;
    handleClear(): void;
    defaultErrorHandler(event: CustomEvent): void;
    delegateFocus(event: FocusEvent): void;
    popoverStateHandler({ detail: { open } }: CustomEvent<{
        open: boolean;
    }>): void;
    defaultSuccessHandler(event: CustomEvent): void;
    /**
     * Emulates clicking the `<input>` to hide the popover if it is visible.
     *
     * @testOnly
     */
    closePopover(): Promise<void>;
    /**
     * Emulates clicking the `<input>` to display the popover if it is hidden.
     *
     * @testOnly
     */
    openPopover(): Promise<void>;
    /**
     * Emulates clicking the `<input>` to display the popover, moving to the correct month and year, and clicking the
     * provided date.
     *
     * While a `string` value can be passed, we recommended passing a `Date` object. If the value is invalid, the method
     * will not select the date.
     *
     * @testOnly
     */
    setValue(value: string | Date): Promise<void>;
    /**
     * Emulates focusing the `<input>`, entering the provided value, and emitting an `input` event.
     *
     * While a `string` value can be passed, we recommended passing a `Date` object. If the value is invalid, the method
     * will not select the date.
     *
     * @warning
     * Only applicable when the input is typeable.
     *
     * @testOnly
     */
    typeValue(value: string | Date): Promise<void>;
    ariaLabelObserver(): void;
    cutoffTimeObserver(): void;
    daysOfWeekChecksumObserver(): void;
    endDateObserver(): void;
    invalidDatesObserver(): void;
    popDirectionHandler(): void;
    startDateObserver(): void;
    typeableChanged(): void;
    validDatesObserver(): void;
    valueObserver(newValue: string | MomentLikeObject): void;
    get canClear(): boolean;
    get computedPlaceholder(): string;
    get currentWeeks(): CalendarDay[][];
    get dateValidators(): DateValidators;
    get dateValue(): Date | undefined;
    get defaultHintMessage(): string;
    get errorList(): any[];
    get formattedValue(): string;
    get hintList(): string[];
    get innerInputContainer(): HTMLElement;
    get innerInputField(): HTMLInputElement | HTMLButtonElement;
    get inputId(): string;
    get isTypeable(): boolean;
    get selectedDate(): Date;
    _togglePopover(): void;
    activateDay(date: Date): void;
    buildDateList(monthYear: SelectedMonthYear): DateList;
    checkActiveCellForBlankness(): void;
    closeCalendar: () => void;
    focusDay(date: Date): Promise<void>;
    focusInput(): void;
    generateDateFromDay(day: number): Date;
    goToMonthYear: (monthIndex: number, year: number) => void;
    onClickElsewhere: (event: CustomEvent) => void;
    onDateKeydown: (event: KeyboardEvent) => void;
    onDateSelection: (event: MouseEvent) => void;
    onHeaderControlKeydown: (event: KeyboardEvent) => void;
    onInputBlur: () => void;
    onInputClick: () => void;
    onInputFocus: (event: FocusEvent) => void;
    onInputInput: ({ detail: { value } }: Q2InputCustomEvent<EventDetail> & InputEvent) => void;
    onInputKeydown: (event: KeyboardEvent) => void;
    onInputKeyup: (event: KeyboardEvent) => void;
    onPopupKeyup: (event: KeyboardEvent) => void;
    onRefocus: () => void;
    openCalendar: () => void;
    selectDate: (newDate: Date) => void;
    setCompleteInput(inputDate: Date): void;
    setCustomLabel(): void;
    setHints({ isValid, message, messageType }: {
        isValid: any;
        message: any;
        messageType: any;
    }): Promise<void>;
    toggleCalendar: () => void;
    validateDate(): void;
    renderCalendarDays(): any;
    renderCalendarPopover(): any;
    renderHintField(): any;
    renderInputField(): any;
    render(): any;
}