@indielayer/ui

import { type ExtractPublicPropTypes, type PropType } from 'vue'; import { type ThemeComponent } from '../../composables/useTheme'; import type { Locale } from 'date-fns'; import { type ModelValue, type TimeModel } from '@vuepic/vue-datepicker'; import '@vuepic/vue-datepicker/dist/main.css'; declare const datepickerProps: { multiCalendars: { type: PropType<import("@vuepic/vue-datepicker").DpOptionEnabled | Partial<{ static: boolean; solo: boolean; count: string | number; }> | undefined>; default: undefined; }; modelValue: { type: PropType<ModelValue>; default: null; }; modelType: { type: PropType<string | undefined>; default: null; }; position: { type: PropType<"left" | "right" | "center" | undefined>; default: string; }; dark: { type: PropType<boolean>; default: boolean; }; format: { type: PropType<string | ((date: Date) => string) | ((dates: Date[]) => string) | undefined>; default: () => null; }; autoPosition: { type: PropType<boolean>; default: boolean; }; altPosition: { type: PropType<((el: HTMLElement | undefined) => Record<string, string | number>) | undefined>; default: null; }; transitions: { type: PropType<Partial<boolean | { menuAppearTop?: string | undefined; menuAppearBottom?: string | undefined; open?: string | undefined; close?: string | undefined; next?: string | undefined; previous?: string | undefined; vNext?: string | undefined; vPrevious?: string | undefined; } | undefined>>; default: boolean; }; formatLocale: { type: PropType<Locale>; default: null; }; utc: { type: PropType<boolean | "preserve">; default: boolean; }; ariaLabels: { type: PropType<Partial<{ toggleOverlay?: string | undefined; menu?: string | undefined; input?: string | undefined; calendarWrap?: string | undefined; calendarDays?: string | undefined; openTimePicker?: string | undefined; closeTimePicker?: string | undefined; incrementValue?: ((type: import("@vuepic/vue-datepicker").TimeType) => string) | undefined; decrementValue?: ((type: import("@vuepic/vue-datepicker").TimeType) => string) | undefined; openTpOverlay?: ((type: import("@vuepic/vue-datepicker").TimeType) => string) | undefined; amPmButton?: string | undefined; openYearsOverlay?: string | undefined; openMonthsOverlay?: string | undefined; nextMonth?: string | undefined; prevMonth?: string | undefined; nextYear?: string | undefined; prevYear?: string | undefined; day?: (({ value }: { value: Date; }) => string) | undefined; weekDay?: ((day: number) => string) | undefined; clearInput?: string | undefined; calendarIcon?: string | undefined; timePicker?: string | undefined; monthPicker?: ((overlay: boolean) => string) | undefined; yearPicker?: ((overlay: boolean) => string) | undefined; timeOverlay?: ((type: import("@vuepic/vue-datepicker").TimeType) => string) | undefined; } | undefined>>; default: () => {}; }; offset: { type: PropType<string | number>; default: number; }; hideNavigation: { type: PropType<("month" | "year" | "calendar" | "time" | "minutes" | "hours" | "seconds")[] | undefined>; default: () => never[]; }; timezone: { type: PropType<string | { timezone?: string | undefined; exactMatch?: boolean | undefined; dateInTz?: string | undefined; emitTimezone?: string | undefined; convertModel?: boolean | undefined; } | undefined>; default: null; }; vertical: { type: PropType<boolean>; default: boolean; }; disableMonthYearSelect: { type: PropType<boolean>; default: boolean; }; disableYearSelect: { type: PropType<boolean>; default: boolean; }; dayClass: { type: PropType<(date: Date) => string>; default: null; }; yearRange: { type: PropType<number[]>; default: () => number[]; }; enableTimePicker: { type: PropType<boolean>; default: boolean; }; autoApply: { type: PropType<boolean>; default: boolean; }; disabledDates: { type: PropType<string[] | Date[] | ((date: Date) => boolean) | undefined>; default: () => never[]; }; monthNameFormat: { type: PropType<"long" | "short">; default: string; }; startDate: { type: PropType<string | Date>; default: null; }; startTime: { type: PropType<import("@vuepic/vue-datepicker").PartialTimeObj | import("@vuepic/vue-datepicker").PartialTimeObj[] | undefined>; default: null; }; hideOffsetDates: { type: PropType<boolean>; default: boolean; }; noToday: { type: PropType<boolean>; default: boolean; }; disabledWeekDays: { type: PropType<string[] | number[]>; default: () => never[]; }; allowedDates: { type: PropType<string[] | Date[]>; default: null; }; nowButtonLabel: { type: PropType<string>; default: string; }; markers: { type: PropType<import("@vuepic/vue-datepicker").DatePickerMarker[] | undefined>; default: () => never[]; }; escClose: { type: PropType<boolean>; default: boolean; }; spaceConfirm: { type: PropType<boolean>; default: boolean; }; monthChangeOnArrows: { type: PropType<boolean>; default: boolean; }; presetDates: { type: PropType<{ label: string; value: import("vue").MaybeRefOrGetter<string | string[] | Date | Date[]>; style?: Record<string, string> | undefined; slot?: string | undefined; noTz?: boolean | undefined; testId?: string | undefined; }[] | undefined>; default: () => never[]; }; flow: { type: PropType<("month" | "year" | "calendar" | "time" | "minutes" | "hours" | "seconds")[] | undefined>; default: () => never[]; }; partialFlow: { type: PropType<boolean>; default: boolean; }; preventMinMaxNavigation: { type: PropType<boolean>; default: boolean; }; reverseYears: { type: PropType<boolean>; default: boolean; }; weekPicker: { type: PropType<boolean>; default: boolean; }; filters: { type: PropType<Partial<{ months?: number[] | undefined; years?: number[] | undefined; times?: { hours?: number[] | undefined; minutes?: number[] | undefined; seconds?: number[] | undefined; } | undefined; } | undefined>>; default: () => {}; }; arrowNavigation: { type: PropType<boolean>; default: boolean; }; highlight: { type: PropType<((date: Date[], disabled?: boolean | undefined) => boolean) | ((month: { month: number; year: number; }) => boolean) | ((year: number) => boolean) | ((quarter: { quarter: number; year: number; }) => boolean) | Partial<import("@vuepic/vue-datepicker").Highlight> | undefined>; default: null; }; teleport: { type: PropType<string | boolean | HTMLElement>; default: null; }; teleportCenter: { type: PropType<boolean>; default: boolean; }; locale: { type: PropType<string>; default: string; }; weekNumName: { type: PropType<string>; default: string; }; weekStart: { type: PropType<0 | 1 | "0" | "1" | 2 | 3 | 4 | 5 | 6 | "2" | "3" | "4" | "5" | "6" | undefined>; default: number; }; weekNumbers: { type: PropType<import("@vuepic/vue-datepicker").WeekNumberType | { type: import("@vuepic/vue-datepicker").WeekNumberType; hideOnOffsetDates?: boolean | undefined; } | undefined>; default: null; }; monthChangeOnScroll: { type: PropType<boolean | "inverse">; default: boolean; }; dayNames: { type: PropType<string[] | ((lang: string, weekStart: number) => string[])>; default: null; }; monthPicker: { type: PropType<boolean>; default: boolean; }; customProps: { type: PropType<Record<string, unknown>>; default: null; }; yearPicker: { type: PropType<boolean>; default: boolean; }; modelAuto: { type: PropType<boolean>; default: boolean; }; selectText: { type: PropType<string>; default: string; }; cancelText: { type: PropType<string>; default: string; }; previewFormat: { type: PropType<string | ((date: Date) => string) | ((dates: Date[]) => string) | undefined>; default: () => string; }; multiDates: { type: PropType<boolean>; default: boolean; }; ignoreTimeValidation: { type: PropType<boolean>; default: boolean; }; minDate: { type: PropType<string | Date>; default: null; }; maxDate: { type: PropType<string | Date>; default: null; }; minTime: { type: PropType<Partial<TimeModel>>; default: null; }; maxTime: { type: PropType<Partial<TimeModel>>; default: null; }; placeholder: { type: PropType<string>; default: string; }; hideInputIcon: { type: PropType<boolean>; default: boolean; }; clearable: { type: PropType<boolean>; default: boolean; }; alwaysClearable: { type: PropType<boolean>; default: boolean; }; state: { type: PropType<boolean | undefined>; default: null; }; required: { type: PropType<boolean>; default: boolean; }; autocomplete: { type: PropType<string>; default: string; }; timePicker: { type: PropType<boolean>; default: boolean; }; enableSeconds: { type: PropType<boolean>; default: boolean; }; is24: { type: PropType<boolean>; default: boolean; }; noHoursOverlay: { type: PropType<boolean>; default: boolean; }; noMinutesOverlay: { type: PropType<boolean>; default: boolean; }; noSecondsOverlay: { type: PropType<boolean>; default: boolean; }; hoursGridIncrement: { type: PropType<string | number>; default: number; }; minutesGridIncrement: { type: PropType<string | number>; default: number; }; secondsGridIncrement: { type: PropType<string | number>; default: number; }; hoursIncrement: { type: PropType<string | number>; default: number; }; minutesIncrement: { type: PropType<string | number>; default: number; }; secondsIncrement: { type: PropType<string | number>; default: number; }; range: { type: PropType<boolean | import("@vuepic/vue-datepicker").RangeConfig | undefined>; default: boolean; }; uid: { type: PropType<string>; default: null; }; inline: { type: PropType<boolean | { input?: boolean | undefined; } | undefined>; default: boolean; }; textInput: { type: PropType<boolean | { enterSubmit?: boolean | undefined; tabSubmit?: boolean | undefined; openMenu?: boolean | "toggle" | "open" | undefined; rangeSeparator?: string | undefined; selectOnFocus?: boolean | undefined; format?: string | string[] | ((value: string) => Date | null) | undefined; escClose?: boolean | undefined; } | undefined>; default: boolean; }; noDisabledRange: { type: PropType<boolean>; default: boolean; }; sixWeeks: { type: PropType<boolean | "center" | "append" | "prepend" | "fair" | undefined>; default: boolean; }; actionRow: { type: PropType<Partial<any>>; default: () => {}; }; focusStartDate: { type: PropType<boolean>; default: boolean; }; disabledTimes: { type: PropType<((time: import("@vuepic/vue-datepicker").TimeObj | (import("@vuepic/vue-datepicker").TimeObj | undefined)[]) => boolean) | import("@vuepic/vue-datepicker").DisabledTime[] | [import("@vuepic/vue-datepicker").DisabledTime[], import("@vuepic/vue-datepicker").DisabledTime[]] | undefined>; default: undefined; }; showLastInRange: { type: PropType<boolean>; default: boolean; }; timePickerInline: { type: PropType<boolean>; default: boolean; }; calendar: { type: PropType<((weeks: import("@vuepic/vue-datepicker").CalendarWeek[]) => import("@vuepic/vue-datepicker").CalendarWeek[]) | undefined>; default: null; }; config: { type: PropType<Partial<import("@vuepic/vue-datepicker").GeneralConfig | undefined>>; default: undefined; }; quarterPicker: { type: PropType<boolean>; default: boolean; }; yearFirst: { type: PropType<boolean>; default: boolean; }; onInternalModelChange: { type: PropType<(...args: any[]) => void>; default: null; }; enableMinutes: { type: PropType<boolean>; default: boolean; }; ui: { type: PropType<Partial<Partial<import("@vuepic/vue-datepicker").UIOptions> | undefined>>; default: () => {}; }; id: StringConstructor; name: StringConstructor; readonly: BooleanConstructor; validateOnInput: { readonly type: BooleanConstructor; readonly default: true; }; label: StringConstructor; helper: StringConstructor; error: StringConstructor; hideFooter: BooleanConstructor; rules: { readonly type: ArrayConstructor; readonly default: () => never[]; }; tooltip: StringConstructor; skipFormRegistry: BooleanConstructor; disabled: BooleanConstructor; loading: BooleanConstructor; loadingLabel: StringConstructor; loadingStatus: { readonly type: PropType<import("../loader/Loader.vue").LoaderStatus>; readonly default: "active"; }; size: { readonly type: PropType<import("../../composables/useCommon").Size>; readonly default: "md"; readonly validator: (value: string) => boolean; }; }; export type DatepickerProps = ExtractPublicPropTypes<typeof datepickerProps>; type InternalClasses = 'wrapper'; export interface DatepickerTheme extends ThemeComponent<DatepickerProps, InternalClasses> { } declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<import("vue").ExtractPropTypes<{ multiCalendars: { type: PropType<import("@vuepic/vue-datepicker").DpOptionEnabled | Partial<{ static: boolean; solo: boolean; count: string | number; }> | undefined>; default: undefined; }; modelValue: { type: PropType<ModelValue>; default: null; }; modelType: { type: PropType<string | undefined>; default: null; }; position: { type: PropType<"left" | "right" | "center" | undefined>; default: string; }; dark: { type: PropType<boolean>; default: boolean; }; format: { type: PropType<string | ((date: Date) => string) | ((dates: Date[]) => string) | undefined>; default: () => null; }; autoPosition: { type: PropType<boolean>; default: boolean; }; altPosition: { type: PropType<((el: HTMLElement | undefined) => Record<string, string | number>) | undefined>; default: null; }; transitions: { type: PropType<Partial<boolean | { menuAppearTop?: string | undefined; menuAppearBottom?: string | undefined; open?: string | undefined; close?: string | undefined; next?: string | undefined; previous?: string | undefined; vNext?: string | undefined; vPrevious?: string | undefined; } | undefined>>; default: boolean; }; formatLocale: { type: PropType<Locale>; default: null; }; utc: { type: PropType<boolean | "preserve">; default: boolean; }; ariaLabels: { type: PropType<Partial<{ toggleOverlay?: string | undefined; menu?: string | undefined; input?: string | undefined; calendarWrap?: string | undefined; calendarDays?: string | undefined; openTimePicker?: string | undefined; closeTimePicker?: string | undefined; incrementValue?: ((type: import("@vuepic/vue-datepicker").TimeType) => string) | undefined; decrementValue?: ((type: import("@vuepic/vue-datepicker").TimeType) => string) | undefined; openTpOverlay?: ((type: import("@vuepic/vue-datepicker").TimeType) => string) | undefined; amPmButton?: string | undefined; openYearsOverlay?: string | undefined; openMonthsOverlay?: string | undefined; nextMonth?: string | undefined; prevMonth?: string | undefined; nextYear?: string | undefined; prevYear?: string | undefined; day?: (({ value }: { value: Date; }) => string) | undefined; weekDay?: ((day: number) => string) | undefined; clearInput?: string | undefined; calendarIcon?: string | undefined; timePicker?: string | undefined; monthPicker?: ((overlay: boolean) => string) | undefined; yearPicker?: ((overlay: boolean) => string) | undefined; timeOverlay?: ((type: import("@vuepic/vue-datepicker").TimeType) => string) | undefined; } | undefined>>; default: () => {}; }; offset: { type: PropType<string | number>; default: number; }; hideNavigation: { type: PropType<("month" | "year" | "calendar" | "time" | "minutes" | "hours" | "seconds")[] | undefined>; default: () => never[]; }; timezone: { type: PropType<string | { timezone?: string | undefined; exactMatch?: boolean | undefined; dateInTz?: string | undefined; emitTimezone?: string | undefined; convertModel?: boolean | undefined; } | undefined>; default: null; }; vertical: { type: PropType<boolean>; default: boolean; }; disableMonthYearSelect: { type: PropType<boolean>; default: boolean; }; disableYearSelect: { type: PropType<boolean>; default: boolean; }; dayClass: { type: PropType<(date: Date) => string>; default: null; }; yearRange: { type: PropType<number[]>; default: () => number[]; }; enableTimePicker: { type: PropType<boolean>; default: boolean; }; autoApply: { type: PropType<boolean>; default: boolean; }; disabledDates: { type: PropType<string[] | Date[] | ((date: Date) => boolean) | undefined>; default: () => never[]; }; monthNameFormat: { type: PropType<"long" | "short">; default: string; }; startDate: { type: PropType<string | Date>; default: null; }; startTime: { type: PropType<import("@vuepic/vue-datepicker").PartialTimeObj | import("@vuepic/vue-datepicker").PartialTimeObj[] | undefined>; default: null; }; hideOffsetDates: { type: PropType<boolean>; default: boolean; }; noToday: { type: PropType<boolean>; default: boolean; }; disabledWeekDays: { type: PropType<string[] | number[]>; default: () => never[]; }; allowedDates: { type: PropType<string[] | Date[]>; default: null; }; nowButtonLabel: { type: PropType<string>; default: string; }; markers: { type: PropType<import("@vuepic/vue-datepicker").DatePickerMarker[] | undefined>; default: () => never[]; }; escClose: { type: PropType<boolean>; default: boolean; }; spaceConfirm: { type: PropType<boolean>; default: boolean; }; monthChangeOnArrows: { type: PropType<boolean>; default: boolean; }; presetDates: { type: PropType<{ label: string; value: import("vue").MaybeRefOrGetter<string | string[] | Date | Date[]>; style?: Record<string, string> | undefined; slot?: string | undefined; noTz?: boolean | undefined; testId?: string | undefined; }[] | undefined>; default: () => never[]; }; flow: { type: PropType<("month" | "year" | "calendar" | "time" | "minutes" | "hours" | "seconds")[] | undefined>; default: () => never[]; }; partialFlow: { type: PropType<boolean>; default: boolean; }; preventMinMaxNavigation: { type: PropType<boolean>; default: boolean; }; reverseYears: { type: PropType<boolean>; default: boolean; }; weekPicker: { type: PropType<boolean>; default: boolean; }; filters: { type: PropType<Partial<{ months?: number[] | undefined; years?: number[] | undefined; times?: { hours?: number[] | undefined; minutes?: number[] | undefined; seconds?: number[] | undefined; } | undefined; } | undefined>>; default: () => {}; }; arrowNavigation: { type: PropType<boolean>; default: boolean; }; highlight: { type: PropType<((date: Date[], disabled?: boolean | undefined) => boolean) | ((month: { month: number; year: number; }) => boolean) | ((year: number) => boolean) | ((quarter: { quarter: number; year: number; }) => boolean) | Partial<import("@vuepic/vue-datepicker").Highlight> | undefined>; default: null; }; teleport: { type: PropType<string | boolean | HTMLElement>; default: null; }; teleportCenter: { type: PropType<boolean>; default: boolean; }; locale: { type: PropType<string>; default: string; }; weekNumName: { type: PropType<string>; default: string; }; weekStart: { type: PropType<0 | 1 | "0" | "1" | 2 | 3 | 4 | 5 | 6 | "2" | "3" | "4" | "5" | "6" | undefined>; default: number; }; weekNumbers: { type: PropType<import("@vuepic/vue-datepicker").WeekNumberType | { type: import("@vuepic/vue-datepicker").WeekNumberType; hideOnOffsetDates?: boolean | undefined; } | undefined>; default: null; }; monthChangeOnScroll: { type: PropType<boolean | "inverse">; default: boolean; }; dayNames: { type: PropType<string[] | ((lang: string, weekStart: number) => string[])>; default: null; }; monthPicker: { type: PropType<boolean>; default: boolean; }; customProps: { type: PropType<Record<string, unknown>>; default: null; }; yearPicker: { type: PropType<boolean>; default: boolean; }; modelAuto: { type: PropType<boolean>; default: boolean; }; selectText: { type: PropType<string>; default: string; }; cancelText: { type: PropType<string>; default: string; }; previewFormat: { type: PropType<string | ((date: Date) => string) | ((dates: Date[]) => string) | undefined>; default: () => string; }; multiDates: { type: PropType<boolean>; default: boolean; }; ignoreTimeValidation: { type: PropType<boolean>; default: boolean; }; minDate: { type: PropType<string | Date>; default: null; }; maxDate: { type: PropType<string | Date>; default: null; }; minTime: { type: PropType<Partial<TimeModel>>; default: null; }; maxTime: { type: PropType<Partial<TimeModel>>; default: null; }; placeholder: { type: PropType<string>; default: string; }; hideInputIcon: { type: PropType<boolean>; default: boolean; }; clearable: { type: PropType<boolean>; default: boolean; }; alwaysClearable: { type: PropType<boolean>; default: boolean; }; state: { type: PropType<boolean | undefined>; default: null; }; required: { type: PropType<boolean>; default: boolean; }; autocomplete: { type: PropType<string>; default: string; }; timePicker: { type: PropType<boolean>; default: boolean; }; enableSeconds: { type: PropType<boolean>; default: boolean; }; is24: { type: PropType<boolean>; default: boolean; }; noHoursOverlay: { type: PropType<boolean>; default: boolean; }; noMinutesOverlay: { type: PropType<boolean>; default: boolean; }; noSecondsOverlay: { type: PropType<boolean>; default: boolean; }; hoursGridIncrement: { type: PropType<string | number>; default: number; }; minutesGridIncrement: { type: PropType<string | number>; default: number; }; secondsGridIncrement: { type: PropType<string | number>; default: number; }; hoursIncrement: { type: PropType<string | number>; default: number; }; minutesIncrement: { type: PropType<string | number>; default: number; }; secondsIncrement: { type: PropType<string | number>; default: number; }; range: { type: PropType<boolean | import("@vuepic/vue-datepicker").RangeConfig | undefined>; default: boolean; }; uid: { type: PropType<string>; default: null; }; inline: { type: PropType<boolean | { input?: boolean | undefined; } | undefined>; default: boolean; }; textInput: { type: PropType<boolean | { enterSubmit?: boolean | undefined; tabSubmit?: boolean | undefined; openMenu?: boolean | "toggle" | "open" | undefined; rangeSeparator?: string | undefined; selectOnFocus?: boolean | undefined; format?: string | string[] | ((value: string) => Date | null) | undefined; escClose?: boolean | undefined; } | undefined>; default: boolean; }; noDisabledRange: { type: PropType<boolean>; default: boolean; }; sixWeeks: { type: PropType<boolean | "center" | "append" | "prepend" | "fair" | undefined>; default: boolean; }; actionRow: { type: PropType<Partial<any>>; default: () => {}; }; focusStartDate: { type: PropType<boolean>; default: boolean; }; disabledTimes: { type: PropType<((time: import("@vuepic/vue-datepicker").TimeObj | (import("@vuepic/vue-datepicker").TimeObj | undefined)[]) => boolean) | import("@vuepic/vue-datepicker").DisabledTime[] | [import("@vuepic/vue-datepicker").DisabledTime[], import("@vuepic/vue-datepicker").DisabledTime[]] | undefined>; default: undefined; }; showLastInRange: { type: PropType<boolean>; default: boolean; }; timePickerInline: { type: PropType<boolean>; default: boolean; }; calendar: { type: PropType<((weeks: import("@vuepic/vue-datepicker").CalendarWeek[]) => import("@vuepic/vue-datepicker").CalendarWeek[]) | undefined>; default: null; }; config: { type: PropType<Partial<import("@vuepic/vue-datepicker").GeneralConfig | undefined>>; default: undefined; }; quarterPicker: { type: PropType<boolean>; default: boolean; }; yearFirst: { type: PropType<boolean>; default: boolean; }; onInternalModelChange: { type: PropType<(...args: any[]) => void>; default: null; }; enableMinutes: { type: PropType<boolean>; default: boolean; }; ui: { type: PropType<Partial<Partial<import("@vuepic/vue-datepicker").UIOptions> | undefined>>; default: () => {}; }; id: StringConstructor; name: StringConstructor; readonly: BooleanConstructor; validateOnInput: { readonly type: BooleanConstructor; readonly default: true; }; label: StringConstructor; helper: StringConstructor; error: StringConstructor; hideFooter: BooleanConstructor; rules: { readonly type: ArrayConstructor; readonly default: () => never[]; }; tooltip: StringConstructor; skipFormRegistry: BooleanConstructor; disabled: BooleanConstructor; loading: BooleanConstructor; loadingLabel: StringConstructor; loadingStatus: { readonly type: PropType<import("../loader/Loader.vue").LoaderStatus>; readonly default: "active"; }; size: { readonly type: PropType<import("../../composables/useCommon").Size>; readonly default: "md"; readonly validator: (value: string) => boolean; }; }>, { focus: () => void; blur: () => void; validate: () => void; }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, string[], string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{ multiCalendars: { type: PropType<import("@vuepic/vue-datepicker").DpOptionEnabled | Partial<{ static: boolean; solo: boolean; count: string | number; }> | undefined>; default: undefined; }; modelValue: { type: PropType<ModelValue>; default: null; }; modelType: { type: PropType<string | undefined>; default: null; }; position: { type: PropType<"left" | "right" | "center" | undefined>; default: string; }; dark: { type: PropType<boolean>; default: boolean; }; format: { type: PropType<string | ((date: Date) => string) | ((dates: Date[]) => string) | undefined>; default: () => null; }; autoPosition: { type: PropType<boolean>; default: boolean; }; altPosition: { type: PropType<((el: HTMLElement | undefined) => Record<string, string | number>) | undefined>; default: null; }; transitions: { type: PropType<Partial<boolean | { menuAppearTop?: string | undefined; menuAppearBottom?: string | undefined; open?: string | undefined; close?: string | undefined; next?: string | undefined; previous?: string | undefined; vNext?: string | undefined; vPrevious?: string | undefined; } | undefined>>; default: boolean; }; formatLocale: { type: PropType<Locale>; default: null; }; utc: { type: PropType<boolean | "preserve">; default: boolean; }; ariaLabels: { type: PropType<Partial<{ toggleOverlay?: string | undefined; menu?: string | undefined; input?: string | undefined; calendarWrap?: string | undefined; calendarDays?: string | undefined; openTimePicker?: string | undefined; closeTimePicker?: string | undefined; incrementValue?: ((type: import("@vuepic/vue-datepicker").TimeType) => string) | undefined; decrementValue?: ((type: import("@vuepic/vue-datepicker").TimeType) => string) | undefined; openTpOverlay?: ((type: import("@vuepic/vue-datepicker").TimeType) => string) | undefined; amPmButton?: string | undefined; openYearsOverlay?: string | undefined; openMonthsOverlay?: string | undefined; nextMonth?: string | undefined; prevMonth?: string | undefined; nextYear?: string | undefined; prevYear?: string | undefined; day?: (({ value }: { value: Date; }) => string) | undefined; weekDay?: ((day: number) => string) | undefined; clearInput?: string | undefined; calendarIcon?: string | undefined; timePicker?: string | undefined; monthPicker?: ((overlay: boolean) => string) | undefined; yearPicker?: ((overlay: boolean) => string) | undefined; timeOverlay?: ((type: import("@vuepic/vue-datepicker").TimeType) => string) | undefined; } | undefined>>; default: () => {}; }; offset: { type: PropType<string | number>; default: number; }; hideNavigation: { type: PropType<("month" | "year" | "calendar" | "time" | "minutes" | "hours" | "seconds")[] | undefined>; default: () => never[]; }; timezone: { type: PropType<string | { timezone?: string | undefined; exactMatch?: boolean | undefined; dateInTz?: string | undefined; emitTimezone?: string | undefined; convertModel?: boolean | undefined; } | undefined>; default: null; }; vertical: { type: PropType<boolean>; default: boolean; }; disableMonthYearSelect: { type: PropType<boolean>; default: boolean; }; disableYearSelect: { type: PropType<boolean>; default: boolean; }; dayClass: { type: PropType<(date: Date) => string>; default: null; }; yearRange: { type: PropType<number[]>; default: () => number[]; }; enableTimePicker: { type: PropType<boolean>; default: boolean; }; autoApply: { type: PropType<boolean>; default: boolean; }; disabledDates: { type: PropType<string[] | Date[] | ((date: Date) => boolean) | undefined>; default: () => never[]; }; monthNameFormat: { type: PropType<"long" | "short">; default: string; }; startDate: { type: PropType<string | Date>; default: null; }; startTime: { type: PropType<import("@vuepic/vue-datepicker").PartialTimeObj | import("@vuepic/vue-datepicker").PartialTimeObj[] | undefined>; default: null; }; hideOffsetDates: { type: PropType<boolean>; default: boolean; }; noToday: { type: PropType<boolean>; default: boolean; }; disabledWeekDays: { type: PropType<string[] | number[]>; default: () => never[]; }; allowedDates: { type: PropType<string[] | Date[]>; default: null; }; nowButtonLabel: { type: PropType<string>; default: string; }; markers: { type: PropType<import("@vuepic/vue-datepicker").DatePickerMarker[] | undefined>; default: () => never[]; }; escClose: { type: PropType<boolean>; default: boolean; }; spaceConfirm: { type: PropType<boolean>; default: boolean; }; monthChangeOnArrows: { type: PropType<boolean>; default: boolean; }; presetDates: { type: PropType<{ label: string; value: import("vue").MaybeRefOrGetter<string | string[] | Date | Date[]>; style?: Record<string, string> | undefined; slot?: string | undefined; noTz?: boolean | undefined; testId?: string | undefined; }[] | undefined>; default: () => never[]; }; flow: { type: PropType<("month" | "year" | "calendar" | "time" | "minutes" | "hours" | "seconds")[] | undefined>; default: () => never[]; }; partialFlow: { type: PropType<boolean>; default: boolean; }; preventMinMaxNavigation: { type: PropType<boolean>; default: boolean; }; reverseYears: { type: PropType<boolean>; default: boolean; }; weekPicker: { type: PropType<boolean>; default: boolean; }; filters: { type: PropType<Partial<{ months?: number[] | undefined; years?: number[] | undefined; times?: { hours?: number[] | undefined; minutes?: number[] | undefined; seconds?: number[] | undefined; } | undefined; } | undefined>>; default: () => {}; }; arrowNavigation: { type: PropType<boolean>; default: boolean; }; highlight: { type: PropType<((date: Date[], disabled?: boolean | undefined) => boolean) | ((month: { month: number; year: number; }) => boolean) | ((year: number) => boolean) | ((quarter: { quarter: number; year: number; }) => boolean) | Partial<import("@vuepic/vue-datepicker").Highlight> | undefined>; default: null; }; teleport: { type: PropType<string | boolean | HTMLElement>; default: null; }; teleportCenter: { type: PropType<boolean>; default: boolean; }; locale: { type: PropType<string>; default: string; }; weekNumName: { type: PropType<string>; default: string; }; weekStart: { type: PropType<0 | 1 | "0" | "1" | 2 | 3 | 4 | 5 | 6 | "2" | "3" | "4" | "5" | "6" | undefined>; default: number; }; weekNumbers: { type: PropType<import("@vuepic/vue-datepicker").WeekNumberType | { type: import("@vuepic/vue-datepicker").WeekNumberType; hideOnOffsetDates?: boolean | undefined; } | undefined>; default: null; }; monthChangeOnScroll: { type: PropType<boolean | "inverse">; default: boolean; }; dayNames: { type: PropType<string[] | ((lang: string, weekStart: number) => string[])>; default: null; }; monthPicker: { type: PropType<boolean>; default: boolean; }; customProps: { type: PropType<Record<string, unknown>>; default: null; }; yearPicker: { type: PropType<boolean>; default: boolean; }; modelAuto: { type: PropType<boolean>; default: boolean; }; selectText: { type: PropType<string>; default: string; }; cancelText: { type: PropType<string>; default: string; }; previewFormat: { type: PropType<string | ((date: Date) => string) | ((dates: Date[]) => string) | undefined>; default: () => string; }; multiDates: { type: PropType<boolean>; default: boolean; }; ignoreTimeValidation: { type: PropType<boolean>; default: boolean; }; minDate: { type: PropType<string | Date>; default: null; }; maxDate: { type: PropType<string | Date>; default: null; }; minTime: { type: PropType<Partial<TimeModel>>; default: null; }; maxTime: { type: PropType<Partial<TimeModel>>; default: null; }; placeholder: { type: PropType<string>; default: string; }; hideInputIcon: { type: PropType<boolean>; default: boolean; }; clearable: { type: PropType<boolean>; default: boolean; }; alwaysClearable: { type: PropType<boolean>; default: boolean; }; state: { type: PropType<boolean | undefined>; default: null; }; required: { type: PropType<boolean>; default: boolean; }; autocomplete: { type: PropType<string>; default: string; }; timePicker: { type: PropType<boolean>; default: boolean; }; enableSeconds: { type: PropType<boolean>; default: boolean; }; is24: { type: PropType<boolean>; default: boolean; }; noHoursOverlay: { type: PropType<boolean>; default: boolean; }; noMinutesOverlay: { type: PropType<boolean>; default: boolean; }; noSecondsOverlay: { type: PropType<boolean>; default: boolean; }; hoursGridIncrement: { type: PropType<string | number>; default: number; }; minutesGridIncrement: { type: PropType<string | number>; default: number; }; secondsGridIncrement: { type: PropType<string | number>; default: number; }; hoursIncrement: { type: PropType<string | number>; default: number; }; minutesIncrement: { type: PropType<string | number>; default: number; }; secondsIncrement: { type: PropType<string | number>; default: number; }; range: { type: PropType<boolean | import("@vuepic/vue-datepicker").RangeConfig | undefined>; default: boolean; }; uid: { type: PropType<string>; default: null; }; inline: { type: PropType<boolean | { input?: boolean | undefined; } | undefined>; default: boolean; }; textInput: { type: PropType<boolean | { enterSubmit?: boolean | undefined; tabSubmit?: boolean | undefined; openMenu?: boolean | "toggle" | "open" | undefined; rangeSeparator?: string | undefined; selectOnFocus?: boolean | undefined; format?: string | string[] | ((value: string) => Date | null) | undefined; escClose?: boolean | undefined; } | undefined>; default: boolean; }; noDisabledRange: { type: PropType<boolean>; default: boolean; }; sixWeeks: { type: PropType<boolean | "center" | "append" | "prepend" | "fair" | undefined>; default: boolean; }; actionRow: { type: PropType<Partial<any>>; default: () => {}; }; focusStartDate: { type: PropType<boolean>; default: boolean; }; disabledTimes: { type: PropType<((time: import("@vuepic/vue-datepicker").TimeObj | (import("@vuepic/vue-datepicker").TimeObj | undefined)[]) => boolean) | import("@vuepic/vue-datepicker").DisabledTime[] | [import("@vuepic/vue-datepicker").DisabledTime[], import("@vuepic/vue-datepicker").DisabledTime[]] | undefined>; default: undefined; }; showLastInRange: { type: PropType<boolean>; default: boolean; }; timePickerInline: { type: PropType<boolean>; default: boolean; }; calendar: { type: PropType<((weeks: import("@vuepic/vue-datepicker").CalendarWeek[]) => import("@vuepic/vue-datepicker").CalendarWeek[]) | undefined>; default: null; }; config: { type: PropType<Partial<import("@vuepic/vue-datepicker").GeneralConfig | undefined>>; default: undefined; }; quarterPicker: { type: PropType<boolean>; default: boolean; }; yearFirst: { type: PropType<boolean>; default: boolean; }; onInternalModelChange: { type: PropType<(...args: any[]) => void>; default: null; }; enableMinutes: { type: PropType<boolean>; default: boolean; }; ui: { type: PropType<Partial<Partial<import("@vuepic/vue-datepicker").UIOptions> | undefined>>; default: () => {}; }; id: StringConstructor; name: StringConstructor; readonly: BooleanConstructor; validateOnInput: { readonly type: BooleanConstructor; readonly default: true; }; label: StringConstructor; helper: StringConstructor; error: StringConstructor; hideFooter: BooleanConstructor; rules: { readonly type: ArrayConstructor; readonly default: () => never[]; }; tooltip: StringConstructor; skipFormRegistry: BooleanConstructor; disabled: BooleanConstructor; loading: BooleanConstructor; loadingLabel: StringConstructor; loadingStatus: { readonly type: PropType<import("../loader/Loader.vue").LoaderStatus>; readonly default: "active"; }; size: { readonly type: PropType<import("../../composables/useCommon").Size>; readonly default: "md"; readonly validator: (value: string) => boolean; }; }>> & Readonly<{ [x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined; }>, { disabled: boolean; size: import("../../composables/useCommon").Size; position: "left" | "right" | "center" | undefined; loading: boolean; loadingStatus: import("../loader/Loader.vue").LoaderStatus; modelValue: ModelValue; readonly: boolean; required: boolean; validateOnInput: boolean; hideFooter: boolean; rules: unknown[]; skipFormRegistry: boolean; multiCalendars: import("@vuepic/vue-datepicker").DpOptionEnabled | Partial<{ static: boolean; solo: boolean; count: string | number; }> | undefined; modelType: string | undefined; format: string | ((date: Date) => string) | ((dates: Date[]) => string) | undefined; altPosition: ((el: HTMLElement | undefined) => Record<string, string | number>) | undefined; transitions: Partial<boolean | { menuAppearTop?: string | undefined; menuAppearBottom?: string | undefined; open?: string | undefined; close?: string | undefined; next?: string | undefined; previous?: string | undefined; vNext?: string | undefined; vPrevious?: string | undefined; } | undefined>; ariaLabels: Partial<{ toggleOverlay?: string | undefined; menu?: string | undefined; input?: string | undefined; calendarWrap?: string | undefined; calendarDays?: string | undefined; openTimePicker?: string | undefined; closeTimePicker?: string | undefined; incrementValue?: ((type: import("@vuepic/vue-datepicker").TimeType) => string) | undefined; decrementValue?: ((type: import("@vuepic/vue-datepicker").TimeType) => string) | undefined; openTpOverlay?: ((type: import("@vuepic/vue-datepicker").TimeType) => string) | undefined; amPmButton?: string | undefined; openYearsOverlay?: string | undefined; openMonthsOverlay?: string | undefined; nextMonth?: string | undefined; prevMonth?: string | undefined; nextYear?: string | undefined; prevYear?: string | undefined; day?: (({ value }: { value: Date; }) => string) | undefined; weekDay?: ((day: number) => string) | undefined; clearInput?: string | undefined; calendarIcon?: string | undefined; timePicker?: string | undefined; monthPicker?: ((overlay: boolean) => string) | undefined; yearPicker?: ((overlay: boolean) => string) | undefined; timeOverlay?: ((type: import("@vuepic/vue-datepicker").TimeType) => string) | undefined; } | undefined>; timePicker: boolean; monthPicker: boolean; yearPicker: boolean; hideNavigation: ("month" | "year" | "calendar" | "time" | "minutes" | "hours" | "seconds")[] | undefined; calendar: ((weeks: import("@vuepic/vue-datepicker").CalendarWeek[]) => import("@vuepic/vue-datepicker").CalendarWeek[]) | undefined; timezone: string | { timezone?: string | undefined; exactMatch?: boolean | undefined; dateInTz?: string | undefined; emitTimezone?: string | undefined; convertModel?: boolean | undefined; } | undefined; disabledDates: string[] | Date[] | ((date: Date) => boolean) | undefined; startTime: import("@vuepic/vue-datepicker").PartialTimeObj | import("@vuepic/vue-datepicker").PartialTimeObj[] | undefined; markers: import("@vuepic/vue-datepicker").DatePickerMarker[] | undefined; presetDates: { label: string; value: import("vue").MaybeRefOrGetter<string | string[] | Date | Date[]>; style?: Record<string, string> | undefined; slo