import { ComponentInterface, EventEmitter } from "../../stencil-public-runtime"; export declare class SignetDatePicker implements ComponentInterface { selectedDate: Date | null; dummyDateValue: Date | null; defaultDateValue: Date | null; formattedDate: string; currentMonth: number; currentYear: number; showCalendar: boolean; placeholder: string; calendarContainerElement?: HTMLElement; dateInputElement?: HTMLInputElement; isInputHovered?: boolean; isInputFocused?: boolean; isMonthSelectorVisible: boolean; isYearSelectorVisible: boolean; yearRangeStart: number; view: "years" | "months" | "days"; isDateValid: boolean; invalidDate: string; hasTyped: boolean; el: HTMLElement; /** * The value of the date in string format */ date: string; /** * A boolean indicating whether the date picker is disabled */ disabled: boolean; /** * The locale for formatting the date (e.g., 'en-US', 'en-GB') */ locale: string; /** * 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 picker is in a warning state with yellow border color. */ warning: boolean; /** * A boolean indicating whether the date picker is in an error state with red border color. */ error: boolean; /** * The label for the date input field */ label: string; /** * A boolean indicating whether to show clear button */ clearable: boolean; /** * If true, the date picker is required and a colored asterisk will be shown in the label. */ required: boolean; /** * The color of the required asterisk in the label. Defaults to 'red'. */ requiredAsteriskColor: string; /** * The size of the date picker input. 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; /** * 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: "date"; timestamp: Date; }>; /** * An event emitter that fires when the selected date changes */ dateChange: EventEmitter; /** * This event is emitted when the input element of the date picker loses focus. It can be used to perform actions or handle events when the date picker is no longer in focus. */ handleBlur: EventEmitter; /** * 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; updateCalendarUiDefaultMonthAndYearValues(): void; updateSelectedDateValue(newValue: string): void; setFormatToSelectedDateValue(): void; updateDummyDateValue(newValue: string): void; updateDefaultValue(newValue: string): void; private updatedDateValues; componentWillLoad(): void; componentDidLoad(): void; private moveCalendarContainerToDocumentBody; private showNextMonth; private showPreviousMonth; private selectMonth; private showPreviousYearRange; private showNextYearRange; private selectYear; private showYearSelector; private showPreviousYear; private showNextYear; private showMonthSelector; private emitChangeEvent; private emitBlurEvent; private emitFocusEvent; private handleDateSelectedByKeyboard; private markInvalidInput; private handleClearDate; private handleDateSelectedByUI; private setDate; private handleInputFocus; private adjustCalendarContainerPosition; private closeCalendar; private showClearButton; private handleDocumentClick; connectedCallback(): void; disconnectedCallback(): void; private handleDummyDate; render(): any; }