@quoreadmin/ui 1.7.7 → 1.7.9

package/dist/src/components/date-picker/date-picker.stories.d.ts

@@ -76,6 +76,10 @@ export declare const DatePicker: {
                     type: BooleanConstructor;
                     default: boolean;
                 };
+                floatingLabel: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
             }>, {
                 calendarPosition: import('vue').Ref<string, string>;
                 datePicker: import('vue').Ref<HTMLElement | null | undefined, HTMLElement | null | undefined>;
@@ -83,6 +87,8 @@ export declare const DatePicker: {
                 value: import('vue').Ref<string | Date | (string | Date)[], string | Date | (string | Date)[]>;
                 disabledDates: import('vue').ComputedRef<Function | null>;
                 showCustomPlaceholder: import('vue').ComputedRef<boolean>;
+                showFloatingLabel: import('vue').ComputedRef<boolean>;
+                isLabelFloated: import('vue').ComputedRef<boolean>;
                 disableDatesAfterToday: (date: any) => boolean;
                 disableDatesBeforeToday: (date: any) => boolean;
                 getCalendarPosition: () => void;
@@ -156,6 +162,10 @@ export declare const DatePicker: {
                     type: BooleanConstructor;
                     default: boolean;
                 };
+                floatingLabel: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
             }>> & Readonly<{
                 "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
             }>, {
@@ -169,6 +179,7 @@ export declare const DatePicker: {
                 locale: string;
                 required: boolean;
                 id: string;
+                floatingLabel: boolean;
                 clearable: boolean;
                 disabledBeforeToday: boolean;
                 disabledAfterToday: boolean;
@@ -740,6 +751,10 @@ export declare const RangedDatePicker: {
                     type: BooleanConstructor;
                     default: boolean;
                 };
+                floatingLabel: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
             }>, {
                 calendarPosition: import('vue').Ref<string, string>;
                 datePicker: import('vue').Ref<HTMLElement | null | undefined, HTMLElement | null | undefined>;
@@ -747,6 +762,8 @@ export declare const RangedDatePicker: {
                 value: import('vue').Ref<string | Date | (string | Date)[], string | Date | (string | Date)[]>;
                 disabledDates: import('vue').ComputedRef<Function | null>;
                 showCustomPlaceholder: import('vue').ComputedRef<boolean>;
+                showFloatingLabel: import('vue').ComputedRef<boolean>;
+                isLabelFloated: import('vue').ComputedRef<boolean>;
                 disableDatesAfterToday: (date: any) => boolean;
                 disableDatesBeforeToday: (date: any) => boolean;
                 getCalendarPosition: () => void;
@@ -820,6 +837,10 @@ export declare const RangedDatePicker: {
                     type: BooleanConstructor;
                     default: boolean;
                 };
+                floatingLabel: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
             }>> & Readonly<{
                 "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
             }>, {
@@ -833,6 +854,7 @@ export declare const RangedDatePicker: {
                 locale: string;
                 required: boolean;
                 id: string;
+                floatingLabel: boolean;
                 clearable: boolean;
                 disabledBeforeToday: boolean;
                 disabledAfterToday: boolean;
@@ -1334,3 +1356,1357 @@ export declare const RangedDatePicker: {
         type: string;
     };
 };
+export declare const FloatingLabel: {
+    name: string;
+    render: (args: Args) => {
+        components: {
+            QDatePicker: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+                id: {
+                    type: StringConstructor;
+                    default: string;
+                };
+                modelValue: {
+                    type: (StringConstructor | DateConstructor | {
+                        (arrayLength: number): (string | Date)[];
+                        (...items: (string | Date)[]): (string | Date)[];
+                        new (arrayLength: number): (string | Date)[];
+                        new (...items: (string | Date)[]): (string | Date)[];
+                        isArray(arg: any): arg is any[];
+                        readonly prototype: any[];
+                        from<T>(arrayLike: ArrayLike<T>): T[];
+                        from<T, U>(arrayLike: ArrayLike<T>, mapfn: (v: T, k: number) => U, thisArg?: any): U[];
+                        from<T>(iterable: Iterable<T> | ArrayLike<T>): T[];
+                        from<T, U>(iterable: Iterable<T> | ArrayLike<T>, mapfn: (v: T, k: number) => U, thisArg?: any): U[];
+                        of<T>(...items: T[]): T[];
+                        readonly [Symbol.species]: ArrayConstructor;
+                    })[];
+                    default: string;
+                };
+                clearable: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                disabled: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                disabledDate: {
+                    type: FunctionConstructor;
+                    default: () => void;
+                };
+                disabledBeforeToday: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                disabledAfterToday: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                format: {
+                    type: StringConstructor;
+                    default: string;
+                };
+                locale: {
+                    type: StringConstructor;
+                    default: string;
+                };
+                placeholder: {
+                    type: StringConstructor;
+                    default: string;
+                };
+                range: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                size: {
+                    type: StringConstructor;
+                    default: string;
+                };
+                type: {
+                    type: StringConstructor;
+                    default: string;
+                };
+                required: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                floatingLabel: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+            }>, {
+                calendarPosition: import('vue').Ref<string, string>;
+                datePicker: import('vue').Ref<HTMLElement | null | undefined, HTMLElement | null | undefined>;
+                isOpen: import('vue').Ref<boolean, boolean>;
+                value: import('vue').Ref<string | Date | (string | Date)[], string | Date | (string | Date)[]>;
+                disabledDates: import('vue').ComputedRef<Function | null>;
+                showCustomPlaceholder: import('vue').ComputedRef<boolean>;
+                showFloatingLabel: import('vue').ComputedRef<boolean>;
+                isLabelFloated: import('vue').ComputedRef<boolean>;
+                disableDatesAfterToday: (date: any) => boolean;
+                disableDatesBeforeToday: (date: any) => boolean;
+                getCalendarPosition: () => void;
+            }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, "update:modelValue"[], "update:modelValue", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+                id: {
+                    type: StringConstructor;
+                    default: string;
+                };
+                modelValue: {
+                    type: (StringConstructor | DateConstructor | {
+                        (arrayLength: number): (string | Date)[];
+                        (...items: (string | Date)[]): (string | Date)[];
+                        new (arrayLength: number): (string | Date)[];
+                        new (...items: (string | Date)[]): (string | Date)[];
+                        isArray(arg: any): arg is any[];
+                        readonly prototype: any[];
+                        from<T>(arrayLike: ArrayLike<T>): T[];
+                        from<T, U>(arrayLike: ArrayLike<T>, mapfn: (v: T, k: number) => U, thisArg?: any): U[];
+                        from<T>(iterable: Iterable<T> | ArrayLike<T>): T[];
+                        from<T, U>(iterable: Iterable<T> | ArrayLike<T>, mapfn: (v: T, k: number) => U, thisArg?: any): U[];
+                        of<T>(...items: T[]): T[];
+                        readonly [Symbol.species]: ArrayConstructor;
+                    })[];
+                    default: string;
+                };
+                clearable: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                disabled: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                disabledDate: {
+                    type: FunctionConstructor;
+                    default: () => void;
+                };
+                disabledBeforeToday: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                disabledAfterToday: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                format: {
+                    type: StringConstructor;
+                    default: string;
+                };
+                locale: {
+                    type: StringConstructor;
+                    default: string;
+                };
+                placeholder: {
+                    type: StringConstructor;
+                    default: string;
+                };
+                range: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                size: {
+                    type: StringConstructor;
+                    default: string;
+                };
+                type: {
+                    type: StringConstructor;
+                    default: string;
+                };
+                required: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                floatingLabel: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+            }>> & Readonly<{
+                "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+            }>, {
+                modelValue: string | Date | (string | Date)[];
+                type: string;
+                size: string;
+                placeholder: string;
+                range: boolean;
+                disabled: boolean;
+                disabledDate: Function;
+                locale: string;
+                required: boolean;
+                id: string;
+                floatingLabel: boolean;
+                clearable: boolean;
+                disabledBeforeToday: boolean;
+                disabledAfterToday: boolean;
+                format: string;
+            }, {}, {
+                DatePicker: import('vue').FunctionalComponent<any, any, any, any> & {
+                    locale: (name?: string, object?: import('vue-datepicker-next').Locale | null, isLocal?: boolean) => import('vue-datepicker-next').Locale;
+                    install: (app: import('vue').App<any>) => void;
+                } & {
+                    Calendar: import('vue').DefineComponent<import('vue-datepicker-next').DefinePropsToOptions<{
+                        type?: import('vue-datepicker-next').PickerType | undefined;
+                        value?: Date | Date[] | undefined;
+                        defaultValue?: Date | undefined;
+                        defaultPanel?: import('vue-datepicker-next').PickerType | undefined;
+                        disabledDate?: ((value: Date, innerValue?: Date[] | undefined) => boolean) | undefined;
+                        getClasses?: ((value: Date, innerValue: Date[], classes: string) => string | string[]) | undefined;
+                        calendar?: Date | undefined;
+                        multiple?: boolean | undefined;
+                        partialUpdate?: boolean | undefined;
+                        showWeekNumber?: boolean | undefined;
+                        titleFormat?: string | undefined;
+                        getYearPanel?: (() => number[][]) | undefined;
+                        onDateMouseEnter?: ((value: Date) => void) | undefined;
+                        onDateMouseLeave?: ((value: Date) => void) | undefined;
+                        onCalendarChange?: ((value: Date) => void) | undefined;
+                        onPanelChange?: ((value: import('vue-datepicker-next').PanelType, oldValue: import('vue-datepicker-next').PanelType) => void) | undefined;
+                        onPick?: ((value: Date) => void) | undefined;
+                        "onUpdate:value"?: ((v: any, type: string) => void) | undefined;
+                    }>, () => JSX.Element, {}, import('vue').ComputedOptions, import('vue').MethodOptions, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, Readonly<{
+                        type?: unknown;
+                        value?: unknown;
+                        defaultValue?: unknown;
+                        defaultPanel?: unknown;
+                        disabledDate?: unknown;
+                        getClasses?: unknown;
+                        calendar?: unknown;
+                        multiple?: unknown;
+                        partialUpdate?: unknown;
+                        showWeekNumber?: unknown;
+                        titleFormat?: unknown;
+                        getYearPanel?: unknown;
+                        onDateMouseEnter?: unknown;
+                        onDateMouseLeave?: unknown;
+                        onCalendarChange?: unknown;
+                        onPanelChange?: unknown;
+                        onPick?: unknown;
+                        "onUpdate:value"?: unknown;
+                    } & {} & {
+                        type?: import('vue-datepicker-next').PickerType | undefined;
+                        value?: Date | Date[] | undefined;
+                        multiple?: boolean | undefined;
+                        disabledDate?: ((value: Date, innerValue?: Date[] | undefined) => boolean) | undefined;
+                        "onUpdate:value"?: ((v: any, type: string) => void) | undefined;
+                        calendar?: Date | undefined;
+                        showWeekNumber?: boolean | undefined;
+                        titleFormat?: string | undefined;
+                        onDateMouseEnter?: ((value: Date) => void) | undefined;
+                        onDateMouseLeave?: ((value: Date) => void) | undefined;
+                        getYearPanel?: (() => number[][]) | undefined;
+                        defaultValue?: Date | undefined;
+                        defaultPanel?: import('vue-datepicker-next').PickerType | undefined;
+                        getClasses?: ((value: Date, innerValue: Date[], classes: string) => string | string[]) | undefined;
+                        partialUpdate?: boolean | undefined;
+                        onCalendarChange?: ((value: Date) => void) | undefined;
+                        onPanelChange?: ((value: import('vue-datepicker-next').PanelType, oldValue: import('vue-datepicker-next').PanelType) => void) | undefined;
+                        onPick?: ((value: Date) => void) | undefined;
+                    }>, {}>;
+                    CalendarRange: import('vue').DefineComponent<import('vue-datepicker-next').DefinePropsToOptions<{
+                        value?: Date[] | undefined;
+                        defaultValue?: Date | Date[] | undefined;
+                        calendar?: Date[] | undefined;
+                        onCalendarChange?: ((value: import('vue-datepicker-next').DateRange, index?: number | undefined) => void) | undefined;
+                        "onUpdate:value"?: ((v: Date[], type: string) => void) | undefined;
+                        type?: import('vue-datepicker-next').PickerType | undefined;
+                        multiple?: boolean | undefined;
+                        disabledDate?: ((value: Date, innerValue?: Date[] | undefined) => boolean) | undefined;
+                        showWeekNumber?: boolean | undefined;
+                        titleFormat?: string | undefined;
+                        onDateMouseEnter?: ((value: Date) => void) | undefined;
+                        onDateMouseLeave?: ((value: Date) => void) | undefined;
+                        getYearPanel?: (() => number[][]) | undefined;
+                        defaultPanel?: import('vue-datepicker-next').PickerType | undefined;
+                        getClasses?: ((value: Date, innerValue: Date[], classes: string) => string | string[]) | undefined;
+                        partialUpdate?: boolean | undefined;
+                        onPanelChange?: ((value: import('vue-datepicker-next').PanelType, oldValue: import('vue-datepicker-next').PanelType) => void) | undefined;
+                        onPick?: ((value: Date) => void) | undefined;
+                    }>, () => JSX.Element, {}, import('vue').ComputedOptions, import('vue').MethodOptions, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, Readonly<{
+                        value?: unknown;
+                        defaultValue?: unknown;
+                        calendar?: unknown;
+                        onCalendarChange?: unknown;
+                        "onUpdate:value"?: unknown;
+                        type?: unknown;
+                        multiple?: unknown;
+                        disabledDate?: unknown;
+                        showWeekNumber?: unknown;
+                        titleFormat?: unknown;
+                        onDateMouseEnter?: unknown;
+                        onDateMouseLeave?: unknown;
+                        getYearPanel?: unknown;
+                        defaultPanel?: unknown;
+                        getClasses?: unknown;
+                        partialUpdate?: unknown;
+                        onPanelChange?: unknown;
+                        onPick?: unknown;
+                    } & {} & {
+                        type?: import('vue-datepicker-next').PickerType | undefined;
+                        value?: Date[] | undefined;
+                        multiple?: boolean | undefined;
+                        disabledDate?: ((value: Date, innerValue?: Date[] | undefined) => boolean) | undefined;
+                        "onUpdate:value"?: ((v: Date[], type: string) => void) | undefined;
+                        calendar?: Date[] | undefined;
+                        showWeekNumber?: boolean | undefined;
+                        titleFormat?: string | undefined;
+                        onDateMouseEnter?: ((value: Date) => void) | undefined;
+                        onDateMouseLeave?: ((value: Date) => void) | undefined;
+                        getYearPanel?: (() => number[][]) | undefined;
+                        defaultValue?: Date | Date[] | undefined;
+                        defaultPanel?: import('vue-datepicker-next').PickerType | undefined;
+                        getClasses?: ((value: Date, innerValue: Date[], classes: string) => string | string[]) | undefined;
+                        partialUpdate?: boolean | undefined;
+                        onCalendarChange?: ((value: import('vue-datepicker-next').DateRange, index?: number | undefined) => void) | undefined;
+                        onPanelChange?: ((value: import('vue-datepicker-next').PanelType, oldValue: import('vue-datepicker-next').PanelType) => void) | undefined;
+                        onPick?: ((value: Date) => void) | undefined;
+                    }>, {}>;
+                    TimePanel: import('vue').DefineComponent<import('vue-datepicker-next').DefinePropsToOptions<{
+                        value?: Date | undefined;
+                        defaultValue?: Date | undefined;
+                        format?: string | undefined;
+                        timeTitleFormat?: string | undefined;
+                        showTimeHeader?: boolean | undefined;
+                        disabledTime?: ((v: Date, i?: number | undefined) => boolean) | undefined;
+                        timePickerOptions?: import('vue-datepicker-next').TimePickerOptions | undefined;
+                        hourOptions?: number[] | undefined;
+                        minuteOptions?: number[] | undefined;
+                        secondOptions?: number[] | undefined;
+                        hourStep?: number | undefined;
+                        minuteStep?: number | undefined;
+                        secondStep?: number | undefined;
+                        showHour?: boolean | undefined;
+                        showMinute?: boolean | undefined;
+                        showSecond?: boolean | undefined;
+                        use12h?: boolean | undefined;
+                        scrollDuration?: number | undefined;
+                        onClickTitle?: ((payload: MouseEvent) => void) | undefined;
+                        "onUpdate:value"?: ((value: Date, type: string, index?: number | undefined) => void) | undefined;
+                    }>, () => JSX.Element, {}, import('vue').ComputedOptions, import('vue').MethodOptions, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, Readonly<{
+                        value?: unknown;
+                        defaultValue?: unknown;
+                        format?: unknown;
+                        timeTitleFormat?: unknown;
+                        showTimeHeader?: unknown;
+                        disabledTime?: unknown;
+                        timePickerOptions?: unknown;
+                        hourOptions?: unknown;
+                        minuteOptions?: unknown;
+                        secondOptions?: unknown;
+                        hourStep?: unknown;
+                        minuteStep?: unknown;
+                        secondStep?: unknown;
+                        showHour?: unknown;
+                        showMinute?: unknown;
+                        showSecond?: unknown;
+                        use12h?: unknown;
+                        scrollDuration?: unknown;
+                        onClickTitle?: unknown;
+                        "onUpdate:value"?: unknown;
+                    } & {} & {
+                        value?: Date | undefined;
+                        format?: string | undefined;
+                        "onUpdate:value"?: ((value: Date, type: string, index?: number | undefined) => void) | undefined;
+                        disabledTime?: ((v: Date, i?: number | undefined) => boolean) | undefined;
+                        defaultValue?: Date | undefined;
+                        showHour?: boolean | undefined;
+                        showMinute?: boolean | undefined;
+                        showSecond?: boolean | undefined;
+                        use12h?: boolean | undefined;
+                        timeTitleFormat?: string | undefined;
+                        showTimeHeader?: boolean | undefined;
+                        timePickerOptions?: import('vue-datepicker-next').TimePickerOptions | undefined;
+                        hourOptions?: number[] | undefined;
+                        minuteOptions?: number[] | undefined;
+                        secondOptions?: number[] | undefined;
+                        hourStep?: number | undefined;
+                        minuteStep?: number | undefined;
+                        secondStep?: number | undefined;
+                        scrollDuration?: number | undefined;
+                        onClickTitle?: ((payload: MouseEvent) => void) | undefined;
+                    }>, {}>;
+                    TimeRange: import('vue').DefineComponent<import('vue-datepicker-next').DefinePropsToOptions<{
+                        value?: Date[] | undefined;
+                        defaultValue?: Date | Date[] | undefined;
+                        "onUpdate:value"?: ((value: Date[], type: string, index?: number | undefined) => void) | undefined;
+                        format?: string | undefined;
+                        disabledTime?: ((v: Date, i?: number | undefined) => boolean) | undefined;
+                        showHour?: boolean | undefined;
+                        showMinute?: boolean | undefined;
+                        showSecond?: boolean | undefined;
+                        use12h?: boolean | undefined;
+                        timeTitleFormat?: string | undefined;
+                        showTimeHeader?: boolean | undefined;
+                        timePickerOptions?: import('vue-datepicker-next').TimePickerOptions | undefined;
+                        hourOptions?: number[] | undefined;
+                        minuteOptions?: number[] | undefined;
+                        secondOptions?: number[] | undefined;
+                        hourStep?: number | undefined;
+                        minuteStep?: number | undefined;
+                        secondStep?: number | undefined;
+                        scrollDuration?: number | undefined;
+                        onClickTitle?: ((payload: MouseEvent) => void) | undefined;
+                    }>, () => JSX.Element, {}, import('vue').ComputedOptions, import('vue').MethodOptions, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, Readonly<{
+                        value?: unknown;
+                        defaultValue?: unknown;
+                        "onUpdate:value"?: unknown;
+                        format?: unknown;
+                        disabledTime?: unknown;
+                        showHour?: unknown;
+                        showMinute?: unknown;
+                        showSecond?: unknown;
+                        use12h?: unknown;
+                        timeTitleFormat?: unknown;
+                        showTimeHeader?: unknown;
+                        timePickerOptions?: unknown;
+                        hourOptions?: unknown;
+                        minuteOptions?: unknown;
+                        secondOptions?: unknown;
+                        hourStep?: unknown;
+                        minuteStep?: unknown;
+                        secondStep?: unknown;
+                        scrollDuration?: unknown;
+                        onClickTitle?: unknown;
+                    } & {} & {
+                        value?: Date[] | undefined;
+                        format?: string | undefined;
+                        "onUpdate:value"?: ((value: Date[], type: string, index?: number | undefined) => void) | undefined;
+                        disabledTime?: ((v: Date, i?: number | undefined) => boolean) | undefined;
+                        defaultValue?: Date | Date[] | undefined;
+                        showHour?: boolean | undefined;
+                        showMinute?: boolean | undefined;
+                        showSecond?: boolean | undefined;
+                        use12h?: boolean | undefined;
+                        timeTitleFormat?: string | undefined;
+                        showTimeHeader?: boolean | undefined;
+                        timePickerOptions?: import('vue-datepicker-next').TimePickerOptions | undefined;
+                        hourOptions?: number[] | undefined;
+                        minuteOptions?: number[] | undefined;
+                        secondOptions?: number[] | undefined;
+                        hourStep?: number | undefined;
+                        minuteStep?: number | undefined;
+                        secondStep?: number | undefined;
+                        scrollDuration?: number | undefined;
+                        onClickTitle?: ((payload: MouseEvent) => void) | undefined;
+                    }>, {}>;
+                    DateTime: import('vue').DefineComponent<import('vue-datepicker-next').DefinePropsToOptions<{
+                        showTimePanel?: boolean | undefined;
+                        onShowTimePanelChange?: ((v: boolean) => void) | undefined;
+                        type?: import('vue-datepicker-next').PickerType | undefined;
+                        value?: ((Date | Date[]) & Date) | undefined;
+                        defaultValue?: Date | undefined;
+                        defaultPanel?: import('vue-datepicker-next').PickerType | undefined;
+                        disabledDate?: ((value: Date, innerValue?: Date[] | undefined) => boolean) | undefined;
+                        getClasses?: ((value: Date, innerValue: Date[], classes: string) => string | string[]) | undefined;
+                        calendar?: Date | undefined;
+                        multiple?: boolean | undefined;
+                        partialUpdate?: boolean | undefined;
+                        showWeekNumber?: boolean | undefined;
+                        titleFormat?: string | undefined;
+                        getYearPanel?: (() => number[][]) | undefined;
+                        onDateMouseEnter?: ((value: Date) => void) | undefined;
+                        onDateMouseLeave?: ((value: Date) => void) | undefined;
+                        onCalendarChange?: ((value: Date) => void) | undefined;
+                        onPanelChange?: ((value: import('vue-datepicker-next').PanelType, oldValue: import('vue-datepicker-next').PanelType) => void) | undefined;
+                        onPick?: ((value: Date) => void) | undefined;
+                        "onUpdate:value"?: (((v: any, type: string) => void) & ((value: Date, type: string, index?: number | undefined) => void)) | undefined;
+                        format?: string | undefined;
+                        timeTitleFormat?: string | undefined;
+                        showTimeHeader?: boolean | undefined;
+                        disabledTime?: ((v: Date, i?: number | undefined) => boolean) | undefined;
+                        timePickerOptions?: import('vue-datepicker-next').TimePickerOptions | undefined;
+                        hourOptions?: number[] | undefined;
+                        minuteOptions?: number[] | undefined;
+                        secondOptions?: number[] | undefined;
+                        hourStep?: number | undefined;
+                        minuteStep?: number | undefined;
+                        secondStep?: number | undefined;
+                        showHour?: boolean | undefined;
+                        showMinute?: boolean | undefined;
+                        showSecond?: boolean | undefined;
+                        use12h?: boolean | undefined;
+                        scrollDuration?: number | undefined;
+                        onClickTitle?: ((payload: MouseEvent) => void) | undefined;
+                    }>, () => JSX.Element, {}, import('vue').ComputedOptions, import('vue').MethodOptions, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, Readonly<{
+                        showTimePanel?: unknown;
+                        onShowTimePanelChange?: unknown;
+                        type?: unknown;
+                        value?: unknown;
+                        defaultValue?: unknown;
+                        defaultPanel?: unknown;
+                        disabledDate?: unknown;
+                        getClasses?: unknown;
+                        calendar?: unknown;
+                        multiple?: unknown;
+                        partialUpdate?: unknown;
+                        showWeekNumber?: unknown;
+                        titleFormat?: unknown;
+                        getYearPanel?: unknown;
+                        onDateMouseEnter?: unknown;
+                        onDateMouseLeave?: unknown;
+                        onCalendarChange?: unknown;
+                        onPanelChange?: unknown;
+                        onPick?: unknown;
+                        "onUpdate:value"?: unknown;
+                        format?: unknown;
+                        timeTitleFormat?: unknown;
+                        showTimeHeader?: unknown;
+                        disabledTime?: unknown;
+                        timePickerOptions?: unknown;
+                        hourOptions?: unknown;
+                        minuteOptions?: unknown;
+                        secondOptions?: unknown;
+                        hourStep?: unknown;
+                        minuteStep?: unknown;
+                        secondStep?: unknown;
+                        showHour?: unknown;
+                        showMinute?: unknown;
+                        showSecond?: unknown;
+                        use12h?: unknown;
+                        scrollDuration?: unknown;
+                        onClickTitle?: unknown;
+                    } & {} & {
+                        type?: import('vue-datepicker-next').PickerType | undefined;
+                        value?: ((Date | Date[]) & Date) | undefined;
+                        multiple?: boolean | undefined;
+                        format?: string | undefined;
+                        disabledDate?: ((value: Date, innerValue?: Date[] | undefined) => boolean) | undefined;
+                        "onUpdate:value"?: (((v: any, type: string) => void) & ((value: Date, type: string, index?: number | undefined) => void)) | undefined;
+                        disabledTime?: ((v: Date, i?: number | undefined) => boolean) | undefined;
+                        calendar?: Date | undefined;
+                        showWeekNumber?: boolean | undefined;
+                        titleFormat?: string | undefined;
+                        onDateMouseEnter?: ((value: Date) => void) | undefined;
+                        onDateMouseLeave?: ((value: Date) => void) | undefined;
+                        getYearPanel?: (() => number[][]) | undefined;
+                        defaultValue?: Date | undefined;
+                        defaultPanel?: import('vue-datepicker-next').PickerType | undefined;
+                        getClasses?: ((value: Date, innerValue: Date[], classes: string) => string | string[]) | undefined;
+                        partialUpdate?: boolean | undefined;
+                        onCalendarChange?: ((value: Date) => void) | undefined;
+                        onPanelChange?: ((value: import('vue-datepicker-next').PanelType, oldValue: import('vue-datepicker-next').PanelType) => void) | undefined;
+                        onPick?: ((value: Date) => void) | undefined;
+                        showHour?: boolean | undefined;
+                        showMinute?: boolean | undefined;
+                        showSecond?: boolean | undefined;
+                        use12h?: boolean | undefined;
+                        timeTitleFormat?: string | undefined;
+                        showTimeHeader?: boolean | undefined;
+                        timePickerOptions?: import('vue-datepicker-next').TimePickerOptions | undefined;
+                        hourOptions?: number[] | undefined;
+                        minuteOptions?: number[] | undefined;
+                        secondOptions?: number[] | undefined;
+                        hourStep?: number | undefined;
+                        minuteStep?: number | undefined;
+                        secondStep?: number | undefined;
+                        scrollDuration?: number | undefined;
+                        onClickTitle?: ((payload: MouseEvent) => void) | undefined;
+                        showTimePanel?: boolean | undefined;
+                        onShowTimePanelChange?: ((v: boolean) => void) | undefined;
+                    }>, {}>;
+                    DateTimeRange: import('vue').DefineComponent<import('vue-datepicker-next').DefinePropsToOptions<{
+                        showTimePanel?: boolean | undefined;
+                        onShowTimePanelChange?: ((v: boolean) => void) | undefined;
+                        value?: Date[] | undefined;
+                        defaultValue?: Date | Date[] | undefined;
+                        "onUpdate:value"?: (((value: Date[], type: string, index?: number | undefined) => void) & ((v: Date[], type: string) => void)) | undefined;
+                        format?: string | undefined;
+                        disabledTime?: ((v: Date, i?: number | undefined) => boolean) | undefined;
+                        showHour?: boolean | undefined;
+                        showMinute?: boolean | undefined;
+                        showSecond?: boolean | undefined;
+                        use12h?: boolean | undefined;
+                        timeTitleFormat?: string | undefined;
+                        showTimeHeader?: boolean | undefined;
+                        timePickerOptions?: import('vue-datepicker-next').TimePickerOptions | undefined;
+                        hourOptions?: number[] | undefined;
+                        minuteOptions?: number[] | undefined;
+                        secondOptions?: number[] | undefined;
+                        hourStep?: number | undefined;
+                        minuteStep?: number | undefined;
+                        secondStep?: number | undefined;
+                        scrollDuration?: number | undefined;
+                        onClickTitle?: ((payload: MouseEvent) => void) | undefined;
+                        calendar?: Date[] | undefined;
+                        onCalendarChange?: ((value: import('vue-datepicker-next').DateRange, index?: number | undefined) => void) | undefined;
+                        type?: import('vue-datepicker-next').PickerType | undefined;
+                        multiple?: boolean | undefined;
+                        disabledDate?: ((value: Date, innerValue?: Date[] | undefined) => boolean) | undefined;
+                        showWeekNumber?: boolean | undefined;
+                        titleFormat?: string | undefined;
+                        onDateMouseEnter?: ((value: Date) => void) | undefined;
+                        onDateMouseLeave?: ((value: Date) => void) | undefined;
+                        getYearPanel?: (() => number[][]) | undefined;
+                        defaultPanel?: import('vue-datepicker-next').PickerType | undefined;
+                        getClasses?: ((value: Date, innerValue: Date[], classes: string) => string | string[]) | undefined;
+                        partialUpdate?: boolean | undefined;
+                        onPanelChange?: ((value: import('vue-datepicker-next').PanelType, oldValue: import('vue-datepicker-next').PanelType) => void) | undefined;
+                        onPick?: ((value: Date) => void) | undefined;
+                    }>, () => JSX.Element, {}, import('vue').ComputedOptions, import('vue').MethodOptions, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, Readonly<{
+                        showTimePanel?: unknown;
+                        onShowTimePanelChange?: unknown;
+                        value?: unknown;
+                        defaultValue?: unknown;
+                        "onUpdate:value"?: unknown;
+                        format?: unknown;
+                        disabledTime?: unknown;
+                        showHour?: unknown;
+                        showMinute?: unknown;
+                        showSecond?: unknown;
+                        use12h?: unknown;
+                        timeTitleFormat?: unknown;
+                        showTimeHeader?: unknown;
+                        timePickerOptions?: unknown;
+                        hourOptions?: unknown;
+                        minuteOptions?: unknown;
+                        secondOptions?: unknown;
+                        hourStep?: unknown;
+                        minuteStep?: unknown;
+                        secondStep?: unknown;
+                        scrollDuration?: unknown;
+                        onClickTitle?: unknown;
+                        calendar?: unknown;
+                        onCalendarChange?: unknown;
+                        type?: unknown;
+                        multiple?: unknown;
+                        disabledDate?: unknown;
+                        showWeekNumber?: unknown;
+                        titleFormat?: unknown;
+                        onDateMouseEnter?: unknown;
+                        onDateMouseLeave?: unknown;
+                        getYearPanel?: unknown;
+                        defaultPanel?: unknown;
+                        getClasses?: unknown;
+                        partialUpdate?: unknown;
+                        onPanelChange?: unknown;
+                        onPick?: unknown;
+                    } & {} & {
+                        type?: import('vue-datepicker-next').PickerType | undefined;
+                        value?: Date[] | undefined;
+                        multiple?: boolean | undefined;
+                        format?: string | undefined;
+                        disabledDate?: ((value: Date, innerValue?: Date[] | undefined) => boolean) | undefined;
+                        "onUpdate:value"?: (((value: Date[], type: string, index?: number | undefined) => void) & ((v: Date[], type: string) => void)) | undefined;
+                        disabledTime?: ((v: Date, i?: number | undefined) => boolean) | undefined;
+                        calendar?: Date[] | undefined;
+                        showWeekNumber?: boolean | undefined;
+                        titleFormat?: string | undefined;
+                        onDateMouseEnter?: ((value: Date) => void) | undefined;
+                        onDateMouseLeave?: ((value: Date) => void) | undefined;
+                        getYearPanel?: (() => number[][]) | undefined;
+                        defaultValue?: Date | Date[] | undefined;
+                        defaultPanel?: import('vue-datepicker-next').PickerType | undefined;
+                        getClasses?: ((value: Date, innerValue: Date[], classes: string) => string | string[]) | undefined;
+                        partialUpdate?: boolean | undefined;
+                        onCalendarChange?: ((value: import('vue-datepicker-next').DateRange, index?: number | undefined) => void) | undefined;
+                        onPanelChange?: ((value: import('vue-datepicker-next').PanelType, oldValue: import('vue-datepicker-next').PanelType) => void) | undefined;
+                        onPick?: ((value: Date) => void) | undefined;
+                        showHour?: boolean | undefined;
+                        showMinute?: boolean | undefined;
+                        showSecond?: boolean | undefined;
+                        use12h?: boolean | undefined;
+                        timeTitleFormat?: string | undefined;
+                        showTimeHeader?: boolean | undefined;
+                        timePickerOptions?: import('vue-datepicker-next').TimePickerOptions | undefined;
+                        hourOptions?: number[] | undefined;
+                        minuteOptions?: number[] | undefined;
+                        secondOptions?: number[] | undefined;
+                        hourStep?: number | undefined;
+                        minuteStep?: number | undefined;
+                        secondStep?: number | undefined;
+                        scrollDuration?: number | undefined;
+                        onClickTitle?: ((payload: MouseEvent) => void) | undefined;
+                        showTimePanel?: boolean | undefined;
+                        onShowTimePanelChange?: ((v: boolean) => void) | undefined;
+                    }>, {}>;
+                };
+            }, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+        };
+        setup(this: void): {
+            args: Args;
+        };
+        template: string;
+    };
+    args: {
+        id: string;
+        modelValue: string;
+        placeholder: string;
+        floatingLabel: true;
+        required: true;
+    };
+};
+export declare const FloatingLabelWithValue: {
+    name: string;
+    render: (args: Args) => {
+        components: {
+            QDatePicker: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+                id: {
+                    type: StringConstructor;
+                    default: string;
+                };
+                modelValue: {
+                    type: (StringConstructor | DateConstructor | {
+                        (arrayLength: number): (string | Date)[];
+                        (...items: (string | Date)[]): (string | Date)[];
+                        new (arrayLength: number): (string | Date)[];
+                        new (...items: (string | Date)[]): (string | Date)[];
+                        isArray(arg: any): arg is any[];
+                        readonly prototype: any[];
+                        from<T>(arrayLike: ArrayLike<T>): T[];
+                        from<T, U>(arrayLike: ArrayLike<T>, mapfn: (v: T, k: number) => U, thisArg?: any): U[];
+                        from<T>(iterable: Iterable<T> | ArrayLike<T>): T[];
+                        from<T, U>(iterable: Iterable<T> | ArrayLike<T>, mapfn: (v: T, k: number) => U, thisArg?: any): U[];
+                        of<T>(...items: T[]): T[];
+                        readonly [Symbol.species]: ArrayConstructor;
+                    })[];
+                    default: string;
+                };
+                clearable: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                disabled: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                disabledDate: {
+                    type: FunctionConstructor;
+                    default: () => void;
+                };
+                disabledBeforeToday: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                disabledAfterToday: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                format: {
+                    type: StringConstructor;
+                    default: string;
+                };
+                locale: {
+                    type: StringConstructor;
+                    default: string;
+                };
+                placeholder: {
+                    type: StringConstructor;
+                    default: string;
+                };
+                range: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                size: {
+                    type: StringConstructor;
+                    default: string;
+                };
+                type: {
+                    type: StringConstructor;
+                    default: string;
+                };
+                required: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                floatingLabel: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+            }>, {
+                calendarPosition: import('vue').Ref<string, string>;
+                datePicker: import('vue').Ref<HTMLElement | null | undefined, HTMLElement | null | undefined>;
+                isOpen: import('vue').Ref<boolean, boolean>;
+                value: import('vue').Ref<string | Date | (string | Date)[], string | Date | (string | Date)[]>;
+                disabledDates: import('vue').ComputedRef<Function | null>;
+                showCustomPlaceholder: import('vue').ComputedRef<boolean>;
+                showFloatingLabel: import('vue').ComputedRef<boolean>;
+                isLabelFloated: import('vue').ComputedRef<boolean>;
+                disableDatesAfterToday: (date: any) => boolean;
+                disableDatesBeforeToday: (date: any) => boolean;
+                getCalendarPosition: () => void;
+            }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, "update:modelValue"[], "update:modelValue", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+                id: {
+                    type: StringConstructor;
+                    default: string;
+                };
+                modelValue: {
+                    type: (StringConstructor | DateConstructor | {
+                        (arrayLength: number): (string | Date)[];
+                        (...items: (string | Date)[]): (string | Date)[];
+                        new (arrayLength: number): (string | Date)[];
+                        new (...items: (string | Date)[]): (string | Date)[];
+                        isArray(arg: any): arg is any[];
+                        readonly prototype: any[];
+                        from<T>(arrayLike: ArrayLike<T>): T[];
+                        from<T, U>(arrayLike: ArrayLike<T>, mapfn: (v: T, k: number) => U, thisArg?: any): U[];
+                        from<T>(iterable: Iterable<T> | ArrayLike<T>): T[];
+                        from<T, U>(iterable: Iterable<T> | ArrayLike<T>, mapfn: (v: T, k: number) => U, thisArg?: any): U[];
+                        of<T>(...items: T[]): T[];
+                        readonly [Symbol.species]: ArrayConstructor;
+                    })[];
+                    default: string;
+                };
+                clearable: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                disabled: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                disabledDate: {
+                    type: FunctionConstructor;
+                    default: () => void;
+                };
+                disabledBeforeToday: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                disabledAfterToday: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                format: {
+                    type: StringConstructor;
+                    default: string;
+                };
+                locale: {
+                    type: StringConstructor;
+                    default: string;
+                };
+                placeholder: {
+                    type: StringConstructor;
+                    default: string;
+                };
+                range: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                size: {
+                    type: StringConstructor;
+                    default: string;
+                };
+                type: {
+                    type: StringConstructor;
+                    default: string;
+                };
+                required: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                floatingLabel: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+            }>> & Readonly<{
+                "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+            }>, {
+                modelValue: string | Date | (string | Date)[];
+                type: string;
+                size: string;
+                placeholder: string;
+                range: boolean;
+                disabled: boolean;
+                disabledDate: Function;
+                locale: string;
+                required: boolean;
+                id: string;
+                floatingLabel: boolean;
+                clearable: boolean;
+                disabledBeforeToday: boolean;
+                disabledAfterToday: boolean;
+                format: string;
+            }, {}, {
+                DatePicker: import('vue').FunctionalComponent<any, any, any, any> & {
+                    locale: (name?: string, object?: import('vue-datepicker-next').Locale | null, isLocal?: boolean) => import('vue-datepicker-next').Locale;
+                    install: (app: import('vue').App<any>) => void;
+                } & {
+                    Calendar: import('vue').DefineComponent<import('vue-datepicker-next').DefinePropsToOptions<{
+                        type?: import('vue-datepicker-next').PickerType | undefined;
+                        value?: Date | Date[] | undefined;
+                        defaultValue?: Date | undefined;
+                        defaultPanel?: import('vue-datepicker-next').PickerType | undefined;
+                        disabledDate?: ((value: Date, innerValue?: Date[] | undefined) => boolean) | undefined;
+                        getClasses?: ((value: Date, innerValue: Date[], classes: string) => string | string[]) | undefined;
+                        calendar?: Date | undefined;
+                        multiple?: boolean | undefined;
+                        partialUpdate?: boolean | undefined;
+                        showWeekNumber?: boolean | undefined;
+                        titleFormat?: string | undefined;
+                        getYearPanel?: (() => number[][]) | undefined;
+                        onDateMouseEnter?: ((value: Date) => void) | undefined;
+                        onDateMouseLeave?: ((value: Date) => void) | undefined;
+                        onCalendarChange?: ((value: Date) => void) | undefined;
+                        onPanelChange?: ((value: import('vue-datepicker-next').PanelType, oldValue: import('vue-datepicker-next').PanelType) => void) | undefined;
+                        onPick?: ((value: Date) => void) | undefined;
+                        "onUpdate:value"?: ((v: any, type: string) => void) | undefined;
+                    }>, () => JSX.Element, {}, import('vue').ComputedOptions, import('vue').MethodOptions, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, Readonly<{
+                        type?: unknown;
+                        value?: unknown;
+                        defaultValue?: unknown;
+                        defaultPanel?: unknown;
+                        disabledDate?: unknown;
+                        getClasses?: unknown;
+                        calendar?: unknown;
+                        multiple?: unknown;
+                        partialUpdate?: unknown;
+                        showWeekNumber?: unknown;
+                        titleFormat?: unknown;
+                        getYearPanel?: unknown;
+                        onDateMouseEnter?: unknown;
+                        onDateMouseLeave?: unknown;
+                        onCalendarChange?: unknown;
+                        onPanelChange?: unknown;
+                        onPick?: unknown;
+                        "onUpdate:value"?: unknown;
+                    } & {} & {
+                        type?: import('vue-datepicker-next').PickerType | undefined;
+                        value?: Date | Date[] | undefined;
+                        multiple?: boolean | undefined;
+                        disabledDate?: ((value: Date, innerValue?: Date[] | undefined) => boolean) | undefined;
+                        "onUpdate:value"?: ((v: any, type: string) => void) | undefined;
+                        calendar?: Date | undefined;
+                        showWeekNumber?: boolean | undefined;
+                        titleFormat?: string | undefined;
+                        onDateMouseEnter?: ((value: Date) => void) | undefined;
+                        onDateMouseLeave?: ((value: Date) => void) | undefined;
+                        getYearPanel?: (() => number[][]) | undefined;
+                        defaultValue?: Date | undefined;
+                        defaultPanel?: import('vue-datepicker-next').PickerType | undefined;
+                        getClasses?: ((value: Date, innerValue: Date[], classes: string) => string | string[]) | undefined;
+                        partialUpdate?: boolean | undefined;
+                        onCalendarChange?: ((value: Date) => void) | undefined;
+                        onPanelChange?: ((value: import('vue-datepicker-next').PanelType, oldValue: import('vue-datepicker-next').PanelType) => void) | undefined;
+                        onPick?: ((value: Date) => void) | undefined;
+                    }>, {}>;
+                    CalendarRange: import('vue').DefineComponent<import('vue-datepicker-next').DefinePropsToOptions<{
+                        value?: Date[] | undefined;
+                        defaultValue?: Date | Date[] | undefined;
+                        calendar?: Date[] | undefined;
+                        onCalendarChange?: ((value: import('vue-datepicker-next').DateRange, index?: number | undefined) => void) | undefined;
+                        "onUpdate:value"?: ((v: Date[], type: string) => void) | undefined;
+                        type?: import('vue-datepicker-next').PickerType | undefined;
+                        multiple?: boolean | undefined;
+                        disabledDate?: ((value: Date, innerValue?: Date[] | undefined) => boolean) | undefined;
+                        showWeekNumber?: boolean | undefined;
+                        titleFormat?: string | undefined;
+                        onDateMouseEnter?: ((value: Date) => void) | undefined;
+                        onDateMouseLeave?: ((value: Date) => void) | undefined;
+                        getYearPanel?: (() => number[][]) | undefined;
+                        defaultPanel?: import('vue-datepicker-next').PickerType | undefined;
+                        getClasses?: ((value: Date, innerValue: Date[], classes: string) => string | string[]) | undefined;
+                        partialUpdate?: boolean | undefined;
+                        onPanelChange?: ((value: import('vue-datepicker-next').PanelType, oldValue: import('vue-datepicker-next').PanelType) => void) | undefined;
+                        onPick?: ((value: Date) => void) | undefined;
+                    }>, () => JSX.Element, {}, import('vue').ComputedOptions, import('vue').MethodOptions, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, Readonly<{
+                        value?: unknown;
+                        defaultValue?: unknown;
+                        calendar?: unknown;
+                        onCalendarChange?: unknown;
+                        "onUpdate:value"?: unknown;
+                        type?: unknown;
+                        multiple?: unknown;
+                        disabledDate?: unknown;
+                        showWeekNumber?: unknown;
+                        titleFormat?: unknown;
+                        onDateMouseEnter?: unknown;
+                        onDateMouseLeave?: unknown;
+                        getYearPanel?: unknown;
+                        defaultPanel?: unknown;
+                        getClasses?: unknown;
+                        partialUpdate?: unknown;
+                        onPanelChange?: unknown;
+                        onPick?: unknown;
+                    } & {} & {
+                        type?: import('vue-datepicker-next').PickerType | undefined;
+                        value?: Date[] | undefined;
+                        multiple?: boolean | undefined;
+                        disabledDate?: ((value: Date, innerValue?: Date[] | undefined) => boolean) | undefined;
+                        "onUpdate:value"?: ((v: Date[], type: string) => void) | undefined;
+                        calendar?: Date[] | undefined;
+                        showWeekNumber?: boolean | undefined;
+                        titleFormat?: string | undefined;
+                        onDateMouseEnter?: ((value: Date) => void) | undefined;
+                        onDateMouseLeave?: ((value: Date) => void) | undefined;
+                        getYearPanel?: (() => number[][]) | undefined;
+                        defaultValue?: Date | Date[] | undefined;
+                        defaultPanel?: import('vue-datepicker-next').PickerType | undefined;
+                        getClasses?: ((value: Date, innerValue: Date[], classes: string) => string | string[]) | undefined;
+                        partialUpdate?: boolean | undefined;
+                        onCalendarChange?: ((value: import('vue-datepicker-next').DateRange, index?: number | undefined) => void) | undefined;
+                        onPanelChange?: ((value: import('vue-datepicker-next').PanelType, oldValue: import('vue-datepicker-next').PanelType) => void) | undefined;
+                        onPick?: ((value: Date) => void) | undefined;
+                    }>, {}>;
+                    TimePanel: import('vue').DefineComponent<import('vue-datepicker-next').DefinePropsToOptions<{
+                        value?: Date | undefined;
+                        defaultValue?: Date | undefined;
+                        format?: string | undefined;
+                        timeTitleFormat?: string | undefined;
+                        showTimeHeader?: boolean | undefined;
+                        disabledTime?: ((v: Date, i?: number | undefined) => boolean) | undefined;
+                        timePickerOptions?: import('vue-datepicker-next').TimePickerOptions | undefined;
+                        hourOptions?: number[] | undefined;
+                        minuteOptions?: number[] | undefined;
+                        secondOptions?: number[] | undefined;
+                        hourStep?: number | undefined;
+                        minuteStep?: number | undefined;
+                        secondStep?: number | undefined;
+                        showHour?: boolean | undefined;
+                        showMinute?: boolean | undefined;
+                        showSecond?: boolean | undefined;
+                        use12h?: boolean | undefined;
+                        scrollDuration?: number | undefined;
+                        onClickTitle?: ((payload: MouseEvent) => void) | undefined;
+                        "onUpdate:value"?: ((value: Date, type: string, index?: number | undefined) => void) | undefined;
+                    }>, () => JSX.Element, {}, import('vue').ComputedOptions, import('vue').MethodOptions, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, Readonly<{
+                        value?: unknown;
+                        defaultValue?: unknown;
+                        format?: unknown;
+                        timeTitleFormat?: unknown;
+                        showTimeHeader?: unknown;
+                        disabledTime?: unknown;
+                        timePickerOptions?: unknown;
+                        hourOptions?: unknown;
+                        minuteOptions?: unknown;
+                        secondOptions?: unknown;
+                        hourStep?: unknown;
+                        minuteStep?: unknown;
+                        secondStep?: unknown;
+                        showHour?: unknown;
+                        showMinute?: unknown;
+                        showSecond?: unknown;
+                        use12h?: unknown;
+                        scrollDuration?: unknown;
+                        onClickTitle?: unknown;
+                        "onUpdate:value"?: unknown;
+                    } & {} & {
+                        value?: Date | undefined;
+                        format?: string | undefined;
+                        "onUpdate:value"?: ((value: Date, type: string, index?: number | undefined) => void) | undefined;
+                        disabledTime?: ((v: Date, i?: number | undefined) => boolean) | undefined;
+                        defaultValue?: Date | undefined;
+                        showHour?: boolean | undefined;
+                        showMinute?: boolean | undefined;
+                        showSecond?: boolean | undefined;
+                        use12h?: boolean | undefined;
+                        timeTitleFormat?: string | undefined;
+                        showTimeHeader?: boolean | undefined;
+                        timePickerOptions?: import('vue-datepicker-next').TimePickerOptions | undefined;
+                        hourOptions?: number[] | undefined;
+                        minuteOptions?: number[] | undefined;
+                        secondOptions?: number[] | undefined;
+                        hourStep?: number | undefined;
+                        minuteStep?: number | undefined;
+                        secondStep?: number | undefined;
+                        scrollDuration?: number | undefined;
+                        onClickTitle?: ((payload: MouseEvent) => void) | undefined;
+                    }>, {}>;
+                    TimeRange: import('vue').DefineComponent<import('vue-datepicker-next').DefinePropsToOptions<{
+                        value?: Date[] | undefined;
+                        defaultValue?: Date | Date[] | undefined;
+                        "onUpdate:value"?: ((value: Date[], type: string, index?: number | undefined) => void) | undefined;
+                        format?: string | undefined;
+                        disabledTime?: ((v: Date, i?: number | undefined) => boolean) | undefined;
+                        showHour?: boolean | undefined;
+                        showMinute?: boolean | undefined;
+                        showSecond?: boolean | undefined;
+                        use12h?: boolean | undefined;
+                        timeTitleFormat?: string | undefined;
+                        showTimeHeader?: boolean | undefined;
+                        timePickerOptions?: import('vue-datepicker-next').TimePickerOptions | undefined;
+                        hourOptions?: number[] | undefined;
+                        minuteOptions?: number[] | undefined;
+                        secondOptions?: number[] | undefined;
+                        hourStep?: number | undefined;
+                        minuteStep?: number | undefined;
+                        secondStep?: number | undefined;
+                        scrollDuration?: number | undefined;
+                        onClickTitle?: ((payload: MouseEvent) => void) | undefined;
+                    }>, () => JSX.Element, {}, import('vue').ComputedOptions, import('vue').MethodOptions, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, Readonly<{
+                        value?: unknown;
+                        defaultValue?: unknown;
+                        "onUpdate:value"?: unknown;
+                        format?: unknown;
+                        disabledTime?: unknown;
+                        showHour?: unknown;
+                        showMinute?: unknown;
+                        showSecond?: unknown;
+                        use12h?: unknown;
+                        timeTitleFormat?: unknown;
+                        showTimeHeader?: unknown;
+                        timePickerOptions?: unknown;
+                        hourOptions?: unknown;
+                        minuteOptions?: unknown;
+                        secondOptions?: unknown;
+                        hourStep?: unknown;
+                        minuteStep?: unknown;
+                        secondStep?: unknown;
+                        scrollDuration?: unknown;
+                        onClickTitle?: unknown;
+                    } & {} & {
+                        value?: Date[] | undefined;
+                        format?: string | undefined;
+                        "onUpdate:value"?: ((value: Date[], type: string, index?: number | undefined) => void) | undefined;
+                        disabledTime?: ((v: Date, i?: number | undefined) => boolean) | undefined;
+                        defaultValue?: Date | Date[] | undefined;
+                        showHour?: boolean | undefined;
+                        showMinute?: boolean | undefined;
+                        showSecond?: boolean | undefined;
+                        use12h?: boolean | undefined;
+                        timeTitleFormat?: string | undefined;
+                        showTimeHeader?: boolean | undefined;
+                        timePickerOptions?: import('vue-datepicker-next').TimePickerOptions | undefined;
+                        hourOptions?: number[] | undefined;
+                        minuteOptions?: number[] | undefined;
+                        secondOptions?: number[] | undefined;
+                        hourStep?: number | undefined;
+                        minuteStep?: number | undefined;
+                        secondStep?: number | undefined;
+                        scrollDuration?: number | undefined;
+                        onClickTitle?: ((payload: MouseEvent) => void) | undefined;
+                    }>, {}>;
+                    DateTime: import('vue').DefineComponent<import('vue-datepicker-next').DefinePropsToOptions<{
+                        showTimePanel?: boolean | undefined;
+                        onShowTimePanelChange?: ((v: boolean) => void) | undefined;
+                        type?: import('vue-datepicker-next').PickerType | undefined;
+                        value?: ((Date | Date[]) & Date) | undefined;
+                        defaultValue?: Date | undefined;
+                        defaultPanel?: import('vue-datepicker-next').PickerType | undefined;
+                        disabledDate?: ((value: Date, innerValue?: Date[] | undefined) => boolean) | undefined;
+                        getClasses?: ((value: Date, innerValue: Date[], classes: string) => string | string[]) | undefined;
+                        calendar?: Date | undefined;
+                        multiple?: boolean | undefined;
+                        partialUpdate?: boolean | undefined;
+                        showWeekNumber?: boolean | undefined;
+                        titleFormat?: string | undefined;
+                        getYearPanel?: (() => number[][]) | undefined;
+                        onDateMouseEnter?: ((value: Date) => void) | undefined;
+                        onDateMouseLeave?: ((value: Date) => void) | undefined;
+                        onCalendarChange?: ((value: Date) => void) | undefined;
+                        onPanelChange?: ((value: import('vue-datepicker-next').PanelType, oldValue: import('vue-datepicker-next').PanelType) => void) | undefined;
+                        onPick?: ((value: Date) => void) | undefined;
+                        "onUpdate:value"?: (((v: any, type: string) => void) & ((value: Date, type: string, index?: number | undefined) => void)) | undefined;
+                        format?: string | undefined;
+                        timeTitleFormat?: string | undefined;
+                        showTimeHeader?: boolean | undefined;
+                        disabledTime?: ((v: Date, i?: number | undefined) => boolean) | undefined;
+                        timePickerOptions?: import('vue-datepicker-next').TimePickerOptions | undefined;
+                        hourOptions?: number[] | undefined;
+                        minuteOptions?: number[] | undefined;
+                        secondOptions?: number[] | undefined;
+                        hourStep?: number | undefined;
+                        minuteStep?: number | undefined;
+                        secondStep?: number | undefined;
+                        showHour?: boolean | undefined;
+                        showMinute?: boolean | undefined;
+                        showSecond?: boolean | undefined;
+                        use12h?: boolean | undefined;
+                        scrollDuration?: number | undefined;
+                        onClickTitle?: ((payload: MouseEvent) => void) | undefined;
+                    }>, () => JSX.Element, {}, import('vue').ComputedOptions, import('vue').MethodOptions, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, Readonly<{
+                        showTimePanel?: unknown;
+                        onShowTimePanelChange?: unknown;
+                        type?: unknown;
+                        value?: unknown;
+                        defaultValue?: unknown;
+                        defaultPanel?: unknown;
+                        disabledDate?: unknown;
+                        getClasses?: unknown;
+                        calendar?: unknown;
+                        multiple?: unknown;
+                        partialUpdate?: unknown;
+                        showWeekNumber?: unknown;
+                        titleFormat?: unknown;
+                        getYearPanel?: unknown;
+                        onDateMouseEnter?: unknown;
+                        onDateMouseLeave?: unknown;
+                        onCalendarChange?: unknown;
+                        onPanelChange?: unknown;
+                        onPick?: unknown;
+                        "onUpdate:value"?: unknown;
+                        format?: unknown;
+                        timeTitleFormat?: unknown;
+                        showTimeHeader?: unknown;
+                        disabledTime?: unknown;
+                        timePickerOptions?: unknown;
+                        hourOptions?: unknown;
+                        minuteOptions?: unknown;
+                        secondOptions?: unknown;
+                        hourStep?: unknown;
+                        minuteStep?: unknown;
+                        secondStep?: unknown;
+                        showHour?: unknown;
+                        showMinute?: unknown;
+                        showSecond?: unknown;
+                        use12h?: unknown;
+                        scrollDuration?: unknown;
+                        onClickTitle?: unknown;
+                    } & {} & {
+                        type?: import('vue-datepicker-next').PickerType | undefined;
+                        value?: ((Date | Date[]) & Date) | undefined;
+                        multiple?: boolean | undefined;
+                        format?: string | undefined;
+                        disabledDate?: ((value: Date, innerValue?: Date[] | undefined) => boolean) | undefined;
+                        "onUpdate:value"?: (((v: any, type: string) => void) & ((value: Date, type: string, index?: number | undefined) => void)) | undefined;
+                        disabledTime?: ((v: Date, i?: number | undefined) => boolean) | undefined;
+                        calendar?: Date | undefined;
+                        showWeekNumber?: boolean | undefined;
+                        titleFormat?: string | undefined;
+                        onDateMouseEnter?: ((value: Date) => void) | undefined;
+                        onDateMouseLeave?: ((value: Date) => void) | undefined;
+                        getYearPanel?: (() => number[][]) | undefined;
+                        defaultValue?: Date | undefined;
+                        defaultPanel?: import('vue-datepicker-next').PickerType | undefined;
+                        getClasses?: ((value: Date, innerValue: Date[], classes: string) => string | string[]) | undefined;
+                        partialUpdate?: boolean | undefined;
+                        onCalendarChange?: ((value: Date) => void) | undefined;
+                        onPanelChange?: ((value: import('vue-datepicker-next').PanelType, oldValue: import('vue-datepicker-next').PanelType) => void) | undefined;
+                        onPick?: ((value: Date) => void) | undefined;
+                        showHour?: boolean | undefined;
+                        showMinute?: boolean | undefined;
+                        showSecond?: boolean | undefined;
+                        use12h?: boolean | undefined;
+                        timeTitleFormat?: string | undefined;
+                        showTimeHeader?: boolean | undefined;
+                        timePickerOptions?: import('vue-datepicker-next').TimePickerOptions | undefined;
+                        hourOptions?: number[] | undefined;
+                        minuteOptions?: number[] | undefined;
+                        secondOptions?: number[] | undefined;
+                        hourStep?: number | undefined;
+                        minuteStep?: number | undefined;
+                        secondStep?: number | undefined;
+                        scrollDuration?: number | undefined;
+                        onClickTitle?: ((payload: MouseEvent) => void) | undefined;
+                        showTimePanel?: boolean | undefined;
+                        onShowTimePanelChange?: ((v: boolean) => void) | undefined;
+                    }>, {}>;
+                    DateTimeRange: import('vue').DefineComponent<import('vue-datepicker-next').DefinePropsToOptions<{
+                        showTimePanel?: boolean | undefined;
+                        onShowTimePanelChange?: ((v: boolean) => void) | undefined;
+                        value?: Date[] | undefined;
+                        defaultValue?: Date | Date[] | undefined;
+                        "onUpdate:value"?: (((value: Date[], type: string, index?: number | undefined) => void) & ((v: Date[], type: string) => void)) | undefined;
+                        format?: string | undefined;
+                        disabledTime?: ((v: Date, i?: number | undefined) => boolean) | undefined;
+                        showHour?: boolean | undefined;
+                        showMinute?: boolean | undefined;
+                        showSecond?: boolean | undefined;
+                        use12h?: boolean | undefined;
+                        timeTitleFormat?: string | undefined;
+                        showTimeHeader?: boolean | undefined;
+                        timePickerOptions?: import('vue-datepicker-next').TimePickerOptions | undefined;
+                        hourOptions?: number[] | undefined;
+                        minuteOptions?: number[] | undefined;
+                        secondOptions?: number[] | undefined;
+                        hourStep?: number | undefined;
+                        minuteStep?: number | undefined;
+                        secondStep?: number | undefined;
+                        scrollDuration?: number | undefined;
+                        onClickTitle?: ((payload: MouseEvent) => void) | undefined;
+                        calendar?: Date[] | undefined;
+                        onCalendarChange?: ((value: import('vue-datepicker-next').DateRange, index?: number | undefined) => void) | undefined;
+                        type?: import('vue-datepicker-next').PickerType | undefined;
+                        multiple?: boolean | undefined;
+                        disabledDate?: ((value: Date, innerValue?: Date[] | undefined) => boolean) | undefined;
+                        showWeekNumber?: boolean | undefined;
+                        titleFormat?: string | undefined;
+                        onDateMouseEnter?: ((value: Date) => void) | undefined;
+                        onDateMouseLeave?: ((value: Date) => void) | undefined;
+                        getYearPanel?: (() => number[][]) | undefined;
+                        defaultPanel?: import('vue-datepicker-next').PickerType | undefined;
+                        getClasses?: ((value: Date, innerValue: Date[], classes: string) => string | string[]) | undefined;
+                        partialUpdate?: boolean | undefined;
+                        onPanelChange?: ((value: import('vue-datepicker-next').PanelType, oldValue: import('vue-datepicker-next').PanelType) => void) | undefined;
+                        onPick?: ((value: Date) => void) | undefined;
+                    }>, () => JSX.Element, {}, import('vue').ComputedOptions, import('vue').MethodOptions, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, Readonly<{
+                        showTimePanel?: unknown;
+                        onShowTimePanelChange?: unknown;
+                        value?: unknown;
+                        defaultValue?: unknown;
+                        "onUpdate:value"?: unknown;
+                        format?: unknown;
+                        disabledTime?: unknown;
+                        showHour?: unknown;
+                        showMinute?: unknown;
+                        showSecond?: unknown;
+                        use12h?: unknown;
+                        timeTitleFormat?: unknown;
+                        showTimeHeader?: unknown;
+                        timePickerOptions?: unknown;
+                        hourOptions?: unknown;
+                        minuteOptions?: unknown;
+                        secondOptions?: unknown;
+                        hourStep?: unknown;
+                        minuteStep?: unknown;
+                        secondStep?: unknown;
+                        scrollDuration?: unknown;
+                        onClickTitle?: unknown;
+                        calendar?: unknown;
+                        onCalendarChange?: unknown;
+                        type?: unknown;
+                        multiple?: unknown;
+                        disabledDate?: unknown;
+                        showWeekNumber?: unknown;
+                        titleFormat?: unknown;
+                        onDateMouseEnter?: unknown;
+                        onDateMouseLeave?: unknown;
+                        getYearPanel?: unknown;
+                        defaultPanel?: unknown;
+                        getClasses?: unknown;
+                        partialUpdate?: unknown;
+                        onPanelChange?: unknown;
+                        onPick?: unknown;
+                    } & {} & {
+                        type?: import('vue-datepicker-next').PickerType | undefined;
+                        value?: Date[] | undefined;
+                        multiple?: boolean | undefined;
+                        format?: string | undefined;
+                        disabledDate?: ((value: Date, innerValue?: Date[] | undefined) => boolean) | undefined;
+                        "onUpdate:value"?: (((value: Date[], type: string, index?: number | undefined) => void) & ((v: Date[], type: string) => void)) | undefined;
+                        disabledTime?: ((v: Date, i?: number | undefined) => boolean) | undefined;
+                        calendar?: Date[] | undefined;
+                        showWeekNumber?: boolean | undefined;
+                        titleFormat?: string | undefined;
+                        onDateMouseEnter?: ((value: Date) => void) | undefined;
+                        onDateMouseLeave?: ((value: Date) => void) | undefined;
+                        getYearPanel?: (() => number[][]) | undefined;
+                        defaultValue?: Date | Date[] | undefined;
+                        defaultPanel?: import('vue-datepicker-next').PickerType | undefined;
+                        getClasses?: ((value: Date, innerValue: Date[], classes: string) => string | string[]) | undefined;
+                        partialUpdate?: boolean | undefined;
+                        onCalendarChange?: ((value: import('vue-datepicker-next').DateRange, index?: number | undefined) => void) | undefined;
+                        onPanelChange?: ((value: import('vue-datepicker-next').PanelType, oldValue: import('vue-datepicker-next').PanelType) => void) | undefined;
+                        onPick?: ((value: Date) => void) | undefined;
+                        showHour?: boolean | undefined;
+                        showMinute?: boolean | undefined;
+                        showSecond?: boolean | undefined;
+                        use12h?: boolean | undefined;
+                        timeTitleFormat?: string | undefined;
+                        showTimeHeader?: boolean | undefined;
+                        timePickerOptions?: import('vue-datepicker-next').TimePickerOptions | undefined;
+                        hourOptions?: number[] | undefined;
+                        minuteOptions?: number[] | undefined;
+                        secondOptions?: number[] | undefined;
+                        hourStep?: number | undefined;
+                        minuteStep?: number | undefined;
+                        secondStep?: number | undefined;
+                        scrollDuration?: number | undefined;
+                        onClickTitle?: ((payload: MouseEvent) => void) | undefined;
+                        showTimePanel?: boolean | undefined;
+                        onShowTimePanelChange?: ((v: boolean) => void) | undefined;
+                    }>, {}>;
+                };
+            }, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+        };
+        setup(this: void): {
+            args: Args;
+        };
+        template: string;
+    };
+    args: {
+        id: string;
+        modelValue: any;
+        placeholder: string;
+        floatingLabel: true;
+        required: true;
+    };
+};