import { EventEmitter } from "../../stencil-public-runtime";
import { ComponentInterface } from "../../stencil-public-runtime";
export declare class SignetDateRange implements ComponentInterface {
    el: HTMLElement;
    startDateValue: Date | null;
    endDateValue: Date | null;
    dummyDateValue: Date | null;
    defaultDateValue: Date | null;
    formattedStartDateValue: string;
    formattedEndDateValue: string;
    currentMonth: number;
    currentYear: number;
    showCalendar: boolean;
    placeholder: string;
    isEndInputFocused: boolean;
    calendarContainerElement?: HTMLElement;
    startDateInputElement?: HTMLInputElement;
    endDateInputElement?: HTMLInputElement;
    isStartDateInputHovered?: boolean;
    isEndDateInputHovered?: boolean;
    yearRangeStart: number;
    view: "years" | "months" | "days";
    isStartDateValid: boolean;
    isEndDateValid: boolean;
    invalidStartDate: string;
    invalidEndDate: string;
    startDateError: boolean;
    endDateError: boolean;
    /**
     * The start date of the date range in string format (e.g., 'MM/DD/YYYY')
     */
    startDate: string;
    /**
     * The end date of the date range in string format (e.g., 'MM/DD/YYYY')
     */
    endDate: string;
    /**
     * A boolean indicating whether the date range picker is disabled
     */
    disabled: boolean;
    /**
     * The locale for formatting the dates (e.g., 'en-US', 'en-GB')
     */
    locale: string;
    /**
     * A boolean indicating whether the end date should be automatically filled with the start date when a start date is selected
     */
    autoFillEndDate: boolean;
    /**
     * The minimum selectable date the date range in string format (e.g., 'MM/DD/YYYY')
     */
    minDate: string;
    /**
     * The maximun selectable date of the date range in string format (e.g., 'MM/DD/YYYY')
     */
    maxDate: string;
    /**
     * The dummy date of the date range in string format (e.g., 'MM/DD/YYYY')
     */
    dummyDate: string;
    /**
     * The default date value of the calendar (e.g., 'MM/DD/YYYY')
     */
    defaultValue: string;
    /**
     * A boolean indicating whether the date range picker is in a warning state with yellow border color.
     */
    warning: boolean;
    /**
     * A boolean indicating whether the date range picker is in an error state with red border color.
     */
    error: boolean;
    /**
     * The label for the start date input field
     */
    startDateLabel: string;
    /**
     * The label for the end date input field
     */
    endDateLabel: string;
    /**
     * A boolean indicating whether to show clear button
     */
    clearable: boolean;
    /**
     * If true, the date range picker is required and a colored asterisk will be shown in the labels.
     */
    required: boolean;
    /**
     * The color of the required asterisk in the label. Defaults to 'red'.
     */
    requiredAsteriskColor: string;
    /**
     * An event emitter that fires when the selected start or end date changes. It emits an object containing the startDate and endDate values
     */
    changeEvent: EventEmitter<{
        startDate: string;
        endDate: string;
    }>;
    /**
     * An event emitter that fires when the date range picker loses focus.
     */
    handleBlur: EventEmitter<FocusEvent>;
    /**
     * This event is emitted when the input element of the date picker gains focus. It can be used to perform actions or handle events when the date picker is focused, such as showing a calendar or changing the input format.
     */
    handleFocus: EventEmitter<FocusEvent>;
    /**
     * An event emitter that fires when an invalid date is entered.
     * It emits an error object containing details about the invalid input.
     */
    dateError: EventEmitter<{
        message: string;
        invalidDate: string;
        field: "startDate" | "endDate";
        timestamp: Date;
    }>;
    /**
     * The size of the date range picker inputs. Can be 'sm' | 'small', 'md' | 'medium', or 'lg' | 'large'.
     * Affects the input's padding and height.
     * - sm/small: 32px
     * - md/medium: 42px (default)
     * - lg/large: 52px
     */
    size: 'sm' | 'small' | 'md' | 'medium' | 'lg' | 'large';
    private getNormalizedSize;
    updateCalendarUiDefaultMonthAndYearValues(): void;
    updateStartDateValue(newValue: string): void;
    updateEndDateValue(newValue: string): void;
    setFormatToStartDateValue(): void;
    setFormatToEndDateValue(): void;
    updateDummyDateValue(newValue: string): void;
    updateDefaultValue(newValue: string): void;
    private updatedDateValues;
    componentWillLoad(): void;
    componentDidLoad(): void;
    private moveCalendarContainerToDocumentBody;
    private showNextMonth;
    private showPreviousMonth;
    private emitChangeEvent;
    private emitStartDateBlurEvent;
    private emitEndDateBlurEvent;
    private emitFocusEvent;
    private handleClearDates;
    private handleDateSelectedByKeyboard;
    private handleDateBlur;
    private markInvalidInput;
    private handleDateSelectedByUI;
    private setDate;
    private runValidationRules;
    private handleInputFocus;
    private adjustCalendarContainerPosition;
    private closeCalendar;
    private showStartDateClearButton;
    private showEndDateClearButton;
    private handleDocumentClick;
    connectedCallback(): void;
    disconnectedCallback(): void;
    private handleDummyDate;
    private showPreviousYearRange;
    private showNextYearRange;
    private selectYear;
    private showYearSelector;
    private showMonthSelector;
    private showNextYear;
    private showPreviousYear;
    private selectMonth;
    render(): any;
}