@dcodegroup-au/dsg-vue

import { nextTick } from 'vue'; import { RangeConfig, UIConfig, FloatingConfig, TimeConfig, FormatsConfig } from '@vuepic/vue-datepicker'; import { Locale } from 'date-fns'; /** * ------------------------------------------------ * # Setup: Props/Variables/Models * ------------------------------------------------ */ export type DsgDatepickerType = "single" | "range" | "month" | "time" | "time-range" | "year" | "week" | "quarter"; export type DsgDatepickerValue = string | Date | Date[] | string[] | number | null; export type DsgDatepickerRangeConfig = RangeConfig; export type DsgDatepickerSize = "sm" | "md" | "lg"; export type DsgUiClasses = UIConfig; export type DsgDatepickerFloatingConfig = FloatingConfig; export type DsgDatepickerTimeConfig = TimeConfig; export type DsgDatepickerFormatsConfig = FormatsConfig; /** * The model type determines the format of the v-model value. * - `undefined` (default): returns `Date` objects * - `'timestamp'`: returns Unix timestamp (number) * - `'iso'`: returns ISO 8601 string * - `'format'`: returns a formatted string using the `format` prop * - Any other string: treated as a date-fns format pattern */ export type DsgDatepickerModelType = "timestamp" | "iso" | "format" | (string & {}); export interface DsgDatepickerProps { type?: DsgDatepickerType; disableYearSelect?: boolean; centered?: boolean; ui?: Partial<DsgUiClasses>; disabled?: boolean; format?: string; size?: DsgDatepickerSize; label?: string; useTimePicker?: boolean; errors?: string[]; locale?: Locale; teleport?: boolean | string | HTMLElement; floating?: Partial<DsgDatepickerFloatingConfig>; /** * Determines the type of the v-model value. * - `undefined` (default): returns `Date` objects * - `'timestamp'`: returns Unix timestamp (number) * - `'iso'`: returns ISO 8601 string * - `'format'`: returns a formatted string using the `format` prop * - Custom string: treated as a date-fns format pattern (e.g. `'yyyy-MM-dd'`) */ modelType?: DsgDatepickerModelType; } type __VLS_Props = DsgDatepickerProps; type __VLS_PublicProps = { modelValue?: DsgDatepickerValue; } & __VLS_Props; declare const _default: import('vue').DefineComponent<__VLS_PublicProps, { setErrors: (errors: string[]) => void; }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, { "update:modelValue": (value: DsgDatepickerValue) => any; } & { focus: (data: DsgDatepickerValue) => any; open: (data: DsgDatepickerValue) => any; blur: (data: DsgDatepickerValue) => any; closed: (data: DsgDatepickerValue) => any; cleared: (data: DsgDatepickerValue) => any; }, string, import('vue').PublicProps, Readonly<__VLS_PublicProps> & Readonly<{ onFocus?: ((data: DsgDatepickerValue) => any) | undefined; "onUpdate:modelValue"?: ((value: DsgDatepickerValue) => any) | undefined; onOpen?: ((data: DsgDatepickerValue) => any) | undefined; onBlur?: ((data: DsgDatepickerValue) => any) | undefined; onClosed?: ((data: DsgDatepickerValue) => any) | undefined; onCleared?: ((data: DsgDatepickerValue) => any) | undefined; }>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, { datepickerRef: ({ $: import('vue').ComponentInternalInstance; $data: {}; $props: { readonly multiCalendars?: (boolean | number | string | Partial<import('@vuepic/vue-datepicker').MultiCalendarsConfig>) | undefined; readonly modelValue?: import('@vuepic/vue-datepicker').ModelValue; readonly modelType?: string | undefined; readonly dark?: boolean | undefined; readonly transitions?: (boolean | Partial<import('@vuepic/vue-datepicker').TransitionsConfig>) | undefined; readonly ariaLabels?: Partial<import('@vuepic/vue-datepicker').AriaLabelsConfig> | undefined; readonly hideNavigation?: import('@vuepic/vue-datepicker').PickerSection[] | undefined; readonly timezone?: string | undefined; readonly vertical?: boolean | undefined; readonly hideMonthYearSelect?: boolean | undefined; readonly disableYearSelect?: boolean | undefined; readonly yearRange?: [number, number] | undefined; readonly autoApply?: boolean | undefined; readonly disabledDates?: Date[] | string[] | ((date: Date) => boolean) | undefined; readonly startDate?: import('@vuepic/vue-datepicker').DateValue | undefined; readonly hideOffsetDates?: boolean | undefined; readonly noToday?: boolean | undefined; readonly allowedDates?: import('@vuepic/vue-datepicker').DateValue[] | undefined; readonly markers?: import('@vuepic/vue-datepicker').Marker[] | undefined; readonly presetDates?: import('@vuepic/vue-datepicker').PresetDate[] | undefined; readonly flow?: Partial<import('@vuepic/vue-datepicker').FlowConfig> | undefined; readonly preventMinMaxNavigation?: boolean | undefined; readonly reverseYears?: boolean | undefined; readonly weekPicker?: boolean | undefined; readonly filters?: Partial<import('@vuepic/vue-datepicker').FilterConfig> | undefined; readonly arrowNavigation?: boolean | undefined; readonly highlight?: (import('@vuepic/vue-datepicker').HighlightFn | Partial<import('@vuepic/vue-datepicker').HighlightConfig>) | undefined; readonly teleport?: (string | boolean | HTMLElement) | undefined; readonly centered?: boolean | undefined; readonly locale?: Locale | undefined; readonly weekStart?: (string | number | import('@vuepic/vue-datepicker').WeekStart) | undefined; readonly weekNumbers?: (boolean | import('@vuepic/vue-datepicker').WeekNumbersConfig) | undefined; readonly dayNames?: (() => string[]) | string[] | undefined; readonly monthPicker?: boolean | undefined; readonly yearPicker?: boolean | undefined; readonly modelAuto?: boolean | undefined; readonly formats?: (Partial<FormatsConfig> | null) | undefined; readonly multiDates?: (boolean | Partial<import('@vuepic/vue-datepicker').MultiDatesConfig>) | undefined; readonly minDate?: import('@vuepic/vue-datepicker').DateValue | undefined; readonly maxDate?: import('@vuepic/vue-datepicker').DateValue | undefined; readonly minTime?: import('@vuepic/vue-datepicker').TimeModel | undefined; readonly maxTime?: import('@vuepic/vue-datepicker').TimeModel | undefined; readonly inputAttrs?: Partial<import('@vuepic/vue-datepicker').InputAttributesConfig> | undefined; readonly timeConfig?: Partial<TimeConfig> | undefined; readonly placeholder?: string | undefined; readonly timePicker?: boolean | undefined; readonly range?: (boolean | Partial<RangeConfig>) | undefined; readonly menuId?: string | undefined; readonly disabled?: boolean | undefined; readonly readonly?: boolean | undefined; readonly inline?: boolean | { input?: boolean; } | undefined; readonly textInput?: (boolean | Partial<import('@vuepic/vue-datepicker').TextInputConfig>) | undefined; readonly sixWeeks?: (boolean | import('@vuepic/vue-datepicker').SixWeekMode) | undefined; readonly actionRow?: Partial<import('@vuepic/vue-datepicker').ActionRowConfig> | undefined; readonly focusStartDate?: boolean | undefined; readonly disabledTimes?: (import('@vuepic/vue-datepicker').DisabledTimesFn | import('@vuepic/vue-datepicker').TimeModel[] | import('@vuepic/vue-datepicker').TimeModel[][]) | undefined; readonly calendar?: ((month: import('@vuepic/vue-datepicker').CalendarWeek[]) => import('@vuepic/vue-datepicker').CalendarWeek[]) | undefined; readonly config?: Partial<import('@vuepic/vue-datepicker').Config> | undefined; readonly quarterPicker?: boolean | undefined; readonly yearFirst?: boolean | undefined; readonly loading?: boolean | undefined; readonly ui?: Partial<UIConfig> | undefined; readonly floating?: Partial<FloatingConfig> | undefined; readonly onBlur?: (() => any) | undefined | undefined; readonly onFocus?: (() => any) | undefined | undefined; readonly onInvalid?: ((event: Event) => any) | undefined | undefined; readonly onOpen?: (() => any) | undefined | undefined; readonly "onUpdate:model-value"?: ((value: any) => any) | undefined | undefined; readonly "onInternal-model-change"?: ((value: import('@vuepic/vue-datepicker').InternalModelValue) => any) | undefined | undefined; readonly "onText-submit"?: (() => any) | undefined | undefined; readonly "onText-input"?: ((event: string | Event, parsedDate: import('@vuepic/vue-datepicker').InputParsedDate) => any) | undefined | undefined; readonly onClosed?: (() => any) | undefined | undefined; readonly onCleared?: (() => any) | undefined | undefined; readonly "onFlow-step"?: ((step: number) => any) | undefined | undefined; readonly "onUpdate-month-year"?: ((value: { instance: number; month: number; year: number; }) => any) | undefined | undefined; readonly "onInvalid-select"?: (() => any) | undefined | undefined; readonly "onInvalid-fixed-range"?: ((date: Date) => any) | undefined | undefined; readonly "onInvalid-date"?: ((date: Date) => any) | undefined | undefined; readonly "onTooltip-open"?: ((marker: import('@vuepic/vue-datepicker').Marker) => any) | undefined | undefined; readonly "onTooltip-close"?: ((marker: import('@vuepic/vue-datepicker').Marker) => any) | undefined | undefined; readonly "onAm-pm-change"?: ((value: import('@vuepic/vue-datepicker').Hour12) => any) | undefined | undefined; readonly "onRange-start"?: ((date: Date) => any) | undefined | undefined; readonly "onRange-end"?: ((date: Date) => any) | undefined | undefined; readonly "onDate-click"?: ((date: Date) => any) | undefined | undefined; readonly "onOverlay-toggle"?: ((toggle: { open: boolean; overlay: import('@vuepic/vue-datepicker').PickerSection; }) => any) | undefined | undefined; } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps; $attrs: import('vue').Attrs; $refs: { [x: string]: unknown; } & { 'date-picker': ({ $: import('vue').ComponentInternalInstance; $data: {}; $props: Partial<{}> & Omit<{} & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, never>; $attrs: { [x: string]: unknown; }; $refs: any; $slots: Readonly<{ [name: string]: import('vue').Slot<any> | undefined; }>; $root: import('vue').ComponentPublicInstance | null; $parent: import('vue').ComponentPublicInstance | null; $host: Element | null; $emit: (event: string, /** * ------------------------------------------------ * # Import: Dependencies * ------------------------------------------------ */ ...args: any[]) => void; $el: any; $options: import('vue').ComponentOptionsBase<Readonly<{}> & Readonly<{}>, { closeMenu: (fromClickAway /** * ------------------------------------------------ * # Import: Dependencies * ------------------------------------------------ */ ?: boolean) => void; selectDate: () => void; clearValue: () => void; openMenu: () => void; onScroll: () => void; formatInputValue: () => void; updateInternalModelValue: (value: Date | Date[]) => void; setMonthYear: (value: Partial<import('@vuepic/vue-datepicker').MonthModel>, instance /** * ------------------------------------------------ * # Import: Dependencies * ------------------------------------------------ */ ?: number) => void; parseModel: (value /** * ------------------------------------------------ * # Import: Dependencies * ------------------------------------------------ */ ?: import('@vuepic/vue-datepicker').ModelValue) => void; switchView: (view: import('@vuepic/vue-datepicker').MenuView, instance /** * ------------------------------------------------ * # Import: Dependencies * ------------------------------------------------ */ ?: number) => void; toggleMenu: () => void; handleFlow: (skipStep /** * ------------------------------------------------ * # Import: Dependencies * ------------------------------------------------ */ ?: number) => void; getDpWrapMenuRef: () => any; dpMenuRef: () => Readonly<import('vue').ShallowRef<any>>; dpWrapMenuRef: () => any; inputRef: () => any; }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & { beforeCreate /** * ------------------------------------------------ * # Import: Dependencies * ------------------------------------------------ */ ?: (() => void) | (() => void)[]; created /** * ------------------------------------------------ * # Import: Dependencies * ------------------------------------------------ */ ?: (() => void) | (() => void)[]; beforeMount /** * ------------------------------------------------ * # Import: Dependencies * ------------------------------------------------ */ ?: (() => void) | (() => void)[]; mounted /** * ------------------------------------------------ * # Import: Dependencies * ------------------------------------------------ */ ?: (() => void) | (() => void)[]; beforeUpdate /** * ------------------------------------------------ * # Import: Dependencies * ------------------------------------------------ */ ?: (() => void) | (() => void)[]; updated /** * ------------------------------------------------ * # Import: Dependencies * ------------------------------------------------ */ ?: (() => void) | (() => void)[]; activated /** * ------------------------------------------------ * # Import: Dependencies * ------------------------------------------------ */ ?: (() => void) | (() => void)[]; deactivated /** * ------------------------------------------------ * # Import: Dependencies * ------------------------------------------------ */ ?: (() => void) | (() => void)[]; beforeDestroy /** * ------------------------------------------------ * # Import: Dependencies * ------------------------------------------------ */ ?: (() => void) | (() => void)[]; beforeUnmount /** * ------------------------------------------------ * # Import: Dependencies * ------------------------------------------------ */ ?: (() => void) | (() => void)[]; destroyed /** * ------------------------------------------------ * # Import: Dependencies * ------------------------------------------------ */ ?: (() => void) | (() => void)[]; unmounted /** * ------------------------------------------------ * # Import: Dependencies * ------------------------------------------------ */ ?: (() => void) | (() => void)[]; renderTracked /** * ------------------------------------------------ * # Import: Dependencies * ------------------------------------------------ */ ?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[]; renderTriggered /** * ------------------------------------------------ * # Import: Dependencies * ------------------------------------------------ */ ?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[]; errorCaptured /** * ------------------------------------------------ * # Import: Dependencies * ------------------------------------------------ */ ?: ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void)[]; }; $forceUpdate: () => void; $nextTick: /** * ------------------------------------------------ * # Import: Dependencies * ------------------------------------------------ */ nextTick; $watch<T extends string | (( /** * ------------------------------------------------ * # Import: Dependencies * ------------------------------------------------ */ ...args: any) => any)>(source: T, cb: T extends ( /** * ------------------------------------------------ * # Import: Dependencies * ------------------------------------------------ */ ...args: any) => infer R ? ( /** * ------------------------------------------------ * # Import: Dependencies * ------------------------------------------------ */ ...args: [R, R, import('@vue/reactivity').OnCleanup]) => any : ( /** * ------------------------------------------------ * # Import: Dependencies * ------------------------------------------------ */ ...args: [any, any, import('@vue/reactivity').OnCleanup]) => any, options /** * ------------------------------------------------ * # Import: Dependencies * ------------------------------------------------ */ ?: import('vue').WatchOptions): import('vue').WatchStopHandle; } & Readonly<{}> & Omit<Readonly<{}> & Readonly<{}>, "onScroll" | "openMenu" | "handleFlow" | "switchView" | "formatInputValue" | "closeMenu" | "selectDate" | "clearValue" | "updateInternalModelValue" | "setMonthYear" | "parseModel" | "toggleMenu" | "getDpWrapMenuRef" | "dpMenuRef" | "dpWrapMenuRef" | "inputRef"> & import('vue').ShallowUnwrapRef<{ closeMenu: (fromClickAway /** * ------------------------------------------------ * # Import: Dependencies * ------------------------------------------------ */ ?: boolean) => void; selectDate: () => void; clearValue: () => void; openMenu: () => void; onScroll: () => void; formatInputValue: () => void; updateInternalModelValue: (value: Date | Date[]) => void; setMonthYear: (value: Partial<import('@vuepic/vue-datepicker').MonthModel>, instance /** * ------------------------------------------------ * # Import: Dependencies * ------------------------------------------------ */ ?: number) => void; parseModel: (value /** * ------------------------------------------------ * # Import: Dependencies * ------------------------------------------------ */ ?: import('@vuepic/vue-datepicker').ModelValue) => void; switchView: (view: import('@vuepic/vue-datepicker').MenuView, instance /** * ------------------------------------------------ * # Import: Dependencies * ------------------------------------------------ */ ?: number) => void; toggleMenu: () => void; handleFlow: (skipStep /** * ------------------------------------------------ * # Import: Dependencies * ------------------------------------------------ */ ?: number) => void; getDpWrapMenuRef: () => any; dpMenuRef: () => Readonly<import('vue').ShallowRef<any>>; dpWrapMenuRef: () => any; inputRef: () => any; }> & {} & import('vue').ComponentCustomProperties & {} & { $slots: any; }) | null; }; $slots: Readonly<{ [name: string]: import('vue').Slot<any> | undefined; }>; $root: import('vue').ComponentPublicInstance | null; $parent: import('vue').ComponentPublicInstance | null; $host: Element | null; $emit: ((event: "focus") => void) & ((event: "update:model-value", value: any) => void) & ((event: "open") => void) & ((event: "blur") => void) & ((event: "invalid", event: Event) => void) & ((event: "closed") => void) & ((event: "cleared") => void) & ((event: "internal-model-change", value: import('@vuepic/vue-datepicker').InternalModelValue) => void) & ((event: "text-submit") => void) & ((event: "text-input", event: string | Event, parsedDate: import('@vuepic/vue-datepicker').InputParsedDate) => void) & ((event: "flow-step", step: number) => void) & ((event: "update-month-year", value: { instance: number; month: number; year: number; }) => void) & ((event: "invalid-select") => void) & ((event: "invalid-fixed-range", date: Date) => void) & ((event: "invalid-date", date: Date) => void) & ((event: "tooltip-open", marker: import('@vuepic/vue-datepicker').Marker) => void) & ((event: "tooltip-close", marker: import('@vuepic/vue-datepicker').Marker) => void) & ((event: "am-pm-change", value: import('@vuepic/vue-datepicker').Hour12) => void) & ((event: "range-start", date: Date) => void) & ((event: "range-end", date: Date) => void) & ((event: "date-click", date: Date) => void) & ((event: "overlay-toggle", toggle: { open: boolean; overlay: import('@vuepic/vue-datepicker').PickerSection; }) => void); $el: any; $options: import('vue').ComponentOptionsBase<Readonly<import('@vuepic/vue-datepicker').RootProps> & Readonly<{ onBlur?: (() => any) | undefined; onFocus?: (() => any) | undefined; onInvalid?: ((event: Event) => any) | undefined; onOpen?: (() => any) | undefined; "onUpdate:model-value"?: ((value: any) => any) | undefined; "onInternal-model-change"?: ((value: import('@vuepic/vue-datepicker').InternalModelValue) => any) | undefined; "onText-submit"?: (() => any) | undefined; "onText-input"?: ((event: string | Event, parsedDate: import('@vuepic/vue-datepicker').InputParsedDate) => any) | undefined; onClosed?: (() => any) | undefined; onCleared?: (() => any) | undefined; "onFlow-step"?: ((step: number) => any) | undefined; "onUpdate-month-year"?: ((value: { instance: number; month: number; year: number; }) => any) | undefined; "onInvalid-select"?: (() => any) | undefined; "onInvalid-fixed-range"?: ((date: Date) => any) | undefined; "onInvalid-date"?: ((date: Date) => any) | undefined; "onTooltip-open"?: ((marker: import('@vuepic/vue-datepicker').Marker) => any) | undefined; "onTooltip-close"?: ((marker: import('@vuepic/vue-datepicker').Marker) => any) | undefined; "onAm-pm-change"?: ((value: import('@vuepic/vue-datepicker').Hour12) => any) | undefined; "onRange-start"?: ((date: Date) => any) | undefined; "onRange-end"?: ((date: Date) => any) | undefined; "onDate-click"?: ((date: Date) => any) | undefined; "onOverlay-toggle"?: ((toggle: { open: boolean; overlay: import('@vuepic/vue-datepicker').PickerSection; }) => any) | undefined; }>, { openMenu: () => void; closeMenu: () => void; selectDate: () => void; clearValue: () => void; formatInputValue: () => void; updateInternalModelValue: (value: Date | Date[]) => void; setMonthYear: (value: Partial<import('@vuepic/vue-datepicker').MonthModel>, instance /** * ------------------------------------------------ * # Import: Dependencies * ------------------------------------------------ */ ?: number) => void; parseModel: () => void; switchView: (view: import('@vuepic/vue-datepicker').MenuView, instance /** * ------------------------------------------------ * # Import: Dependencies * ------------------------------------------------ */ ?: number) => void; handleFlow: () => void; toggleMenu: () => void; dpMenuRef: () => Readonly<import('vue').ShallowRef<any>>; dpWrapMenuRef: () => any; inputRef: () => any; }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, { blur: () => any; focus: () => any; invalid: (event: Event) => any; open: () => any; "update:model-value": (value: any) => any; "internal-model-change": (value: import('@vuepic/vue-datepicker').InternalModelValue) => any; "text-submit": () => any; "text-input": (event: string | Event, parsedDate: import('@vuepic/vue-datepicker').InputParsedDate) => any; closed: () => any; cleared: () => any; "flow-step": (step: number) => any; "update-month-year": (value: { instance: number; month: number; year: number; }) => any; "invalid-select": () => any; "invalid-fixed-range": (date: Date) => any; "invalid-date": (date: Date) => any; "tooltip-open": (marker: import('@vuepic/vue-datepicker').Marker) => any; "tooltip-close": (marker: import('@vuepic/vue-datepicker').Marker) => any; "am-pm-change": (value: import('@vuepic/vue-datepicker').Hour12) => any; "range-start": (date: Date) => any; "range-end": (date: Date) => any; "date-click": (date: Date) => any; "overlay-toggle": (toggle: { open: boolean; overlay: import('@vuepic/vue-datepicker').PickerSection; }) => any; }, string, { timePicker: boolean; dark: boolean; transitions: boolean | Partial<import('@vuepic/vue-datepicker').TransitionsConfig>; hideNavigation: import('@vuepic/vue-datepicker').PickerSection[]; vertical: boolean; hideMonthYearSelect: boolean; disableYearSelect: boolean; yearRange: [number, number]; autoApply: boolean; disabledDates: Date[] | string[] | ((date: Date) => boolean); hideOffsetDates: boolean; noToday: boolean; markers: import('@vuepic/vue-datepicker').Marker[]; presetDates: import('@vuepic/vue-datepicker').PresetDate[]; preventMinMaxNavigation: boolean; reverseYears: boolean; weekPicker: boolean; arrowNavigation: boolean; centered: boolean; locale: Locale; weekStart: string | number | import('@vuepic/vue-datepicker').WeekStart; monthPicker: boolean; yearPicker: boolean; modelAuto: boolean; multiDates: boolean | Partial<import('@vuepic/vue-datepicker').MultiDatesConfig>; range: boolean | Partial<RangeConfig>; inline: boolean | { input /** * ------------------------------------------------ * # Import: Dependencies * ------------------------------------------------ */ ?: boolean; }; sixWeeks: boolean | import('@vuepic/vue-datepicker').SixWeekMode; focusStartDate: boolean; quarterPicker: boolean; yearFirst: boolean; loading: boolean; ui: Partial<UIConfig>; }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & { beforeCreate?: (() => void) | (() => void)[]; created?: (() => void) | (() => void)[]; beforeMount?: (() => void) | (() => void)[]; mounted?: (() => void) | (() => void)[]; beforeUpdate?: (() => void) | (() => void)[]; updated?: (() => void) | (() => void)[]; activated?: (() => void) | (() => void)[]; deactivated?: (() => void) | (() => void)[]; beforeDestroy?: (() => void) | (() => void)[]; beforeUnmount?: (() => void) | (() => void)[]; destroyed?: (() => void) | (() => void)[]; unmounted?: (() => void) | (() => void)[]; renderTracked?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[]; renderTriggered?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[]; errorCaptured?: ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void)[]; }; $forceUpdate: () => void; $nextTick: typeof nextTick; $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import('@vue/reactivity').OnCleanup]) => any : (...args: [any, any, import('@vue/reactivity').OnCleanup]) => any, options?: import('vue').WatchOptions): import('vue').WatchStopHandle; } & Readonly<{ timePicker: boolean; dark: boolean; transitions: boolean | Partial<import('@vuepic/vue-datepicker').TransitionsConfig>; hideNavigation: import('@vuepic/vue-datepicker').PickerSection[]; vertical: boolean; hideMonthYearSelect: boolean; disableYearSelect: boolean; yearRange: [number, number]; autoApply: boolean; disabledDates: Date[] | string[] | ((date: Date) => boolean); hideOffsetDates: boolean; noToday: boolean; markers: import('@vuepic/vue-datepicker').Marker[]; presetDates: import('@vuepic/vue-datepicker').PresetDate[]; preventMinMaxNavigation: boolean; reverseYears: boolean; weekPicker: boolean; arrowNavigation: boolean; centered: boolean; locale: Locale; weekStart: string | number | import('@vuepic/vue-datepicker').WeekStart; monthPicker: boolean; yearPicker: boolean; modelAuto: boolean; multiDates: boolean | Partial<import('@vuepic/vue-datepicker').MultiDatesConfig>; range: boolean | Partial<RangeConfig>; inline: boolean | { input /** * ------------------------------------------------ * # Import: Dependencies * ------------------------------------------------ */ ?: boolean; }; sixWeeks: boolean | import('@vuepic/vue-datepicker').SixWeekMode; focusStartDate: boolean; quarterPicker: boolean; yearFirst: boolean; loading: boolean; ui: Partial<UIConfig>; }> & Omit<Readonly<import('@vuepic/vue-datepicker').RootProps> & Readonly<{ onBlur?: (() => any) | undefined; onFocus?: (() => any) | undefined; onInvalid?: ((event: Event) => any) | undefined; onOpen?: (() => any) | undefined; "onUpdate:model-value"?: ((value: any) => any) | undefined; "onInternal-model-change"?: ((value: import('@vuepic/vue-datepicker').InternalModelValue) => any) | undefined; "onText-submit"?: (() => any) | undefined; "onText-input"?: ((event: string | Event, parsedDate: import('@vuepic/vue-datepicker').InputParsedDate) => any) | undefined; onClosed?: (() => any) | undefined; onCleared?: (() => any) | undefined; "onFlow-step"?: ((step: number) => any) | undefined; "onUpdate-month-year"?: ((value: { instance: number; month: number; year: number; }) => any) | undefined; "onInvalid-select"?: (() => any) | undefined; "onInvalid-fixed-range"?: ((date: Date) => any) | undefined; "onInvalid-date"?: ((date: Date) => any) | undefined; "onTooltip-open"?: ((marker: import('@vuepic/vue-datepicker').Marker) => any) | undefined; "onTooltip-close"?: ((marker: import('@vuepic/vue-datepicker').Marker) => any) | undefined; "onAm-pm-change"?: ((value: import('@vuepic/vue-datepicker').Hour12) => any) | undefined; "onRange-start"?: ((date: Date) => any) | undefined; "onRange-end"?: ((date: Date) => any) | undefined; "onDate-click"?: ((date: Date) => any) | undefined; "onOverlay-toggle"?: ((toggle: { open: boolean; overlay: import('@vuepic/vue-datepicker').PickerSection; }) => any) | undefined; }>, "dark" | "loading" | "range" | "disableYearSelect" | "centered" | "ui" | "locale" | "transitions" | "hideNavigation" | "vertical" | "hideMonthYearSelect" | "yearRange" | "autoApply" | "disabledDates" | "hideOffsetDates" | "noToday" | "markers" | "presetDates" | "preventMinMaxNavigation" | "reverseYears" | "weekPicker" | "arrowNavigation" | "weekStart" | "monthPicker" | "yearPicker" | "modelAuto" | "multiDates" | "timePicker" | "inline" | "sixWeeks" | "focusStartDate" | "quarterPicker" | "yearFirst" | "openMenu" | "closeMenu" | "selectDate" | "clearValue" | "formatInputValue" | "updateInternalModelValue" | "setMonthYear" | "parseModel" | "switchView" | "handleFlow" | "toggleMenu" | "dpMenuRef" | "dpWrapMenuRef" | "inputRef"> & { openMenu: () => void; closeMenu: () => void; selectDate: () => void; clearValue: () => void; formatInputValue: () => void; updateInternalModelValue: (value: Date | Date[]) => void; setMonthYear: (value: Partial<import('@vuepic/vue-datepicker').MonthModel>, instance /** * ------------------------------------------------ * # Import: Dependencies * ------------------------------------------------ */ ?: number) => void; parseModel: () => void; switchView: (view: import('@vuepic/vue-datepicker').MenuView, instance /** * ------------------------------------------------ * # Import: Dependencies * ------------------------------------------------ */ ?: number) => void; handleFlow: () => void; toggleMenu: () => void; dpMenuRef: () => Readonly<import('vue').ShallowRef<any>>; dpWrapMenuRef: () => any; inputRef: () => any; } & {} & import('vue').ComponentCustomProperties & {} & { $slots: Readonly<import('@vuepic/vue-datepicker').RootSlots> & import('@vuepic/vue-datepicker').RootSlots; }) | null; }, HTMLDivElement>; export default _default;