import { FoundationElement } from '@microsoft/fast-foundation'; import Calendar from './calendar'; import Day from './day'; export declare const foundationDatePickerShadowOptions: ShadowRootInit; export declare const defaultDatePickerConfig: {}; /** * @tagname %%prefix%%-date-picker * * @fires value-changed - Fired when the date is changed in the calendar */ export declare class DatePicker extends FoundationElement { /** * @attr format - date format that will be displayed. * @default 'MM-DD-YYYY * @example * Date picker with day, month, year * ```html * * * ``` */ format: string; formatChanged(oldValue: string, newValue: string): void; lang: string; visible: boolean; /** * @attr inline-calendar - display the calendar beneath the value display. * @default false * @example * Date picker inline and always visible * ```html * * * ``` */ inlineCalendar: boolean; inlineCalendarChanged(): void; /** * @attr hide-weekends - hides the weekend days from the calendar * @default false * @example * Date picker with weekends hidden * ```html * * * ``` */ hideWeekends: boolean; hideWeekendsCalendarChanged(): void; /** * @attr position - positions the calendar picker relative to the input control. * @default bottom * @example * To position the calendar to the right. * ```html * * * ``` */ position: 'bottom' | 'top' | 'left' | 'right'; /** * @attr label - the label that will be displayed next to the date input text field * @example * To add a label with the value "Trade Date" * ```html * * * ``` */ label: string; /** * @attr value - sets the value of the date picker * @example * To set a value of January 1st 2025, assuming MM/DD/YYYY date format * ```html * * * ``` */ value: string; valueChanged(oldValue: string, newValue: string): void; /** * @internal */ currentDate: Day; /** * @internal */ currentMonth: string; /** * @internal */ currentYear: number; /** * @internal */ calendarDropdownClasses: String; /** * @internal */ formatDate: string; /** * @internal */ monthList: Day[]; /** * @public disabledDaysOfWeek - an array of numbers disabling days of the week. * Sunday = 1, Monday = 2, Tuesday = 3, Wednesday = 4, Thursday = 5, Friday = 6, Saturday = 7 * @example * To disable Saturday and Sunday. * ```html * * * ``` */ disabledDaysOfWeek: number[]; calendar: Calendar; substringNumber: number; connectedCallback(): void; updateHeaderText(): void; toggleCalendar(): void; toggleVisibility(): void; isSelectedDate(date: any): boolean; isCurrentCalendarMonth(): boolean; prevMonth(): void; nextMonth(): void; selectDay(day: any): void; getMonthDaysGrid(): Day[]; } /** * The Foundation DatePicker * * @public * @remarks * HTML Element: \ */ export declare const foundationDatePicker: (overrideDefinition?: import("@microsoft/fast-foundation").OverrideFoundationElementDefinition<{ baseName: string; styles: import("@microsoft/fast-element").ElementStyles; template: import("@microsoft/fast-element").ViewTemplate; shadowOptions: ShadowRootInit; }>) => import("@microsoft/fast-foundation").FoundationElementRegistry<{ baseName: string; styles: import("@microsoft/fast-element").ElementStyles; template: import("@microsoft/fast-element").ViewTemplate; shadowOptions: ShadowRootInit; }, typeof DatePicker>; //# sourceMappingURL=date-picker.d.ts.map