import { SupportedLocale } from "./types/locales.js"; import { DatePickerChangeEvent } from "./types/mjo-date-picker.js"; import { LitElement, PropertyValues, TemplateResult } from "lit"; import { type IFormMixin } from "./mixins/form-mixin.js"; import { type IInputErrorMixin } from "./mixins/input-error.js"; import { type IThemeMixin } from "./mixins/theme-mixin.js"; import "./mjo-button.js"; import "./mjo-calendar.js"; import "./mjo-dropdown.js"; import "./mjo-textfield.js"; declare const MjoDatePicker_base: import("./types/mixins.js").MixinConstructor & import("./types/mixins.js").MixinConstructor & import("./types/mixins.js").MixinConstructor & typeof LitElement; /** * @summary Interactive date picker component with comprehensive features for single date and date range selection. * * @fires mjo-date-picker:change - Fired when date selection changes (single date or completed range) * @fires change - Standard change event for form compatibility * * @csspart textfield-container - Main textfield container (via exportparts from mjo-textfield) * @csspart textfield-input - Input element (via exportparts from mjo-textfield) * @csspart textfield-label-container - Label container (via exportparts from mjo-textfield) * @csspart textfield-label-truncate-container - Label truncate container (via exportparts from mjo-textfield) * @csspart textfield-label-truncate-wrapper - Label truncate wrapper (via exportparts from mjo-textfield) * @csspart textfield-prefix-text - Container for prefix text (via exportparts from mjo-textfield) * @csspart textfield-suffix-text - Container for suffix text (via exportparts from mjo-textfield) * @csspart textfield-start-icon-container - Container for start icon (via exportparts from mjo-textfield) * @csspart textfield-start-icon - The start icon element (via exportparts from mjo-textfield) * @csspart textfield-end-icon-container - Container for end icon (via exportparts from mjo-textfield) * @csspart textfield-end-icon - The end icon element (via exportparts from mjo-textfield) * @csspart textfield-start-image-container - Container for start image (via exportparts from mjo-textfield) * @csspart textfield-start-image - The start image element (via exportparts from mjo-textfield) * @csspart textfield-end-image-container - Container for end image (via exportparts from mjo-textfield) * @csspart textfield-end-image - The end image element (via exportparts from mjo-textfield) * @csspart textfield-clear-button - The clear button element (via exportparts from mjo-textfield) * @csspart textfield-clear-icon - The clear icon element (via exportparts from mjo-textfield) * @csspart textfield-password-button - The password toggle button element (via exportparts from mjo-textfield) * @csspart textfield-password-icon - The password toggle icon element (via exportparts from mjo-textfield) * @csspart textfield-helper-text-container - Helper text container (via exportparts from mjo-textfield) * @csspart textfield-helper-text-typography - Helper text typography (via exportparts from mjo-textfield) * @csspart textfield-helper-text-error-message - Error message element (via exportparts from mjo-textfield) * @csspart textfield-helper-text-success-message - Success message element (via exportparts from mjo-textfield) * @csspart textfield-helper-text-icon - Helper text icon element (via exportparts from mjo-textfield) * @csspart textfield-counter-container - Character counter container (via exportparts from mjo-textfield) * @csspart textfield-counter-text - Character counter text (via exportparts from mjo-textfield) * @csspart calendar-container - The main calendar container (via exportparts from mjo-calendar) * @csspart calendar-header - The calendar header container (via exportparts from mjo-calendar) * @csspart calendar-navigation - Navigation buttons and selectors toolbar (via exportparts from mjo-calendar) * @csspart calendar-nav-button - Navigation buttons - previous/next month (via exportparts from mjo-calendar) * @csspart calendar-selectors-container - Container for month and year selectors (via exportparts from mjo-calendar) * @csspart calendar-selector-button - Month and year selector buttons (via exportparts from mjo-calendar) * @csspart calendar-grid - The main calendar grid container (via exportparts from mjo-calendar) * @csspart calendar-week-days-container - Container for weekday headers (via exportparts from mjo-calendar) * @csspart calendar-week-day - Individual weekday header cell (via exportparts from mjo-calendar) * @csspart calendar-days-container - Container for calendar days (via exportparts from mjo-calendar) * @csspart calendar-day - Individual day cell (via exportparts from mjo-calendar) * @csspart calendar-day-today - Today's date cell (via exportparts from mjo-calendar) * @csspart calendar-day-selected - Selected day cell (via exportparts from mjo-calendar) * @csspart calendar-month-picker-container - Month picker overlay container (via exportparts from mjo-calendar) * @csspart calendar-month-picker-button - Individual month selection button (via exportparts from mjo-calendar) * @csspart calendar-year-picker-container - Year picker overlay container (via exportparts from mjo-calendar) * @csspart calendar-year-picker-navigation - Year picker navigation controls (via exportparts from mjo-calendar) * @csspart calendar-year-picker-nav-button - Year picker navigation buttons (via exportparts from mjo-calendar) * @csspart calendar-year-picker-decade-label - Decade range label in year picker (via exportparts from mjo-calendar) * @csspart calendar-year-picker-grid - Year picker grid layout (via exportparts from mjo-calendar) * @csspart calendar-year-picker-button - Individual year selection button (via exportparts from mjo-calendar) */ export declare class MjoDatePicker extends MjoDatePicker_base implements IInputErrorMixin, IFormMixin, IThemeMixin { #private; name?: string; value: string; isRange: boolean; locale: SupportedLocale; minDate?: string; maxDate?: string; disabledDates?: string[]; label?: string; placeholder?: string; disabled: boolean; size: "small" | "medium" | "large"; color: "primary" | "secondary"; clearabled: boolean; closeOnSelect: boolean; required: boolean; displayMode: "iso" | "localized"; ariaDescribedby?: string; ariaLive: "polite" | "assertive" | "off"; disabledAnnounceSelections: boolean; private calendarId; private announcementText; private textfield; private dropdown; type: string; inputElement?: HTMLInputElement; render(): TemplateResult<1>; connectedCallback(): void; firstUpdated(args: PropertyValues): void; focus(): void; clear(): void; openPicker(): void; closePicker(): void; getValue(): string; setValue(value: string): void; static styles: import("lit").CSSResult[]; } declare global { interface HTMLElementTagNameMap { "mjo-date-picker": MjoDatePicker; } interface HTMLElementEventMap { "mjo-date-picker:change": DatePickerChangeEvent; } } export {}; //# sourceMappingURL=mjo-date-picker.d.ts.map