@cnamts/synapse 0.0.13-alpha → 0.0.15-alpha

package/dist/components/PeriodField/PeriodField.d.ts

@@ -0,0 +1,2847 @@
+import { ValidationRule } from '../../composables/validation/useValidation';
+type DateInput = string | null;
+type PeriodValue = {
+    from: DateInput;
+    to: DateInput;
+};
+type __VLS_Props = {
+    modelValue?: PeriodValue;
+    placeholderFrom?: string;
+    placeholderTo?: string;
+    format?: string;
+    dateFormatReturn?: string;
+    showWeekNumber?: boolean;
+    required?: boolean;
+    displayIcon?: boolean;
+    displayAppendIcon?: boolean;
+    disabled?: boolean;
+    noIcon?: boolean;
+    noCalendar?: boolean;
+    isOutlined?: boolean;
+    showSuccessMessages?: boolean;
+    customRules?: ValidationRule[];
+    customWarningRules?: ValidationRule[];
+    disableErrorHandling?: boolean;
+    readonly?: boolean;
+};
+declare const _default: import('vue').DefineComponent<__VLS_Props, {
+    validateOnSubmit: () => boolean;
+    errors: {
+        fromDate: import('vue').Ref<string[], string[]>;
+        toDate: import('vue').Ref<string[], string[]>;
+    };
+    successes: {
+        fromDate: import('vue').Ref<string[], string[]>;
+        toDate: import('vue').Ref<string[], string[]>;
+    };
+    warnings: {
+        fromDate: import('vue').Ref<string[], string[]>;
+        toDate: import('vue').Ref<string[], string[]>;
+    };
+    isValid: import('vue').ComputedRef<boolean>;
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "update:modelValue": (...args: any[]) => void;
+}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
+    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+}>, {
+    required: boolean;
+    modelValue: PeriodValue;
+    readonly: boolean;
+    disabled: boolean;
+    noIcon: boolean;
+    customRules: ValidationRule[];
+    customWarningRules: ValidationRule[];
+    showSuccessMessages: boolean;
+    disableErrorHandling: boolean;
+    format: string;
+    dateFormatReturn: string;
+    isOutlined: boolean;
+    displayIcon: boolean;
+    displayAppendIcon: boolean;
+    showWeekNumber: boolean;
+    noCalendar: boolean;
+    placeholderFrom: string;
+    placeholderTo: string;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
+    fromDateRef: import('vue').CreateComponentPublicInstanceWithMixins<Readonly<{
+        modelValue?: import('../../composables/date/useDateInitialization').DateInput | undefined;
+        placeholder?: string | undefined;
+        format?: string | undefined;
+        dateFormatReturn?: string | undefined;
+        isBirthDate?: boolean | undefined;
+        showWeekNumber?: boolean | undefined;
+        required?: boolean | undefined;
+        displayRange?: boolean | undefined;
+        displayIcon?: boolean | undefined;
+        displayAppendIcon?: boolean | undefined;
+        displayPrependIcon?: boolean | undefined;
+        customRules?: {
+            type: string;
+            options: any;
+        }[] | undefined;
+        customWarningRules?: {
+            type: string;
+            options: any;
+        }[] | undefined;
+        disabled?: boolean | undefined;
+        noIcon?: boolean | undefined;
+        noCalendar?: boolean | undefined;
+        isOutlined?: boolean | undefined;
+        readonly?: boolean | undefined;
+        width?: string | undefined;
+        disableErrorHandling?: boolean | undefined;
+        showSuccessMessages?: boolean | undefined;
+        bgColor?: string | undefined;
+    }> & Readonly<{
+        "onUpdate:modelValue"?: ((value: import('../../composables/date/useDateInitialization').DateValue) => any) | undefined;
+        onBlur?: (() => any) | undefined;
+        onFocus?: (() => any) | undefined;
+        onClosed?: (() => any) | undefined;
+    }>, {
+        validateOnSubmit: () => any;
+        isDatePickerVisible: import('vue').Ref<boolean, boolean>;
+        selectedDates: import('vue').Ref<Date | Date[] | null, Date | Date[] | null>;
+        errorMessages: import('vue').Ref<string[], string[]>;
+        handleClickOutside: (event: MouseEvent) => void;
+        initializeSelectedDates: (modelValue: import('../../composables/date/useDateInitialization').DateInput, displayFormat: string, returnFormat?: string) => Date | Date[] | null;
+        updateAccessibility: () => Promise<void>;
+        openDatePicker: () => void;
+    }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+        "update:modelValue": (value: import('../../composables/date/useDateInitialization').DateValue) => any;
+        blur: () => any;
+        focus: () => any;
+        closed: () => any;
+    }, import('vue').PublicProps, {
+        required: boolean;
+        modelValue: import('../../composables/date/useDateInitialization').DateInput;
+        readonly: boolean;
+        bgColor: string;
+        disabled: boolean;
+        placeholder: string;
+        width: string;
+        noIcon: boolean;
+        customRules: {
+            type: string;
+            options: any;
+        }[];
+        customWarningRules: {
+            type: string;
+            options: any;
+        }[];
+        showSuccessMessages: boolean;
+        disableErrorHandling: boolean;
+        format: string;
+        dateFormatReturn: string;
+        isOutlined: boolean;
+        displayIcon: boolean;
+        displayAppendIcon: boolean;
+        displayPrependIcon: boolean;
+        isBirthDate: boolean;
+        showWeekNumber: boolean;
+        displayRange: boolean;
+        noCalendar: boolean;
+    }, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {
+        dateTextInputRef: import('vue').CreateComponentPublicInstanceWithMixins<Readonly<{
+            modelValue?: (string | null) | undefined;
+            placeholder?: string | undefined;
+            format?: string | undefined;
+            dateFormatReturn?: string | undefined;
+            label?: string | undefined;
+            required?: boolean | undefined;
+            disabled?: boolean | undefined;
+            readonly?: boolean | undefined;
+            isOutlined?: boolean | undefined;
+            displayIcon?: boolean | undefined;
+            displayAppendIcon?: boolean | undefined;
+            noIcon?: boolean | undefined;
+            customRules?: ValidationRule[] | undefined;
+            customWarningRules?: ValidationRule[] | undefined;
+            displayPrependIcon?: boolean | undefined;
+            disableErrorHandling?: boolean | undefined;
+            showSuccessMessages?: boolean | undefined;
+        }> & Readonly<{
+            onBlur?: (() => any) | undefined;
+            onFocus?: (() => any) | undefined;
+            "onUpdate:model-value"?: ((value: string | null) => any) | undefined;
+        }>, {
+            validateOnSubmit: () => Promise<boolean>;
+            focus: () => void;
+            blur: () => void;
+        }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+            blur: () => any;
+            focus: () => any;
+            "update:model-value": (value: string | null) => any;
+        }, import('vue').PublicProps, {
+            required: boolean;
+            modelValue: string | null;
+            label: string;
+            readonly: boolean;
+            disabled: boolean;
+            placeholder: string;
+            noIcon: boolean;
+            customRules: ValidationRule[];
+            customWarningRules: ValidationRule[];
+            showSuccessMessages: boolean;
+            disableErrorHandling: boolean;
+            format: string;
+            dateFormatReturn: string;
+            isOutlined: boolean;
+            displayIcon: boolean;
+            displayAppendIcon: boolean;
+            displayPrependIcon: boolean;
+        }, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {
+            inputRef: ({
+                $: import('vue').ComponentInternalInstance;
+                $data: {};
+                $props: {
+                    readonly modelValue?: string | number | null | undefined;
+                    readonly prependIcon?: import('../Customs/SyTextField/types').IconType;
+                    readonly appendIcon?: import('../Customs/SyTextField/types').IconType;
+                    readonly prependInnerIcon?: import('../Customs/SyTextField/types').IconType;
+                    readonly appendInnerIcon?: import('../Customs/SyTextField/types').IconType;
+                    readonly prependTooltip?: string | undefined;
+                    readonly appendTooltip?: string | undefined;
+                    readonly tooltipLocation?: "top" | "bottom" | "start" | "end" | undefined;
+                    readonly variantStyle?: import('../Customs/SyTextField/types').VariantStyle | undefined;
+                    readonly color?: import('../Customs/SyTextField/types').ColorType | undefined;
+                    readonly isClearable?: boolean | undefined;
+                    readonly showDivider?: boolean | undefined;
+                    readonly label?: string | undefined;
+                    readonly required?: boolean | undefined;
+                    readonly errorMessages?: string[] | null | undefined;
+                    readonly warningMessages?: string[] | null | undefined;
+                    readonly successMessages?: string[] | null | undefined;
+                    readonly readonly?: boolean | undefined;
+                    readonly isActive?: boolean | undefined;
+                    readonly baseColor?: string | undefined;
+                    readonly bgColor?: string | undefined;
+                    readonly centerAffix?: boolean | undefined;
+                    readonly counter?: string | number | boolean | undefined;
+                    readonly counterValue?: number | ((value: any) => number) | undefined;
+                    readonly density?: "default" | "comfortable" | "compact" | undefined;
+                    readonly direction?: "horizontal" | "vertical" | undefined;
+                    readonly isDirty?: boolean | undefined;
+                    readonly disabled?: boolean | undefined;
+                    readonly isOnError?: boolean | undefined;
+                    readonly isFlat?: boolean | undefined;
+                    readonly isFocused?: boolean | undefined;
+                    readonly areDetailsHidden?: boolean | "auto" | undefined;
+                    readonly areSpinButtonsHidden?: boolean | undefined;
+                    readonly hint?: string | undefined;
+                    readonly id?: string | undefined;
+                    readonly loading?: string | boolean | undefined;
+                    readonly maxErrors?: string | number | undefined;
+                    readonly maxWidth?: string | number | undefined;
+                    readonly messages?: string | string[] | undefined;
+                    readonly minWidth?: string | number | undefined;
+                    readonly name?: string | undefined;
+                    readonly displayPersistentClear?: boolean | undefined;
+                    readonly displayPersistentCounter?: boolean | undefined;
+                    readonly displayPersistentHint?: boolean | undefined;
+                    readonly displayPersistentPlaceholder?: boolean | undefined;
+                    readonly placeholder?: string | undefined;
+                    readonly prefix?: string | undefined;
+                    readonly isReversed?: boolean | undefined;
+                    readonly role?: string | undefined;
+                    readonly rounded?: string | number | boolean | undefined;
+                    readonly isOnSingleLine?: boolean | undefined;
+                    readonly suffix?: string | undefined;
+                    readonly theme?: string | undefined;
+                    readonly isTiled?: boolean | undefined;
+                    readonly type?: string | undefined;
+                    readonly width?: string | number | undefined;
+                    readonly displayAsterisk?: boolean | undefined;
+                    readonly noIcon?: boolean | undefined;
+                    readonly customRules?: ValidationRule[] | undefined;
+                    readonly customWarningRules?: ValidationRule[] | undefined;
+                    readonly customSuccessRules?: ValidationRule[] | undefined;
+                    readonly showSuccessMessages?: boolean | undefined;
+                    readonly isValidateOnBlur?: boolean | undefined;
+                    readonly disableErrorHandling?: boolean | undefined;
+                    readonly "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+                    readonly onClear?: ((...args: any[]) => any) | undefined;
+                    readonly "onPrepend-icon-click"?: ((...args: any[]) => any) | undefined;
+                    readonly "onAppend-icon-click"?: ((...args: any[]) => any) | undefined;
+                } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps;
+                $attrs: {
+                    [x: string]: unknown;
+                };
+                $refs: {
+                    [x: string]: unknown;
+                };
+                $slots: Readonly<{
+                    [name: string]: import('vue').Slot<any> | undefined;
+                }>;
+                $root: import('vue').ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import('vue').ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}, {}, {}, string, import('vue').ComponentProvideOptions>, {}, {}, "", {}, any> | null;
+                $parent: import('vue').ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import('vue').ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}, {}, {}, string, import('vue').ComponentProvideOptions>, {}, {}, "", {}, any> | null;
+                $host: Element | null;
+                $emit: ((event: "update:modelValue", ...args: any[]) => void) & ((event: "clear", ...args: any[]) => void) & ((event: "prepend-icon-click", ...args: any[]) => void) & ((event: "append-icon-click", ...args: any[]) => void);
+                $el: any;
+                $options: import('vue').ComponentOptionsBase<Readonly<{
+                    modelValue?: string | number | null | undefined;
+                    prependIcon?: import('../Customs/SyTextField/types').IconType;
+                    appendIcon?: import('../Customs/SyTextField/types').IconType;
+                    prependInnerIcon?: import('../Customs/SyTextField/types').IconType;
+                    appendInnerIcon?: import('../Customs/SyTextField/types').IconType;
+                    prependTooltip?: string | undefined;
+                    appendTooltip?: string | undefined;
+                    tooltipLocation?: "top" | "bottom" | "start" | "end" | undefined;
+                    variantStyle?: import('../Customs/SyTextField/types').VariantStyle | undefined;
+                    color?: import('../Customs/SyTextField/types').ColorType | undefined;
+                    isClearable?: boolean | undefined;
+                    showDivider?: boolean | undefined;
+                    label?: string | undefined;
+                    required?: boolean | undefined;
+                    errorMessages?: string[] | null | undefined;
+                    warningMessages?: string[] | null | undefined;
+                    successMessages?: string[] | null | undefined;
+                    readonly?: boolean | undefined;
+                    isActive?: boolean | undefined;
+                    baseColor?: string | undefined;
+                    bgColor?: string | undefined;
+                    centerAffix?: boolean | undefined;
+                    counter?: string | number | boolean | undefined;
+                    counterValue?: number | ((value: any) => number) | undefined;
+                    density?: "default" | "comfortable" | "compact" | undefined;
+                    direction?: "horizontal" | "vertical" | undefined;
+                    isDirty?: boolean | undefined;
+                    disabled?: boolean | undefined;
+                    isOnError?: boolean | undefined;
+                    isFlat?: boolean | undefined;
+                    isFocused?: boolean | undefined;
+                    areDetailsHidden?: boolean | "auto" | undefined;
+                    areSpinButtonsHidden?: boolean | undefined;
+                    hint?: string | undefined;
+                    id?: string | undefined;
+                    loading?: string | boolean | undefined;
+                    maxErrors?: string | number | undefined;
+                    maxWidth?: string | number | undefined;
+                    messages?: string | string[] | undefined;
+                    minWidth?: string | number | undefined;
+                    name?: string | undefined;
+                    displayPersistentClear?: boolean | undefined;
+                    displayPersistentCounter?: boolean | undefined;
+                    displayPersistentHint?: boolean | undefined;
+                    displayPersistentPlaceholder?: boolean | undefined;
+                    placeholder?: string | undefined;
+                    prefix?: string | undefined;
+                    isReversed?: boolean | undefined;
+                    role?: string | undefined;
+                    rounded?: string | number | boolean | undefined;
+                    isOnSingleLine?: boolean | undefined;
+                    suffix?: string | undefined;
+                    theme?: string | undefined;
+                    isTiled?: boolean | undefined;
+                    type?: string | undefined;
+                    width?: string | number | undefined;
+                    displayAsterisk?: boolean | undefined;
+                    noIcon?: boolean | undefined;
+                    customRules?: ValidationRule[] | undefined;
+                    customWarningRules?: ValidationRule[] | undefined;
+                    customSuccessRules?: ValidationRule[] | undefined;
+                    showSuccessMessages?: boolean | undefined;
+                    isValidateOnBlur?: boolean | undefined;
+                    disableErrorHandling?: boolean | undefined;
+                }> & Readonly<{
+                    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+                    onClear?: ((...args: any[]) => any) | undefined;
+                    "onPrepend-icon-click"?: ((...args: any[]) => any) | undefined;
+                    "onAppend-icon-click"?: ((...args: any[]) => any) | undefined;
+                }>, {
+                    validation: {
+                        errors: import('vue').Ref<string[], string[]>;
+                        warnings: import('vue').Ref<string[], string[]>;
+                        successes: import('vue').Ref<string[], string[]>;
+                        hasError: import('vue').ComputedRef<boolean>;
+                        hasWarning: import('vue').ComputedRef<boolean>;
+                        hasSuccess: import('vue').ComputedRef<boolean>;
+                        validateField: (value: unknown, rules?: ValidationRule[], warningRules?: ValidationRule[], successRules?: ValidationRule[]) => import('../../composables/validation/useValidation').ValidationResult;
+                        validateOnSubmit: () => Promise<boolean>;
+                        clearValidation: () => void;
+                    };
+                    validateOnSubmit: () => boolean;
+                    checkErrorOnBlur: () => void;
+                }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+                    "update:modelValue": (...args: any[]) => void;
+                    clear: (...args: any[]) => void;
+                    "prepend-icon-click": (...args: any[]) => void;
+                    "append-icon-click": (...args: any[]) => void;
+                }, string, {
+                    modelValue: string | number | null;
+                    prependIcon: "error" | "warning" | "info" | "success" | "close" | "calendar";
+                    appendIcon: "error" | "warning" | "info" | "success" | "close" | "calendar";
+                    prependInnerIcon: "error" | "warning" | "info" | "success" | "close" | "calendar";
+                    appendInnerIcon: "error" | "warning" | "info" | "success" | "close" | "calendar";
+                    prependTooltip: string;
+                    appendTooltip: string;
+                    tooltipLocation: "top" | "bottom" | "start" | "end";
+                    variantStyle: import('../Customs/SyTextField/types').VariantStyle;
+                    color: import('../Customs/SyTextField/types').ColorType;
+                    isClearable: boolean;
+                    label: string;
+                    errorMessages: string[] | null;
+                    warningMessages: string[] | null;
+                    successMessages: string[] | null;
+                    readonly: boolean;
+                    isActive: boolean;
+                    baseColor: string;
+                    bgColor: string;
+                    centerAffix: boolean;
+                    counter: string | number | boolean;
+                    counterValue: number | ((value: any) => number);
+                    density: "default" | "comfortable" | "compact";
+                    direction: "horizontal" | "vertical";
+                    isDirty: boolean;
+                    disabled: boolean;
+                    isOnError: boolean;
+                    isFlat: boolean;
+                    isFocused: boolean;
+                    areDetailsHidden: boolean | "auto";
+                    areSpinButtonsHidden: boolean;
+                    hint: string;
+                    id: string;
+                    loading: string | boolean;
+                    maxErrors: string | number;
+                    maxWidth: string | number;
+                    messages: string | string[];
+                    minWidth: string | number;
+                    name: string;
+                    displayPersistentClear: boolean;
+                    displayPersistentCounter: boolean;
+                    displayPersistentHint: boolean;
+                    displayPersistentPlaceholder: boolean;
+                    placeholder: string;
+                    prefix: string;
+                    isReversed: boolean;
+                    role: string;
+                    rounded: string | number | boolean;
+                    isOnSingleLine: boolean;
+                    suffix: string;
+                    theme: string;
+                    isTiled: boolean;
+                    type: string;
+                    width: string | number;
+                    displayAsterisk: boolean;
+                    noIcon: boolean;
+                    customRules: ValidationRule[];
+                    customWarningRules: ValidationRule[];
+                    customSuccessRules: ValidationRule[];
+                    showSuccessMessages: boolean;
+                    isValidateOnBlur: boolean;
+                    disableErrorHandling: boolean;
+                }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
+                    beforeCreate?: ((() => void) | (() => void)[]) | undefined;
+                    created?: ((() => void) | (() => void)[]) | undefined;
+                    beforeMount?: ((() => void) | (() => void)[]) | undefined;
+                    mounted?: ((() => void) | (() => void)[]) | undefined;
+                    beforeUpdate?: ((() => void) | (() => void)[]) | undefined;
+                    updated?: ((() => void) | (() => void)[]) | undefined;
+                    activated?: ((() => void) | (() => void)[]) | undefined;
+                    deactivated?: ((() => void) | (() => void)[]) | undefined;
+                    beforeDestroy?: ((() => void) | (() => void)[]) | undefined;
+                    beforeUnmount?: ((() => void) | (() => void)[]) | undefined;
+                    destroyed?: ((() => void) | (() => void)[]) | undefined;
+                    unmounted?: ((() => void) | (() => void)[]) | undefined;
+                    renderTracked?: (((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[]) | undefined;
+                    renderTriggered?: (((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[]) | undefined;
+                    errorCaptured?: (((err: unknown, instance: import('vue').ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import('vue').ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}, {}, {}, string, import('vue').ComponentProvideOptions>, {}, {}, "", {}, any> | null, info: string) => boolean | void) | ((err: unknown, instance: import('vue').ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import('vue').ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}, {}, {}, string, import('vue').ComponentProvideOptions>, {}, {}, "", {}, any> | null, info: string) => boolean | void)[]) | undefined;
+                };
+                $forceUpdate: () => void;
+                $nextTick: typeof import('vue').nextTick;
+                $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (args_0: R, args_1: R, args_2: import('@vue/reactivity').OnCleanup) => any : (args_0: any, args_1: any, args_2: import('@vue/reactivity').OnCleanup) => any, options?: import('vue').WatchOptions<boolean> | undefined): import('vue').WatchStopHandle;
+            } & Readonly<{
+                modelValue: string | number | null;
+                prependIcon: "error" | "warning" | "info" | "success" | "close" | "calendar";
+                appendIcon: "error" | "warning" | "info" | "success" | "close" | "calendar";
+                prependInnerIcon: "error" | "warning" | "info" | "success" | "close" | "calendar";
+                appendInnerIcon: "error" | "warning" | "info" | "success" | "close" | "calendar";
+                prependTooltip: string;
+                appendTooltip: string;
+                tooltipLocation: "top" | "bottom" | "start" | "end";
+                variantStyle: import('../Customs/SyTextField/types').VariantStyle;
+                color: import('../Customs/SyTextField/types').ColorType;
+                isClearable: boolean;
+                label: string;
+                errorMessages: string[] | null;
+                warningMessages: string[] | null;
+                successMessages: string[] | null;
+                readonly: boolean;
+                isActive: boolean;
+                baseColor: string;
+                bgColor: string;
+                centerAffix: boolean;
+                counter: string | number | boolean;
+                counterValue: number | ((value: any) => number);
+                density: "default" | "comfortable" | "compact";
+                direction: "horizontal" | "vertical";
+                isDirty: boolean;
+                disabled: boolean;
+                isOnError: boolean;
+                isFlat: boolean;
+                isFocused: boolean;
+                areDetailsHidden: boolean | "auto";
+                areSpinButtonsHidden: boolean;
+                hint: string;
+                id: string;
+                loading: string | boolean;
+                maxErrors: string | number;
+                maxWidth: string | number;
+                messages: string | string[];
+                minWidth: string | number;
+                name: string;
+                displayPersistentClear: boolean;
+                displayPersistentCounter: boolean;
+                displayPersistentHint: boolean;
+                displayPersistentPlaceholder: boolean;
+                placeholder: string;
+                prefix: string;
+                isReversed: boolean;
+                role: string;
+                rounded: string | number | boolean;
+                isOnSingleLine: boolean;
+                suffix: string;
+                theme: string;
+                isTiled: boolean;
+                type: string;
+                width: string | number;
+                displayAsterisk: boolean;
+                noIcon: boolean;
+                customRules: ValidationRule[];
+                customWarningRules: ValidationRule[];
+                customSuccessRules: ValidationRule[];
+                showSuccessMessages: boolean;
+                isValidateOnBlur: boolean;
+                disableErrorHandling: boolean;
+            }> & Omit<Readonly<{
+                modelValue?: string | number | null | undefined;
+                prependIcon?: import('../Customs/SyTextField/types').IconType;
+                appendIcon?: import('../Customs/SyTextField/types').IconType;
+                prependInnerIcon?: import('../Customs/SyTextField/types').IconType;
+                appendInnerIcon?: import('../Customs/SyTextField/types').IconType;
+                prependTooltip?: string | undefined;
+                appendTooltip?: string | undefined;
+                tooltipLocation?: "top" | "bottom" | "start" | "end" | undefined;
+                variantStyle?: import('../Customs/SyTextField/types').VariantStyle | undefined;
+                color?: import('../Customs/SyTextField/types').ColorType | undefined;
+                isClearable?: boolean | undefined;
+                showDivider?: boolean | undefined;
+                label?: string | undefined;
+                required?: boolean | undefined;
+                errorMessages?: string[] | null | undefined;
+                warningMessages?: string[] | null | undefined;
+                successMessages?: string[] | null | undefined;
+                readonly?: boolean | undefined;
+                isActive?: boolean | undefined;
+                baseColor?: string | undefined;
+                bgColor?: string | undefined;
+                centerAffix?: boolean | undefined;
+                counter?: string | number | boolean | undefined;
+                counterValue?: number | ((value: any) => number) | undefined;
+                density?: "default" | "comfortable" | "compact" | undefined;
+                direction?: "horizontal" | "vertical" | undefined;
+                isDirty?: boolean | undefined;
+                disabled?: boolean | undefined;
+                isOnError?: boolean | undefined;
+                isFlat?: boolean | undefined;
+                isFocused?: boolean | undefined;
+                areDetailsHidden?: boolean | "auto" | undefined;
+                areSpinButtonsHidden?: boolean | undefined;
+                hint?: string | undefined;
+                id?: string | undefined;
+                loading?: string | boolean | undefined;
+                maxErrors?: string | number | undefined;
+                maxWidth?: string | number | undefined;
+                messages?: string | string[] | undefined;
+                minWidth?: string | number | undefined;
+                name?: string | undefined;
+                displayPersistentClear?: boolean | undefined;
+                displayPersistentCounter?: boolean | undefined;
+                displayPersistentHint?: boolean | undefined;
+                displayPersistentPlaceholder?: boolean | undefined;
+                placeholder?: string | undefined;
+                prefix?: string | undefined;
+                isReversed?: boolean | undefined;
+                role?: string | undefined;
+                rounded?: string | number | boolean | undefined;
+                isOnSingleLine?: boolean | undefined;
+                suffix?: string | undefined;
+                theme?: string | undefined;
+                isTiled?: boolean | undefined;
+                type?: string | undefined;
+                width?: string | number | undefined;
+                displayAsterisk?: boolean | undefined;
+                noIcon?: boolean | undefined;
+                customRules?: ValidationRule[] | undefined;
+                customWarningRules?: ValidationRule[] | undefined;
+                customSuccessRules?: ValidationRule[] | undefined;
+                showSuccessMessages?: boolean | undefined;
+                isValidateOnBlur?: boolean | undefined;
+                disableErrorHandling?: boolean | undefined;
+            }> & Readonly<{
+                "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+                onClear?: ((...args: any[]) => any) | undefined;
+                "onPrepend-icon-click"?: ((...args: any[]) => any) | undefined;
+                "onAppend-icon-click"?: ((...args: any[]) => any) | undefined;
+            }>, "validation" | "validateOnSubmit" | "checkErrorOnBlur" | ("modelValue" | "prependIcon" | "appendIcon" | "prependInnerIcon" | "appendInnerIcon" | "prependTooltip" | "appendTooltip" | "tooltipLocation" | "variantStyle" | "color" | "isClearable" | "label" | "errorMessages" | "warningMessages" | "successMessages" | "readonly" | "isActive" | "baseColor" | "bgColor" | "centerAffix" | "counter" | "counterValue" | "density" | "direction" | "isDirty" | "disabled" | "isOnError" | "isFlat" | "isFocused" | "areDetailsHidden" | "areSpinButtonsHidden" | "hint" | "id" | "loading" | "maxErrors" | "maxWidth" | "messages" | "minWidth" | "name" | "displayPersistentClear" | "displayPersistentCounter" | "displayPersistentHint" | "displayPersistentPlaceholder" | "placeholder" | "prefix" | "isReversed" | "role" | "rounded" | "isOnSingleLine" | "suffix" | "theme" | "isTiled" | "type" | "width" | "displayAsterisk" | "noIcon" | "customRules" | "customWarningRules" | "customSuccessRules" | "showSuccessMessages" | "isValidateOnBlur" | "disableErrorHandling")> & import('vue').ShallowUnwrapRef<{
+                validation: {
+                    errors: import('vue').Ref<string[], string[]>;
+                    warnings: import('vue').Ref<string[], string[]>;
+                    successes: import('vue').Ref<string[], string[]>;
+                    hasError: import('vue').ComputedRef<boolean>;
+                    hasWarning: import('vue').ComputedRef<boolean>;
+                    hasSuccess: import('vue').ComputedRef<boolean>;
+                    validateField: (value: unknown, rules?: ValidationRule[], warningRules?: ValidationRule[], successRules?: ValidationRule[]) => import('../../composables/validation/useValidation').ValidationResult;
+                    validateOnSubmit: () => Promise<boolean>;
+                    clearValidation: () => void;
+                };
+                validateOnSubmit: () => boolean;
+                checkErrorOnBlur: () => void;
+            }> & {} & import('vue').ComponentCustomProperties & {} & {
+                $slots: {
+                    prepend?(_: {}): any;
+                    append?(_: {}): any;
+                    'prepend-inner'?(_: {}): any;
+                    'append-inner'?(_: {}): any;
+                    details?(_: {}): any;
+                };
+            }) | null;
+        }, any, import('vue').ComponentProvideOptions, {
+            P: {};
+            B: {};
+            D: {};
+            C: {};
+            M: {};
+            Defaults: {};
+        }, Readonly<{
+            modelValue?: (string | null) | undefined;
+            placeholder?: string | undefined;
+            format?: string | undefined;
+            dateFormatReturn?: string | undefined;
+            label?: string | undefined;
+            required?: boolean | undefined;
+            disabled?: boolean | undefined;
+            readonly?: boolean | undefined;
+            isOutlined?: boolean | undefined;
+            displayIcon?: boolean | undefined;
+            displayAppendIcon?: boolean | undefined;
+            noIcon?: boolean | undefined;
+            customRules?: ValidationRule[] | undefined;
+            customWarningRules?: ValidationRule[] | undefined;
+            displayPrependIcon?: boolean | undefined;
+            disableErrorHandling?: boolean | undefined;
+            showSuccessMessages?: boolean | undefined;
+        }> & Readonly<{
+            onBlur?: (() => any) | undefined;
+            onFocus?: (() => any) | undefined;
+            "onUpdate:model-value"?: ((value: string | null) => any) | undefined;
+        }>, {
+            validateOnSubmit: () => Promise<boolean>;
+            focus: () => void;
+            blur: () => void;
+        }, {}, {}, {}, {
+            required: boolean;
+            modelValue: string | null;
+            label: string;
+            readonly: boolean;
+            disabled: boolean;
+            placeholder: string;
+            noIcon: boolean;
+            customRules: ValidationRule[];
+            customWarningRules: ValidationRule[];
+            showSuccessMessages: boolean;
+            disableErrorHandling: boolean;
+            format: string;
+            dateFormatReturn: string;
+            isOutlined: boolean;
+            displayIcon: boolean;
+            displayAppendIcon: boolean;
+            displayPrependIcon: boolean;
+        }> | null;
+        dateCalendarTextInputRef: ({
+            $: import('vue').ComponentInternalInstance;
+            $data: {};
+            $props: {
+                readonly modelValue?: string | number | null | undefined;
+                readonly prependIcon?: import('../Customs/SyTextField/types').IconType;
+                readonly appendIcon?: import('../Customs/SyTextField/types').IconType;
+                readonly prependInnerIcon?: import('../Customs/SyTextField/types').IconType;
+                readonly appendInnerIcon?: import('../Customs/SyTextField/types').IconType;
+                readonly prependTooltip?: string | undefined;
+                readonly appendTooltip?: string | undefined;
+                readonly tooltipLocation?: "top" | "bottom" | "start" | "end" | undefined;
+                readonly variantStyle?: import('../Customs/SyTextField/types').VariantStyle | undefined;
+                readonly color?: import('../Customs/SyTextField/types').ColorType | undefined;
+                readonly isClearable?: boolean | undefined;
+                readonly showDivider?: boolean | undefined;
+                readonly label?: string | undefined;
+                readonly required?: boolean | undefined;
+                readonly errorMessages?: string[] | null | undefined;
+                readonly warningMessages?: string[] | null | undefined;
+                readonly successMessages?: string[] | null | undefined;
+                readonly readonly?: boolean | undefined;
+                readonly isActive?: boolean | undefined;
+                readonly baseColor?: string | undefined;
+                readonly bgColor?: string | undefined;
+                readonly centerAffix?: boolean | undefined;
+                readonly counter?: string | number | boolean | undefined;
+                readonly counterValue?: number | ((value: any) => number) | undefined;
+                readonly density?: "default" | "comfortable" | "compact" | undefined;
+                readonly direction?: "horizontal" | "vertical" | undefined;
+                readonly isDirty?: boolean | undefined;
+                readonly disabled?: boolean | undefined;
+                readonly isOnError?: boolean | undefined;
+                readonly isFlat?: boolean | undefined;
+                readonly isFocused?: boolean | undefined;
+                readonly areDetailsHidden?: boolean | "auto" | undefined;
+                readonly areSpinButtonsHidden?: boolean | undefined;
+                readonly hint?: string | undefined;
+                readonly id?: string | undefined;
+                readonly loading?: string | boolean | undefined;
+                readonly maxErrors?: string | number | undefined;
+                readonly maxWidth?: string | number | undefined;
+                readonly messages?: string | string[] | undefined;
+                readonly minWidth?: string | number | undefined;
+                readonly name?: string | undefined;
+                readonly displayPersistentClear?: boolean | undefined;
+                readonly displayPersistentCounter?: boolean | undefined;
+                readonly displayPersistentHint?: boolean | undefined;
+                readonly displayPersistentPlaceholder?: boolean | undefined;
+                readonly placeholder?: string | undefined;
+                readonly prefix?: string | undefined;
+                readonly isReversed?: boolean | undefined;
+                readonly role?: string | undefined;
+                readonly rounded?: string | number | boolean | undefined;
+                readonly isOnSingleLine?: boolean | undefined;
+                readonly suffix?: string | undefined;
+                readonly theme?: string | undefined;
+                readonly isTiled?: boolean | undefined;
+                readonly type?: string | undefined;
+                readonly width?: string | number | undefined;
+                readonly displayAsterisk?: boolean | undefined;
+                readonly noIcon?: boolean | undefined;
+                readonly customRules?: ValidationRule[] | undefined;
+                readonly customWarningRules?: ValidationRule[] | undefined;
+                readonly customSuccessRules?: ValidationRule[] | undefined;
+                readonly showSuccessMessages?: boolean | undefined;
+                readonly isValidateOnBlur?: boolean | undefined;
+                readonly disableErrorHandling?: boolean | undefined;
+                readonly "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+                readonly onClear?: ((...args: any[]) => any) | undefined;
+                readonly "onPrepend-icon-click"?: ((...args: any[]) => any) | undefined;
+                readonly "onAppend-icon-click"?: ((...args: any[]) => any) | undefined;
+            } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps;
+            $attrs: {
+                [x: string]: unknown;
+            };
+            $refs: {
+                [x: string]: unknown;
+            };
+            $slots: Readonly<{
+                [name: string]: import('vue').Slot<any> | undefined;
+            }>;
+            $root: import('vue').ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import('vue').ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}, {}, {}, string, import('vue').ComponentProvideOptions>, {}, {}, "", {}, any> | null;
+            $parent: import('vue').ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import('vue').ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}, {}, {}, string, import('vue').ComponentProvideOptions>, {}, {}, "", {}, any> | null;
+            $host: Element | null;
+            $emit: ((event: "update:modelValue", ...args: any[]) => void) & ((event: "clear", ...args: any[]) => void) & ((event: "prepend-icon-click", ...args: any[]) => void) & ((event: "append-icon-click", ...args: any[]) => void);
+            $el: any;
+            $options: import('vue').ComponentOptionsBase<Readonly<{
+                modelValue?: string | number | null | undefined;
+                prependIcon?: import('../Customs/SyTextField/types').IconType;
+                appendIcon?: import('../Customs/SyTextField/types').IconType;
+                prependInnerIcon?: import('../Customs/SyTextField/types').IconType;
+                appendInnerIcon?: import('../Customs/SyTextField/types').IconType;
+                prependTooltip?: string | undefined;
+                appendTooltip?: string | undefined;
+                tooltipLocation?: "top" | "bottom" | "start" | "end" | undefined;
+                variantStyle?: import('../Customs/SyTextField/types').VariantStyle | undefined;
+                color?: import('../Customs/SyTextField/types').ColorType | undefined;
+                isClearable?: boolean | undefined;
+                showDivider?: boolean | undefined;
+                label?: string | undefined;
+                required?: boolean | undefined;
+                errorMessages?: string[] | null | undefined;
+                warningMessages?: string[] | null | undefined;
+                successMessages?: string[] | null | undefined;
+                readonly?: boolean | undefined;
+                isActive?: boolean | undefined;
+                baseColor?: string | undefined;
+                bgColor?: string | undefined;
+                centerAffix?: boolean | undefined;
+                counter?: string | number | boolean | undefined;
+                counterValue?: number | ((value: any) => number) | undefined;
+                density?: "default" | "comfortable" | "compact" | undefined;
+                direction?: "horizontal" | "vertical" | undefined;
+                isDirty?: boolean | undefined;
+                disabled?: boolean | undefined;
+                isOnError?: boolean | undefined;
+                isFlat?: boolean | undefined;
+                isFocused?: boolean | undefined;
+                areDetailsHidden?: boolean | "auto" | undefined;
+                areSpinButtonsHidden?: boolean | undefined;
+                hint?: string | undefined;
+                id?: string | undefined;
+                loading?: string | boolean | undefined;
+                maxErrors?: string | number | undefined;
+                maxWidth?: string | number | undefined;
+                messages?: string | string[] | undefined;
+                minWidth?: string | number | undefined;
+                name?: string | undefined;
+                displayPersistentClear?: boolean | undefined;
+                displayPersistentCounter?: boolean | undefined;
+                displayPersistentHint?: boolean | undefined;
+                displayPersistentPlaceholder?: boolean | undefined;
+                placeholder?: string | undefined;
+                prefix?: string | undefined;
+                isReversed?: boolean | undefined;
+                role?: string | undefined;
+                rounded?: string | number | boolean | undefined;
+                isOnSingleLine?: boolean | undefined;
+                suffix?: string | undefined;
+                theme?: string | undefined;
+                isTiled?: boolean | undefined;
+                type?: string | undefined;
+                width?: string | number | undefined;
+                displayAsterisk?: boolean | undefined;
+                noIcon?: boolean | undefined;
+                customRules?: ValidationRule[] | undefined;
+                customWarningRules?: ValidationRule[] | undefined;
+                customSuccessRules?: ValidationRule[] | undefined;
+                showSuccessMessages?: boolean | undefined;
+                isValidateOnBlur?: boolean | undefined;
+                disableErrorHandling?: boolean | undefined;
+            }> & Readonly<{
+                "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+                onClear?: ((...args: any[]) => any) | undefined;
+                "onPrepend-icon-click"?: ((...args: any[]) => any) | undefined;
+                "onAppend-icon-click"?: ((...args: any[]) => any) | undefined;
+            }>, {
+                validation: {
+                    errors: import('vue').Ref<string[], string[]>;
+                    warnings: import('vue').Ref<string[], string[]>;
+                    successes: import('vue').Ref<string[], string[]>;
+                    hasError: import('vue').ComputedRef<boolean>;
+                    hasWarning: import('vue').ComputedRef<boolean>;
+                    hasSuccess: import('vue').ComputedRef<boolean>;
+                    validateField: (value: unknown, rules?: ValidationRule[], warningRules?: ValidationRule[], successRules?: ValidationRule[]) => import('../../composables/validation/useValidation').ValidationResult;
+                    validateOnSubmit: () => Promise<boolean>;
+                    clearValidation: () => void;
+                };
+                validateOnSubmit: () => boolean;
+                checkErrorOnBlur: () => void;
+            }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+                "update:modelValue": (...args: any[]) => void;
+                clear: (...args: any[]) => void;
+                "prepend-icon-click": (...args: any[]) => void;
+                "append-icon-click": (...args: any[]) => void;
+            }, string, {
+                modelValue: string | number | null;
+                prependIcon: "error" | "warning" | "info" | "success" | "close" | "calendar";
+                appendIcon: "error" | "warning" | "info" | "success" | "close" | "calendar";
+                prependInnerIcon: "error" | "warning" | "info" | "success" | "close" | "calendar";
+                appendInnerIcon: "error" | "warning" | "info" | "success" | "close" | "calendar";
+                prependTooltip: string;
+                appendTooltip: string;
+                tooltipLocation: "top" | "bottom" | "start" | "end";
+                variantStyle: import('../Customs/SyTextField/types').VariantStyle;
+                color: import('../Customs/SyTextField/types').ColorType;
+                isClearable: boolean;
+                label: string;
+                errorMessages: string[] | null;
+                warningMessages: string[] | null;
+                successMessages: string[] | null;
+                readonly: boolean;
+                isActive: boolean;
+                baseColor: string;
+                bgColor: string;
+                centerAffix: boolean;
+                counter: string | number | boolean;
+                counterValue: number | ((value: any) => number);
+                density: "default" | "comfortable" | "compact";
+                direction: "horizontal" | "vertical";
+                isDirty: boolean;
+                disabled: boolean;
+                isOnError: boolean;
+                isFlat: boolean;
+                isFocused: boolean;
+                areDetailsHidden: boolean | "auto";
+                areSpinButtonsHidden: boolean;
+                hint: string;
+                id: string;
+                loading: string | boolean;
+                maxErrors: string | number;
+                maxWidth: string | number;
+                messages: string | string[];
+                minWidth: string | number;
+                name: string;
+                displayPersistentClear: boolean;
+                displayPersistentCounter: boolean;
+                displayPersistentHint: boolean;
+                displayPersistentPlaceholder: boolean;
+                placeholder: string;
+                prefix: string;
+                isReversed: boolean;
+                role: string;
+                rounded: string | number | boolean;
+                isOnSingleLine: boolean;
+                suffix: string;
+                theme: string;
+                isTiled: boolean;
+                type: string;
+                width: string | number;
+                displayAsterisk: boolean;
+                noIcon: boolean;
+                customRules: ValidationRule[];
+                customWarningRules: ValidationRule[];
+                customSuccessRules: ValidationRule[];
+                showSuccessMessages: boolean;
+                isValidateOnBlur: boolean;
+                disableErrorHandling: boolean;
+            }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
+                beforeCreate?: ((() => void) | (() => void)[]) | undefined;
+                created?: ((() => void) | (() => void)[]) | undefined;
+                beforeMount?: ((() => void) | (() => void)[]) | undefined;
+                mounted?: ((() => void) | (() => void)[]) | undefined;
+                beforeUpdate?: ((() => void) | (() => void)[]) | undefined;
+                updated?: ((() => void) | (() => void)[]) | undefined;
+                activated?: ((() => void) | (() => void)[]) | undefined;
+                deactivated?: ((() => void) | (() => void)[]) | undefined;
+                beforeDestroy?: ((() => void) | (() => void)[]) | undefined;
+                beforeUnmount?: ((() => void) | (() => void)[]) | undefined;
+                destroyed?: ((() => void) | (() => void)[]) | undefined;
+                unmounted?: ((() => void) | (() => void)[]) | undefined;
+                renderTracked?: (((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[]) | undefined;
+                renderTriggered?: (((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[]) | undefined;
+                errorCaptured?: (((err: unknown, instance: import('vue').ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import('vue').ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}, {}, {}, string, import('vue').ComponentProvideOptions>, {}, {}, "", {}, any> | null, info: string) => boolean | void) | ((err: unknown, instance: import('vue').ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import('vue').ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}, {}, {}, string, import('vue').ComponentProvideOptions>, {}, {}, "", {}, any> | null, info: string) => boolean | void)[]) | undefined;
+            };
+            $forceUpdate: () => void;
+            $nextTick: typeof import('vue').nextTick;
+            $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (args_0: R, args_1: R, args_2: import('@vue/reactivity').OnCleanup) => any : (args_0: any, args_1: any, args_2: import('@vue/reactivity').OnCleanup) => any, options?: import('vue').WatchOptions<boolean> | undefined): import('vue').WatchStopHandle;
+        } & Readonly<{
+            modelValue: string | number | null;
+            prependIcon: "error" | "warning" | "info" | "success" | "close" | "calendar";
+            appendIcon: "error" | "warning" | "info" | "success" | "close" | "calendar";
+            prependInnerIcon: "error" | "warning" | "info" | "success" | "close" | "calendar";
+            appendInnerIcon: "error" | "warning" | "info" | "success" | "close" | "calendar";
+            prependTooltip: string;
+            appendTooltip: string;
+            tooltipLocation: "top" | "bottom" | "start" | "end";
+            variantStyle: import('../Customs/SyTextField/types').VariantStyle;
+            color: import('../Customs/SyTextField/types').ColorType;
+            isClearable: boolean;
+            label: string;
+            errorMessages: string[] | null;
+            warningMessages: string[] | null;
+            successMessages: string[] | null;
+            readonly: boolean;
+            isActive: boolean;
+            baseColor: string;
+            bgColor: string;
+            centerAffix: boolean;
+            counter: string | number | boolean;
+            counterValue: number | ((value: any) => number);
+            density: "default" | "comfortable" | "compact";
+            direction: "horizontal" | "vertical";
+            isDirty: boolean;
+            disabled: boolean;
+            isOnError: boolean;
+            isFlat: boolean;
+            isFocused: boolean;
+            areDetailsHidden: boolean | "auto";
+            areSpinButtonsHidden: boolean;
+            hint: string;
+            id: string;
+            loading: string | boolean;
+            maxErrors: string | number;
+            maxWidth: string | number;
+            messages: string | string[];
+            minWidth: string | number;
+            name: string;
+            displayPersistentClear: boolean;
+            displayPersistentCounter: boolean;
+            displayPersistentHint: boolean;
+            displayPersistentPlaceholder: boolean;
+            placeholder: string;
+            prefix: string;
+            isReversed: boolean;
+            role: string;
+            rounded: string | number | boolean;
+            isOnSingleLine: boolean;
+            suffix: string;
+            theme: string;
+            isTiled: boolean;
+            type: string;
+            width: string | number;
+            displayAsterisk: boolean;
+            noIcon: boolean;
+            customRules: ValidationRule[];
+            customWarningRules: ValidationRule[];
+            customSuccessRules: ValidationRule[];
+            showSuccessMessages: boolean;
+            isValidateOnBlur: boolean;
+            disableErrorHandling: boolean;
+        }> & Omit<Readonly<{
+            modelValue?: string | number | null | undefined;
+            prependIcon?: import('../Customs/SyTextField/types').IconType;
+            appendIcon?: import('../Customs/SyTextField/types').IconType;
+            prependInnerIcon?: import('../Customs/SyTextField/types').IconType;
+            appendInnerIcon?: import('../Customs/SyTextField/types').IconType;
+            prependTooltip?: string | undefined;
+            appendTooltip?: string | undefined;
+            tooltipLocation?: "top" | "bottom" | "start" | "end" | undefined;
+            variantStyle?: import('../Customs/SyTextField/types').VariantStyle | undefined;
+            color?: import('../Customs/SyTextField/types').ColorType | undefined;
+            isClearable?: boolean | undefined;
+            showDivider?: boolean | undefined;
+            label?: string | undefined;
+            required?: boolean | undefined;
+            errorMessages?: string[] | null | undefined;
+            warningMessages?: string[] | null | undefined;
+            successMessages?: string[] | null | undefined;
+            readonly?: boolean | undefined;
+            isActive?: boolean | undefined;
+            baseColor?: string | undefined;
+            bgColor?: string | undefined;
+            centerAffix?: boolean | undefined;
+            counter?: string | number | boolean | undefined;
+            counterValue?: number | ((value: any) => number) | undefined;
+            density?: "default" | "comfortable" | "compact" | undefined;
+            direction?: "horizontal" | "vertical" | undefined;
+            isDirty?: boolean | undefined;
+            disabled?: boolean | undefined;
+            isOnError?: boolean | undefined;
+            isFlat?: boolean | undefined;
+            isFocused?: boolean | undefined;
+            areDetailsHidden?: boolean | "auto" | undefined;
+            areSpinButtonsHidden?: boolean | undefined;
+            hint?: string | undefined;
+            id?: string | undefined;
+            loading?: string | boolean | undefined;
+            maxErrors?: string | number | undefined;
+            maxWidth?: string | number | undefined;
+            messages?: string | string[] | undefined;
+            minWidth?: string | number | undefined;
+            name?: string | undefined;
+            displayPersistentClear?: boolean | undefined;
+            displayPersistentCounter?: boolean | undefined;
+            displayPersistentHint?: boolean | undefined;
+            displayPersistentPlaceholder?: boolean | undefined;
+            placeholder?: string | undefined;
+            prefix?: string | undefined;
+            isReversed?: boolean | undefined;
+            role?: string | undefined;
+            rounded?: string | number | boolean | undefined;
+            isOnSingleLine?: boolean | undefined;
+            suffix?: string | undefined;
+            theme?: string | undefined;
+            isTiled?: boolean | undefined;
+            type?: string | undefined;
+            width?: string | number | undefined;
+            displayAsterisk?: boolean | undefined;
+            noIcon?: boolean | undefined;
+            customRules?: ValidationRule[] | undefined;
+            customWarningRules?: ValidationRule[] | undefined;
+            customSuccessRules?: ValidationRule[] | undefined;
+            showSuccessMessages?: boolean | undefined;
+            isValidateOnBlur?: boolean | undefined;
+            disableErrorHandling?: boolean | undefined;
+        }> & Readonly<{
+            "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+            onClear?: ((...args: any[]) => any) | undefined;
+            "onPrepend-icon-click"?: ((...args: any[]) => any) | undefined;
+            "onAppend-icon-click"?: ((...args: any[]) => any) | undefined;
+        }>, "validation" | "validateOnSubmit" | "checkErrorOnBlur" | ("modelValue" | "prependIcon" | "appendIcon" | "prependInnerIcon" | "appendInnerIcon" | "prependTooltip" | "appendTooltip" | "tooltipLocation" | "variantStyle" | "color" | "isClearable" | "label" | "errorMessages" | "warningMessages" | "successMessages" | "readonly" | "isActive" | "baseColor" | "bgColor" | "centerAffix" | "counter" | "counterValue" | "density" | "direction" | "isDirty" | "disabled" | "isOnError" | "isFlat" | "isFocused" | "areDetailsHidden" | "areSpinButtonsHidden" | "hint" | "id" | "loading" | "maxErrors" | "maxWidth" | "messages" | "minWidth" | "name" | "displayPersistentClear" | "displayPersistentCounter" | "displayPersistentHint" | "displayPersistentPlaceholder" | "placeholder" | "prefix" | "isReversed" | "role" | "rounded" | "isOnSingleLine" | "suffix" | "theme" | "isTiled" | "type" | "width" | "displayAsterisk" | "noIcon" | "customRules" | "customWarningRules" | "customSuccessRules" | "showSuccessMessages" | "isValidateOnBlur" | "disableErrorHandling")> & import('vue').ShallowUnwrapRef<{
+            validation: {
+                errors: import('vue').Ref<string[], string[]>;
+                warnings: import('vue').Ref<string[], string[]>;
+                successes: import('vue').Ref<string[], string[]>;
+                hasError: import('vue').ComputedRef<boolean>;
+                hasWarning: import('vue').ComputedRef<boolean>;
+                hasSuccess: import('vue').ComputedRef<boolean>;
+                validateField: (value: unknown, rules?: ValidationRule[], warningRules?: ValidationRule[], successRules?: ValidationRule[]) => import('../../composables/validation/useValidation').ValidationResult;
+                validateOnSubmit: () => Promise<boolean>;
+                clearValidation: () => void;
+            };
+            validateOnSubmit: () => boolean;
+            checkErrorOnBlur: () => void;
+        }> & {} & import('vue').ComponentCustomProperties & {} & {
+            $slots: {
+                prepend?(_: {}): any;
+                append?(_: {}): any;
+                'prepend-inner'?(_: {}): any;
+                'append-inner'?(_: {}): any;
+                details?(_: {}): any;
+            };
+        }) | null;
+        datePickerRef: ({
+            $: import('vue').ComponentInternalInstance;
+            $data: {};
+            $props: Partial<{
+                active: string | string[];
+                transition: string;
+                header: string;
+                style: import('vue').StyleValue;
+                title: string;
+                disabled: boolean;
+                tag: string | import('vuetify/lib/types.mjs').JSXComponent<any>;
+                landscape: boolean;
+                rounded: string | number | boolean;
+                tile: boolean;
+                divided: boolean;
+                nextIcon: import('vuetify/lib/composables/icons.mjs').IconValue;
+                prevIcon: import('vuetify/lib/composables/icons.mjs').IconValue;
+                reverseTransition: string;
+                hideHeader: boolean;
+                modeIcon: import('vuetify/lib/composables/icons.mjs').IconValue;
+                viewMode: "month" | "year" | "months";
+                showAdjacentMonths: boolean;
+                weekdays: import('vuetify/lib/composables/calendar.mjs').CalendarWeekdays[];
+                weeksInMonth: "static" | "dynamic";
+                firstDayOfWeek: string | number;
+                hideWeekdays: boolean;
+                showWeek: boolean;
+            }> & Omit<{
+                transition: string;
+                header: string;
+                style: import('vue').StyleValue;
+                title: string;
+                disabled: boolean;
+                tag: string | import('vuetify/lib/types.mjs').JSXComponent<any>;
+                landscape: boolean;
+                tile: boolean;
+                divided: boolean;
+                nextIcon: import('vuetify/lib/composables/icons.mjs').IconValue;
+                prevIcon: import('vuetify/lib/composables/icons.mjs').IconValue;
+                reverseTransition: string;
+                hideHeader: boolean;
+                modeIcon: import('vuetify/lib/composables/icons.mjs').IconValue;
+                viewMode: "month" | "year" | "months";
+                showAdjacentMonths: boolean;
+                weekdays: import('vuetify/lib/composables/calendar.mjs').CalendarWeekdays[];
+                weeksInMonth: "static" | "dynamic";
+                hideWeekdays: boolean;
+                showWeek: boolean;
+                max?: unknown;
+                location?: import('vuetify/lib/types.mjs').Anchor | null | undefined;
+                height?: string | number | undefined;
+                width?: string | number | undefined;
+                active?: string | string[] | undefined;
+                min?: unknown;
+                border?: string | number | boolean | undefined;
+                color?: string | undefined;
+                maxHeight?: string | number | undefined;
+                maxWidth?: string | number | undefined;
+                minHeight?: string | number | undefined;
+                minWidth?: string | number | undefined;
+                position?: "fixed" | "absolute" | "static" | "relative" | "sticky" | undefined;
+                text?: string | undefined;
+                month?: string | number | undefined;
+                year?: number | undefined;
+                class?: any;
+                theme?: string | undefined;
+                elevation?: string | number | undefined;
+                rounded?: string | number | boolean | undefined;
+                bgColor?: string | undefined;
+                controlHeight?: string | number | undefined;
+                headerColor?: string | undefined;
+                firstDayOfWeek?: string | number | undefined;
+                allowedDates?: unknown[] | ((date: unknown) => boolean) | undefined;
+                "onUpdate:month"?: ((date: any) => any) | undefined;
+                "onUpdate:year"?: ((date: any) => any) | undefined;
+                "onUpdate:viewMode"?: ((date: any) => any) | undefined;
+            } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, "disabled" | "rounded" | "style" | "active" | "tile" | "title" | "transition" | "header" | "tag" | "divided" | "landscape" | "hideHeader" | "showAdjacentMonths" | "weekdays" | "weeksInMonth" | "firstDayOfWeek" | "hideWeekdays" | "showWeek" | "reverseTransition" | "nextIcon" | "prevIcon" | "modeIcon" | "viewMode">;
+            $attrs: {
+                [x: string]: unknown;
+            };
+            $refs: {
+                [x: string]: unknown;
+            };
+            $slots: Readonly<{
+                default?: (() => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
+                    [key: string]: any;
+                }>[]) | undefined;
+                title?: (() => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
+                    [key: string]: any;
+                }>[]) | undefined;
+                actions?: (() => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
+                    [key: string]: any;
+                }>[]) | undefined;
+                header?: ((arg: {
+                    header: string;
+                    transition: string;
+                }) => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
+                    [key: string]: any;
+                }>[]) | undefined;
+            }>;
+            $root: import('vue').ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import('vue').ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}, {}, {}, string, import('vue').ComponentProvideOptions>, {}, {}, "", {}, any> | null;
+            $parent: import('vue').ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import('vue').ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}, {}, {}, string, import('vue').ComponentProvideOptions>, {}, {}, "", {}, any> | null;
+            $host: Element | null;
+            $emit: ((event: "update:month", date: any) => void) & ((event: "update:year", date: any) => void) & ((event: "update:viewMode", date: any) => void);
+            $el: any;
+            $options: import('vue').ComponentOptionsBase<{
+                transition: string;
+                header: string;
+                style: import('vue').StyleValue;
+                title: string;
+                disabled: boolean;
+                tag: string | import('vuetify/lib/types.mjs').JSXComponent<any>;
+                landscape: boolean;
+                tile: boolean;
+                divided: boolean;
+                nextIcon: import('vuetify/lib/composables/icons.mjs').IconValue;
+                prevIcon: import('vuetify/lib/composables/icons.mjs').IconValue;
+                reverseTransition: string;
+                hideHeader: boolean;
+                modeIcon: import('vuetify/lib/composables/icons.mjs').IconValue;
+                viewMode: "month" | "year" | "months";
+                showAdjacentMonths: boolean;
+                weekdays: import('vuetify/lib/composables/calendar.mjs').CalendarWeekdays[];
+                weeksInMonth: "static" | "dynamic";
+                hideWeekdays: boolean;
+                showWeek: boolean;
+            } & {
+                max?: unknown;
+                location?: import('vuetify/lib/types.mjs').Anchor | null | undefined;
+                height?: string | number | undefined;
+                width?: string | number | undefined;
+                active?: string | string[] | undefined;
+                min?: unknown;
+                border?: string | number | boolean | undefined;
+                color?: string | undefined;
+                maxHeight?: string | number | undefined;
+                maxWidth?: string | number | undefined;
+                minHeight?: string | number | undefined;
+                minWidth?: string | number | undefined;
+                position?: "fixed" | "absolute" | "static" | "relative" | "sticky" | undefined;
+                text?: string | undefined;
+                month?: string | number | undefined;
+                year?: number | undefined;
+                class?: any;
+                theme?: string | undefined;
+                elevation?: string | number | undefined;
+                rounded?: string | number | boolean | undefined;
+                bgColor?: string | undefined;
+                controlHeight?: string | number | undefined;
+                headerColor?: string | undefined;
+                firstDayOfWeek?: string | number | undefined;
+                allowedDates?: unknown[] | ((date: unknown) => boolean) | undefined;
+            } & {
+                "onUpdate:month"?: ((date: any) => any) | undefined;
+                "onUpdate:year"?: ((date: any) => any) | undefined;
+                "onUpdate:viewMode"?: ((date: any) => any) | undefined;
+            }, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, Omit<{
+                'update:modelValue': (date: any) => true;
+                'update:month': (date: any) => true;
+                'update:year': (date: any) => true;
+                'update:viewMode': (date: any) => true;
+            }, "modelValue" | "update:modelValue" | "$children" | "v-slots" | "v-slot:default" | "multiple" | "v-slot:actions" | "v-slot:title" | "v-slot:header">, string, {
+                active: string | string[];
+                transition: string;
+                header: string;
+                style: import('vue').StyleValue;
+                title: string;
+                disabled: boolean;
+                tag: string | import('vuetify/lib/types.mjs').JSXComponent<any>;
+                landscape: boolean;
+                rounded: string | number | boolean;
+                tile: boolean;
+                divided: boolean;
+                nextIcon: import('vuetify/lib/composables/icons.mjs').IconValue;
+                prevIcon: import('vuetify/lib/composables/icons.mjs').IconValue;
+                reverseTransition: string;
+                hideHeader: boolean;
+                modeIcon: import('vuetify/lib/composables/icons.mjs').IconValue;
+                viewMode: "month" | "year" | "months";
+                showAdjacentMonths: boolean;
+                weekdays: import('vuetify/lib/composables/calendar.mjs').CalendarWeekdays[];
+                weeksInMonth: "static" | "dynamic";
+                firstDayOfWeek: string | number;
+                hideWeekdays: boolean;
+                showWeek: boolean;
+            }, {}, string, import('vue').SlotsType<Partial<{
+                default: () => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
+                    [key: string]: any;
+                }>[];
+                title: () => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
+                    [key: string]: any;
+                }>[];
+                actions: () => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
+                    [key: string]: any;
+                }>[];
+                header: (arg: {
+                    header: string;
+                    transition: string;
+                }) => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
+                    [key: string]: any;
+                }>[];
+            }>>, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
+                beforeCreate?: ((() => void) | (() => void)[]) | undefined;
+                created?: ((() => void) | (() => void)[]) | undefined;
+                beforeMount?: ((() => void) | (() => void)[]) | undefined;
+                mounted?: ((() => void) | (() => void)[]) | undefined;
+                beforeUpdate?: ((() => void) | (() => void)[]) | undefined;
+                updated?: ((() => void) | (() => void)[]) | undefined;
+                activated?: ((() => void) | (() => void)[]) | undefined;
+                deactivated?: ((() => void) | (() => void)[]) | undefined;
+                beforeDestroy?: ((() => void) | (() => void)[]) | undefined;
+                beforeUnmount?: ((() => void) | (() => void)[]) | undefined;
+                destroyed?: ((() => void) | (() => void)[]) | undefined;
+                unmounted?: ((() => void) | (() => void)[]) | undefined;
+                renderTracked?: (((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[]) | undefined;
+                renderTriggered?: (((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[]) | undefined;
+                errorCaptured?: (((err: unknown, instance: import('vue').ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import('vue').ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}, {}, {}, string, import('vue').ComponentProvideOptions>, {}, {}, "", {}, any> | null, info: string) => boolean | void) | ((err: unknown, instance: import('vue').ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import('vue').ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}, {}, {}, string, import('vue').ComponentProvideOptions>, {}, {}, "", {}, any> | null, info: string) => boolean | void)[]) | undefined;
+            };
+            $forceUpdate: () => void;
+            $nextTick: typeof import('vue').nextTick;
+            $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (args_0: R, args_1: R, args_2: import('@vue/reactivity').OnCleanup) => any : (args_0: any, args_1: any, args_2: import('@vue/reactivity').OnCleanup) => any, options?: import('vue').WatchOptions<boolean> | undefined): import('vue').WatchStopHandle;
+        } & Readonly<{
+            active: string | string[];
+            transition: string;
+            header: string;
+            style: import('vue').StyleValue;
+            title: string;
+            disabled: boolean;
+            tag: string | import('vuetify/lib/types.mjs').JSXComponent<any>;
+            landscape: boolean;
+            rounded: string | number | boolean;
+            tile: boolean;
+            divided: boolean;
+            nextIcon: import('vuetify/lib/composables/icons.mjs').IconValue;
+            prevIcon: import('vuetify/lib/composables/icons.mjs').IconValue;
+            reverseTransition: string;
+            hideHeader: boolean;
+            modeIcon: import('vuetify/lib/composables/icons.mjs').IconValue;
+            viewMode: "month" | "year" | "months";
+            showAdjacentMonths: boolean;
+            weekdays: import('vuetify/lib/composables/calendar.mjs').CalendarWeekdays[];
+            weeksInMonth: "static" | "dynamic";
+            firstDayOfWeek: string | number;
+            hideWeekdays: boolean;
+            showWeek: boolean;
+        }> & Omit<{
+            transition: string;
+            header: string;
+            style: import('vue').StyleValue;
+            title: string;
+            disabled: boolean;
+            tag: string | import('vuetify/lib/types.mjs').JSXComponent<any>;
+            landscape: boolean;
+            tile: boolean;
+            divided: boolean;
+            nextIcon: import('vuetify/lib/composables/icons.mjs').IconValue;
+            prevIcon: import('vuetify/lib/composables/icons.mjs').IconValue;
+            reverseTransition: string;
+            hideHeader: boolean;
+            modeIcon: import('vuetify/lib/composables/icons.mjs').IconValue;
+            viewMode: "month" | "year" | "months";
+            showAdjacentMonths: boolean;
+            weekdays: import('vuetify/lib/composables/calendar.mjs').CalendarWeekdays[];
+            weeksInMonth: "static" | "dynamic";
+            hideWeekdays: boolean;
+            showWeek: boolean;
+        } & {
+            max?: unknown;
+            location?: import('vuetify/lib/types.mjs').Anchor | null | undefined;
+            height?: string | number | undefined;
+            width?: string | number | undefined;
+            active?: string | string[] | undefined;
+            min?: unknown;
+            border?: string | number | boolean | undefined;
+            color?: string | undefined;
+            maxHeight?: string | number | undefined;
+            maxWidth?: string | number | undefined;
+            minHeight?: string | number | undefined;
+            minWidth?: string | number | undefined;
+            position?: "fixed" | "absolute" | "static" | "relative" | "sticky" | undefined;
+            text?: string | undefined;
+            month?: string | number | undefined;
+            year?: number | undefined;
+            class?: any;
+            theme?: string | undefined;
+            elevation?: string | number | undefined;
+            rounded?: string | number | boolean | undefined;
+            bgColor?: string | undefined;
+            controlHeight?: string | number | undefined;
+            headerColor?: string | undefined;
+            firstDayOfWeek?: string | number | undefined;
+            allowedDates?: unknown[] | ((date: unknown) => boolean) | undefined;
+        } & {
+            "onUpdate:month"?: ((date: any) => any) | undefined;
+            "onUpdate:year"?: ((date: any) => any) | undefined;
+            "onUpdate:viewMode"?: ((date: any) => any) | undefined;
+        }, "disabled" | "rounded" | "style" | "active" | "tile" | "title" | "transition" | "header" | "tag" | "divided" | "landscape" | "hideHeader" | "showAdjacentMonths" | "weekdays" | "weeksInMonth" | "firstDayOfWeek" | "hideWeekdays" | "showWeek" | "reverseTransition" | "nextIcon" | "prevIcon" | "modeIcon" | "viewMode"> & import('vue').ShallowUnwrapRef<{}> & {} & import('vue').ComponentCustomProperties & {} & import('vuetify/lib/util/defineComponent.mjs').GenericProps<{
+            modelValue?: Date | Date[] | null | undefined;
+            "onUpdate:modelValue"?: ((value: Date | Date[] | null) => void) | undefined;
+            multiple?: false | "range" | undefined;
+        }, import('vuetify/lib/components/VDatePicker/VDatePicker.mjs').VDatePickerSlots>) | null;
+    }, HTMLDivElement, import('vue').ComponentProvideOptions, {
+        P: {};
+        B: {};
+        D: {};
+        C: {};
+        M: {};
+        Defaults: {};
+    }, Readonly<{
+        modelValue?: import('../../composables/date/useDateInitialization').DateInput | undefined;
+        placeholder?: string | undefined;
+        format?: string | undefined;
+        dateFormatReturn?: string | undefined;
+        isBirthDate?: boolean | undefined;
+        showWeekNumber?: boolean | undefined;
+        required?: boolean | undefined;
+        displayRange?: boolean | undefined;
+        displayIcon?: boolean | undefined;
+        displayAppendIcon?: boolean | undefined;
+        displayPrependIcon?: boolean | undefined;
+        customRules?: {
+            type: string;
+            options: any;
+        }[] | undefined;
+        customWarningRules?: {
+            type: string;
+            options: any;
+        }[] | undefined;
+        disabled?: boolean | undefined;
+        noIcon?: boolean | undefined;
+        noCalendar?: boolean | undefined;
+        isOutlined?: boolean | undefined;
+        readonly?: boolean | undefined;
+        width?: string | undefined;
+        disableErrorHandling?: boolean | undefined;
+        showSuccessMessages?: boolean | undefined;
+        bgColor?: string | undefined;
+    }> & Readonly<{
+        "onUpdate:modelValue"?: ((value: import('../../composables/date/useDateInitialization').DateValue) => any) | undefined;
+        onBlur?: (() => any) | undefined;
+        onFocus?: (() => any) | undefined;
+        onClosed?: (() => any) | undefined;
+    }>, {
+        validateOnSubmit: () => any;
+        isDatePickerVisible: import('vue').Ref<boolean, boolean>;
+        selectedDates: import('vue').Ref<Date | Date[] | null, Date | Date[] | null>;
+        errorMessages: import('vue').Ref<string[], string[]>;
+        handleClickOutside: (event: MouseEvent) => void;
+        initializeSelectedDates: (modelValue: import('../../composables/date/useDateInitialization').DateInput, displayFormat: string, returnFormat?: string) => Date | Date[] | null;
+        updateAccessibility: () => Promise<void>;
+        openDatePicker: () => void;
+    }, {}, {}, {}, {
+        required: boolean;
+        modelValue: import('../../composables/date/useDateInitialization').DateInput;
+        readonly: boolean;
+        bgColor: string;
+        disabled: boolean;
+        placeholder: string;
+        width: string;
+        noIcon: boolean;
+        customRules: {
+            type: string;
+            options: any;
+        }[];
+        customWarningRules: {
+            type: string;
+            options: any;
+        }[];
+        showSuccessMessages: boolean;
+        disableErrorHandling: boolean;
+        format: string;
+        dateFormatReturn: string;
+        isOutlined: boolean;
+        displayIcon: boolean;
+        displayAppendIcon: boolean;
+        displayPrependIcon: boolean;
+        isBirthDate: boolean;
+        showWeekNumber: boolean;
+        displayRange: boolean;
+        noCalendar: boolean;
+    }> | null;
+    toDateRef: import('vue').CreateComponentPublicInstanceWithMixins<Readonly<{
+        modelValue?: import('../../composables/date/useDateInitialization').DateInput | undefined;
+        placeholder?: string | undefined;
+        format?: string | undefined;
+        dateFormatReturn?: string | undefined;
+        isBirthDate?: boolean | undefined;
+        showWeekNumber?: boolean | undefined;
+        required?: boolean | undefined;
+        displayRange?: boolean | undefined;
+        displayIcon?: boolean | undefined;
+        displayAppendIcon?: boolean | undefined;
+        displayPrependIcon?: boolean | undefined;
+        customRules?: {
+            type: string;
+            options: any;
+        }[] | undefined;
+        customWarningRules?: {
+            type: string;
+            options: any;
+        }[] | undefined;
+        disabled?: boolean | undefined;
+        noIcon?: boolean | undefined;
+        noCalendar?: boolean | undefined;
+        isOutlined?: boolean | undefined;
+        readonly?: boolean | undefined;
+        width?: string | undefined;
+        disableErrorHandling?: boolean | undefined;
+        showSuccessMessages?: boolean | undefined;
+        bgColor?: string | undefined;
+    }> & Readonly<{
+        "onUpdate:modelValue"?: ((value: import('../../composables/date/useDateInitialization').DateValue) => any) | undefined;
+        onBlur?: (() => any) | undefined;
+        onFocus?: (() => any) | undefined;
+        onClosed?: (() => any) | undefined;
+    }>, {
+        validateOnSubmit: () => any;
+        isDatePickerVisible: import('vue').Ref<boolean, boolean>;
+        selectedDates: import('vue').Ref<Date | Date[] | null, Date | Date[] | null>;
+        errorMessages: import('vue').Ref<string[], string[]>;
+        handleClickOutside: (event: MouseEvent) => void;
+        initializeSelectedDates: (modelValue: import('../../composables/date/useDateInitialization').DateInput, displayFormat: string, returnFormat?: string) => Date | Date[] | null;
+        updateAccessibility: () => Promise<void>;
+        openDatePicker: () => void;
+    }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+        "update:modelValue": (value: import('../../composables/date/useDateInitialization').DateValue) => any;
+        blur: () => any;
+        focus: () => any;
+        closed: () => any;
+    }, import('vue').PublicProps, {
+        required: boolean;
+        modelValue: import('../../composables/date/useDateInitialization').DateInput;
+        readonly: boolean;
+        bgColor: string;
+        disabled: boolean;
+        placeholder: string;
+        width: string;
+        noIcon: boolean;
+        customRules: {
+            type: string;
+            options: any;
+        }[];
+        customWarningRules: {
+            type: string;
+            options: any;
+        }[];
+        showSuccessMessages: boolean;
+        disableErrorHandling: boolean;
+        format: string;
+        dateFormatReturn: string;
+        isOutlined: boolean;
+        displayIcon: boolean;
+        displayAppendIcon: boolean;
+        displayPrependIcon: boolean;
+        isBirthDate: boolean;
+        showWeekNumber: boolean;
+        displayRange: boolean;
+        noCalendar: boolean;
+    }, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {
+        dateTextInputRef: import('vue').CreateComponentPublicInstanceWithMixins<Readonly<{
+            modelValue?: (string | null) | undefined;
+            placeholder?: string | undefined;
+            format?: string | undefined;
+            dateFormatReturn?: string | undefined;
+            label?: string | undefined;
+            required?: boolean | undefined;
+            disabled?: boolean | undefined;
+            readonly?: boolean | undefined;
+            isOutlined?: boolean | undefined;
+            displayIcon?: boolean | undefined;
+            displayAppendIcon?: boolean | undefined;
+            noIcon?: boolean | undefined;
+            customRules?: ValidationRule[] | undefined;
+            customWarningRules?: ValidationRule[] | undefined;
+            displayPrependIcon?: boolean | undefined;
+            disableErrorHandling?: boolean | undefined;
+            showSuccessMessages?: boolean | undefined;
+        }> & Readonly<{
+            onBlur?: (() => any) | undefined;
+            onFocus?: (() => any) | undefined;
+            "onUpdate:model-value"?: ((value: string | null) => any) | undefined;
+        }>, {
+            validateOnSubmit: () => Promise<boolean>;
+            focus: () => void;
+            blur: () => void;
+        }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+            blur: () => any;
+            focus: () => any;
+            "update:model-value": (value: string | null) => any;
+        }, import('vue').PublicProps, {
+            required: boolean;
+            modelValue: string | null;
+            label: string;
+            readonly: boolean;
+            disabled: boolean;
+            placeholder: string;
+            noIcon: boolean;
+            customRules: ValidationRule[];
+            customWarningRules: ValidationRule[];
+            showSuccessMessages: boolean;
+            disableErrorHandling: boolean;
+            format: string;
+            dateFormatReturn: string;
+            isOutlined: boolean;
+            displayIcon: boolean;
+            displayAppendIcon: boolean;
+            displayPrependIcon: boolean;
+        }, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {
+            inputRef: ({
+                $: import('vue').ComponentInternalInstance;
+                $data: {};
+                $props: {
+                    readonly modelValue?: string | number | null | undefined;
+                    readonly prependIcon?: import('../Customs/SyTextField/types').IconType;
+                    readonly appendIcon?: import('../Customs/SyTextField/types').IconType;
+                    readonly prependInnerIcon?: import('../Customs/SyTextField/types').IconType;
+                    readonly appendInnerIcon?: import('../Customs/SyTextField/types').IconType;
+                    readonly prependTooltip?: string | undefined;
+                    readonly appendTooltip?: string | undefined;
+                    readonly tooltipLocation?: "top" | "bottom" | "start" | "end" | undefined;
+                    readonly variantStyle?: import('../Customs/SyTextField/types').VariantStyle | undefined;
+                    readonly color?: import('../Customs/SyTextField/types').ColorType | undefined;
+                    readonly isClearable?: boolean | undefined;
+                    readonly showDivider?: boolean | undefined;
+                    readonly label?: string | undefined;
+                    readonly required?: boolean | undefined;
+                    readonly errorMessages?: string[] | null | undefined;
+                    readonly warningMessages?: string[] | null | undefined;
+                    readonly successMessages?: string[] | null | undefined;
+                    readonly readonly?: boolean | undefined;
+                    readonly isActive?: boolean | undefined;
+                    readonly baseColor?: string | undefined;
+                    readonly bgColor?: string | undefined;
+                    readonly centerAffix?: boolean | undefined;
+                    readonly counter?: string | number | boolean | undefined;
+                    readonly counterValue?: number | ((value: any) => number) | undefined;
+                    readonly density?: "default" | "comfortable" | "compact" | undefined;
+                    readonly direction?: "horizontal" | "vertical" | undefined;
+                    readonly isDirty?: boolean | undefined;
+                    readonly disabled?: boolean | undefined;
+                    readonly isOnError?: boolean | undefined;
+                    readonly isFlat?: boolean | undefined;
+                    readonly isFocused?: boolean | undefined;
+                    readonly areDetailsHidden?: boolean | "auto" | undefined;
+                    readonly areSpinButtonsHidden?: boolean | undefined;
+                    readonly hint?: string | undefined;
+                    readonly id?: string | undefined;
+                    readonly loading?: string | boolean | undefined;
+                    readonly maxErrors?: string | number | undefined;
+                    readonly maxWidth?: string | number | undefined;
+                    readonly messages?: string | string[] | undefined;
+                    readonly minWidth?: string | number | undefined;
+                    readonly name?: string | undefined;
+                    readonly displayPersistentClear?: boolean | undefined;
+                    readonly displayPersistentCounter?: boolean | undefined;
+                    readonly displayPersistentHint?: boolean | undefined;
+                    readonly displayPersistentPlaceholder?: boolean | undefined;
+                    readonly placeholder?: string | undefined;
+                    readonly prefix?: string | undefined;
+                    readonly isReversed?: boolean | undefined;
+                    readonly role?: string | undefined;
+                    readonly rounded?: string | number | boolean | undefined;
+                    readonly isOnSingleLine?: boolean | undefined;
+                    readonly suffix?: string | undefined;
+                    readonly theme?: string | undefined;
+                    readonly isTiled?: boolean | undefined;
+                    readonly type?: string | undefined;
+                    readonly width?: string | number | undefined;
+                    readonly displayAsterisk?: boolean | undefined;
+                    readonly noIcon?: boolean | undefined;
+                    readonly customRules?: ValidationRule[] | undefined;
+                    readonly customWarningRules?: ValidationRule[] | undefined;
+                    readonly customSuccessRules?: ValidationRule[] | undefined;
+                    readonly showSuccessMessages?: boolean | undefined;
+                    readonly isValidateOnBlur?: boolean | undefined;
+                    readonly disableErrorHandling?: boolean | undefined;
+                    readonly "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+                    readonly onClear?: ((...args: any[]) => any) | undefined;
+                    readonly "onPrepend-icon-click"?: ((...args: any[]) => any) | undefined;
+                    readonly "onAppend-icon-click"?: ((...args: any[]) => any) | undefined;
+                } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps;
+                $attrs: {
+                    [x: string]: unknown;
+                };
+                $refs: {
+                    [x: string]: unknown;
+                };
+                $slots: Readonly<{
+                    [name: string]: import('vue').Slot<any> | undefined;
+                }>;
+                $root: import('vue').ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import('vue').ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}, {}, {}, string, import('vue').ComponentProvideOptions>, {}, {}, "", {}, any> | null;
+                $parent: import('vue').ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import('vue').ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}, {}, {}, string, import('vue').ComponentProvideOptions>, {}, {}, "", {}, any> | null;
+                $host: Element | null;
+                $emit: ((event: "update:modelValue", ...args: any[]) => void) & ((event: "clear", ...args: any[]) => void) & ((event: "prepend-icon-click", ...args: any[]) => void) & ((event: "append-icon-click", ...args: any[]) => void);
+                $el: any;
+                $options: import('vue').ComponentOptionsBase<Readonly<{
+                    modelValue?: string | number | null | undefined;
+                    prependIcon?: import('../Customs/SyTextField/types').IconType;
+                    appendIcon?: import('../Customs/SyTextField/types').IconType;
+                    prependInnerIcon?: import('../Customs/SyTextField/types').IconType;
+                    appendInnerIcon?: import('../Customs/SyTextField/types').IconType;
+                    prependTooltip?: string | undefined;
+                    appendTooltip?: string | undefined;
+                    tooltipLocation?: "top" | "bottom" | "start" | "end" | undefined;
+                    variantStyle?: import('../Customs/SyTextField/types').VariantStyle | undefined;
+                    color?: import('../Customs/SyTextField/types').ColorType | undefined;
+                    isClearable?: boolean | undefined;
+                    showDivider?: boolean | undefined;
+                    label?: string | undefined;
+                    required?: boolean | undefined;
+                    errorMessages?: string[] | null | undefined;
+                    warningMessages?: string[] | null | undefined;
+                    successMessages?: string[] | null | undefined;
+                    readonly?: boolean | undefined;
+                    isActive?: boolean | undefined;
+                    baseColor?: string | undefined;
+                    bgColor?: string | undefined;
+                    centerAffix?: boolean | undefined;
+                    counter?: string | number | boolean | undefined;
+                    counterValue?: number | ((value: any) => number) | undefined;
+                    density?: "default" | "comfortable" | "compact" | undefined;
+                    direction?: "horizontal" | "vertical" | undefined;
+                    isDirty?: boolean | undefined;
+                    disabled?: boolean | undefined;
+                    isOnError?: boolean | undefined;
+                    isFlat?: boolean | undefined;
+                    isFocused?: boolean | undefined;
+                    areDetailsHidden?: boolean | "auto" | undefined;
+                    areSpinButtonsHidden?: boolean | undefined;
+                    hint?: string | undefined;
+                    id?: string | undefined;
+                    loading?: string | boolean | undefined;
+                    maxErrors?: string | number | undefined;
+                    maxWidth?: string | number | undefined;
+                    messages?: string | string[] | undefined;
+                    minWidth?: string | number | undefined;
+                    name?: string | undefined;
+                    displayPersistentClear?: boolean | undefined;
+                    displayPersistentCounter?: boolean | undefined;
+                    displayPersistentHint?: boolean | undefined;
+                    displayPersistentPlaceholder?: boolean | undefined;
+                    placeholder?: string | undefined;
+                    prefix?: string | undefined;
+                    isReversed?: boolean | undefined;
+                    role?: string | undefined;
+                    rounded?: string | number | boolean | undefined;
+                    isOnSingleLine?: boolean | undefined;
+                    suffix?: string | undefined;
+                    theme?: string | undefined;
+                    isTiled?: boolean | undefined;
+                    type?: string | undefined;
+                    width?: string | number | undefined;
+                    displayAsterisk?: boolean | undefined;
+                    noIcon?: boolean | undefined;
+                    customRules?: ValidationRule[] | undefined;
+                    customWarningRules?: ValidationRule[] | undefined;
+                    customSuccessRules?: ValidationRule[] | undefined;
+                    showSuccessMessages?: boolean | undefined;
+                    isValidateOnBlur?: boolean | undefined;
+                    disableErrorHandling?: boolean | undefined;
+                }> & Readonly<{
+                    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+                    onClear?: ((...args: any[]) => any) | undefined;
+                    "onPrepend-icon-click"?: ((...args: any[]) => any) | undefined;
+                    "onAppend-icon-click"?: ((...args: any[]) => any) | undefined;
+                }>, {
+                    validation: {
+                        errors: import('vue').Ref<string[], string[]>;
+                        warnings: import('vue').Ref<string[], string[]>;
+                        successes: import('vue').Ref<string[], string[]>;
+                        hasError: import('vue').ComputedRef<boolean>;
+                        hasWarning: import('vue').ComputedRef<boolean>;
+                        hasSuccess: import('vue').ComputedRef<boolean>;
+                        validateField: (value: unknown, rules?: ValidationRule[], warningRules?: ValidationRule[], successRules?: ValidationRule[]) => import('../../composables/validation/useValidation').ValidationResult;
+                        validateOnSubmit: () => Promise<boolean>;
+                        clearValidation: () => void;
+                    };
+                    validateOnSubmit: () => boolean;
+                    checkErrorOnBlur: () => void;
+                }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+                    "update:modelValue": (...args: any[]) => void;
+                    clear: (...args: any[]) => void;
+                    "prepend-icon-click": (...args: any[]) => void;
+                    "append-icon-click": (...args: any[]) => void;
+                }, string, {
+                    modelValue: string | number | null;
+                    prependIcon: "error" | "warning" | "info" | "success" | "close" | "calendar";
+                    appendIcon: "error" | "warning" | "info" | "success" | "close" | "calendar";
+                    prependInnerIcon: "error" | "warning" | "info" | "success" | "close" | "calendar";
+                    appendInnerIcon: "error" | "warning" | "info" | "success" | "close" | "calendar";
+                    prependTooltip: string;
+                    appendTooltip: string;
+                    tooltipLocation: "top" | "bottom" | "start" | "end";
+                    variantStyle: import('../Customs/SyTextField/types').VariantStyle;
+                    color: import('../Customs/SyTextField/types').ColorType;
+                    isClearable: boolean;
+                    label: string;
+                    errorMessages: string[] | null;
+                    warningMessages: string[] | null;
+                    successMessages: string[] | null;
+                    readonly: boolean;
+                    isActive: boolean;
+                    baseColor: string;
+                    bgColor: string;
+                    centerAffix: boolean;
+                    counter: string | number | boolean;
+                    counterValue: number | ((value: any) => number);
+                    density: "default" | "comfortable" | "compact";
+                    direction: "horizontal" | "vertical";
+                    isDirty: boolean;
+                    disabled: boolean;
+                    isOnError: boolean;
+                    isFlat: boolean;
+                    isFocused: boolean;
+                    areDetailsHidden: boolean | "auto";
+                    areSpinButtonsHidden: boolean;
+                    hint: string;
+                    id: string;
+                    loading: string | boolean;
+                    maxErrors: string | number;
+                    maxWidth: string | number;
+                    messages: string | string[];
+                    minWidth: string | number;
+                    name: string;
+                    displayPersistentClear: boolean;
+                    displayPersistentCounter: boolean;
+                    displayPersistentHint: boolean;
+                    displayPersistentPlaceholder: boolean;
+                    placeholder: string;
+                    prefix: string;
+                    isReversed: boolean;
+                    role: string;
+                    rounded: string | number | boolean;
+                    isOnSingleLine: boolean;
+                    suffix: string;
+                    theme: string;
+                    isTiled: boolean;
+                    type: string;
+                    width: string | number;
+                    displayAsterisk: boolean;
+                    noIcon: boolean;
+                    customRules: ValidationRule[];
+                    customWarningRules: ValidationRule[];
+                    customSuccessRules: ValidationRule[];
+                    showSuccessMessages: boolean;
+                    isValidateOnBlur: boolean;
+                    disableErrorHandling: boolean;
+                }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
+                    beforeCreate?: ((() => void) | (() => void)[]) | undefined;
+                    created?: ((() => void) | (() => void)[]) | undefined;
+                    beforeMount?: ((() => void) | (() => void)[]) | undefined;
+                    mounted?: ((() => void) | (() => void)[]) | undefined;
+                    beforeUpdate?: ((() => void) | (() => void)[]) | undefined;
+                    updated?: ((() => void) | (() => void)[]) | undefined;
+                    activated?: ((() => void) | (() => void)[]) | undefined;
+                    deactivated?: ((() => void) | (() => void)[]) | undefined;
+                    beforeDestroy?: ((() => void) | (() => void)[]) | undefined;
+                    beforeUnmount?: ((() => void) | (() => void)[]) | undefined;
+                    destroyed?: ((() => void) | (() => void)[]) | undefined;
+                    unmounted?: ((() => void) | (() => void)[]) | undefined;
+                    renderTracked?: (((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[]) | undefined;
+                    renderTriggered?: (((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[]) | undefined;
+                    errorCaptured?: (((err: unknown, instance: import('vue').ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import('vue').ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}, {}, {}, string, import('vue').ComponentProvideOptions>, {}, {}, "", {}, any> | null, info: string) => boolean | void) | ((err: unknown, instance: import('vue').ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import('vue').ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}, {}, {}, string, import('vue').ComponentProvideOptions>, {}, {}, "", {}, any> | null, info: string) => boolean | void)[]) | undefined;
+                };
+                $forceUpdate: () => void;
+                $nextTick: typeof import('vue').nextTick;
+                $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (args_0: R, args_1: R, args_2: import('@vue/reactivity').OnCleanup) => any : (args_0: any, args_1: any, args_2: import('@vue/reactivity').OnCleanup) => any, options?: import('vue').WatchOptions<boolean> | undefined): import('vue').WatchStopHandle;
+            } & Readonly<{
+                modelValue: string | number | null;
+                prependIcon: "error" | "warning" | "info" | "success" | "close" | "calendar";
+                appendIcon: "error" | "warning" | "info" | "success" | "close" | "calendar";
+                prependInnerIcon: "error" | "warning" | "info" | "success" | "close" | "calendar";
+                appendInnerIcon: "error" | "warning" | "info" | "success" | "close" | "calendar";
+                prependTooltip: string;
+                appendTooltip: string;
+                tooltipLocation: "top" | "bottom" | "start" | "end";
+                variantStyle: import('../Customs/SyTextField/types').VariantStyle;
+                color: import('../Customs/SyTextField/types').ColorType;
+                isClearable: boolean;
+                label: string;
+                errorMessages: string[] | null;
+                warningMessages: string[] | null;
+                successMessages: string[] | null;
+                readonly: boolean;
+                isActive: boolean;
+                baseColor: string;
+                bgColor: string;
+                centerAffix: boolean;
+                counter: string | number | boolean;
+                counterValue: number | ((value: any) => number);
+                density: "default" | "comfortable" | "compact";
+                direction: "horizontal" | "vertical";
+                isDirty: boolean;
+                disabled: boolean;
+                isOnError: boolean;
+                isFlat: boolean;
+                isFocused: boolean;
+                areDetailsHidden: boolean | "auto";
+                areSpinButtonsHidden: boolean;
+                hint: string;
+                id: string;
+                loading: string | boolean;
+                maxErrors: string | number;
+                maxWidth: string | number;
+                messages: string | string[];
+                minWidth: string | number;
+                name: string;
+                displayPersistentClear: boolean;
+                displayPersistentCounter: boolean;
+                displayPersistentHint: boolean;
+                displayPersistentPlaceholder: boolean;
+                placeholder: string;
+                prefix: string;
+                isReversed: boolean;
+                role: string;
+                rounded: string | number | boolean;
+                isOnSingleLine: boolean;
+                suffix: string;
+                theme: string;
+                isTiled: boolean;
+                type: string;
+                width: string | number;
+                displayAsterisk: boolean;
+                noIcon: boolean;
+                customRules: ValidationRule[];
+                customWarningRules: ValidationRule[];
+                customSuccessRules: ValidationRule[];
+                showSuccessMessages: boolean;
+                isValidateOnBlur: boolean;
+                disableErrorHandling: boolean;
+            }> & Omit<Readonly<{
+                modelValue?: string | number | null | undefined;
+                prependIcon?: import('../Customs/SyTextField/types').IconType;
+                appendIcon?: import('../Customs/SyTextField/types').IconType;
+                prependInnerIcon?: import('../Customs/SyTextField/types').IconType;
+                appendInnerIcon?: import('../Customs/SyTextField/types').IconType;
+                prependTooltip?: string | undefined;
+                appendTooltip?: string | undefined;
+                tooltipLocation?: "top" | "bottom" | "start" | "end" | undefined;
+                variantStyle?: import('../Customs/SyTextField/types').VariantStyle | undefined;
+                color?: import('../Customs/SyTextField/types').ColorType | undefined;
+                isClearable?: boolean | undefined;
+                showDivider?: boolean | undefined;
+                label?: string | undefined;
+                required?: boolean | undefined;
+                errorMessages?: string[] | null | undefined;
+                warningMessages?: string[] | null | undefined;
+                successMessages?: string[] | null | undefined;
+                readonly?: boolean | undefined;
+                isActive?: boolean | undefined;
+                baseColor?: string | undefined;
+                bgColor?: string | undefined;
+                centerAffix?: boolean | undefined;
+                counter?: string | number | boolean | undefined;
+                counterValue?: number | ((value: any) => number) | undefined;
+                density?: "default" | "comfortable" | "compact" | undefined;
+                direction?: "horizontal" | "vertical" | undefined;
+                isDirty?: boolean | undefined;
+                disabled?: boolean | undefined;
+                isOnError?: boolean | undefined;
+                isFlat?: boolean | undefined;
+                isFocused?: boolean | undefined;
+                areDetailsHidden?: boolean | "auto" | undefined;
+                areSpinButtonsHidden?: boolean | undefined;
+                hint?: string | undefined;
+                id?: string | undefined;
+                loading?: string | boolean | undefined;
+                maxErrors?: string | number | undefined;
+                maxWidth?: string | number | undefined;
+                messages?: string | string[] | undefined;
+                minWidth?: string | number | undefined;
+                name?: string | undefined;
+                displayPersistentClear?: boolean | undefined;
+                displayPersistentCounter?: boolean | undefined;
+                displayPersistentHint?: boolean | undefined;
+                displayPersistentPlaceholder?: boolean | undefined;
+                placeholder?: string | undefined;
+                prefix?: string | undefined;
+                isReversed?: boolean | undefined;
+                role?: string | undefined;
+                rounded?: string | number | boolean | undefined;
+                isOnSingleLine?: boolean | undefined;
+                suffix?: string | undefined;
+                theme?: string | undefined;
+                isTiled?: boolean | undefined;
+                type?: string | undefined;
+                width?: string | number | undefined;
+                displayAsterisk?: boolean | undefined;
+                noIcon?: boolean | undefined;
+                customRules?: ValidationRule[] | undefined;
+                customWarningRules?: ValidationRule[] | undefined;
+                customSuccessRules?: ValidationRule[] | undefined;
+                showSuccessMessages?: boolean | undefined;
+                isValidateOnBlur?: boolean | undefined;
+                disableErrorHandling?: boolean | undefined;
+            }> & Readonly<{
+                "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+                onClear?: ((...args: any[]) => any) | undefined;
+                "onPrepend-icon-click"?: ((...args: any[]) => any) | undefined;
+                "onAppend-icon-click"?: ((...args: any[]) => any) | undefined;
+            }>, "validation" | "validateOnSubmit" | "checkErrorOnBlur" | ("modelValue" | "prependIcon" | "appendIcon" | "prependInnerIcon" | "appendInnerIcon" | "prependTooltip" | "appendTooltip" | "tooltipLocation" | "variantStyle" | "color" | "isClearable" | "label" | "errorMessages" | "warningMessages" | "successMessages" | "readonly" | "isActive" | "baseColor" | "bgColor" | "centerAffix" | "counter" | "counterValue" | "density" | "direction" | "isDirty" | "disabled" | "isOnError" | "isFlat" | "isFocused" | "areDetailsHidden" | "areSpinButtonsHidden" | "hint" | "id" | "loading" | "maxErrors" | "maxWidth" | "messages" | "minWidth" | "name" | "displayPersistentClear" | "displayPersistentCounter" | "displayPersistentHint" | "displayPersistentPlaceholder" | "placeholder" | "prefix" | "isReversed" | "role" | "rounded" | "isOnSingleLine" | "suffix" | "theme" | "isTiled" | "type" | "width" | "displayAsterisk" | "noIcon" | "customRules" | "customWarningRules" | "customSuccessRules" | "showSuccessMessages" | "isValidateOnBlur" | "disableErrorHandling")> & import('vue').ShallowUnwrapRef<{
+                validation: {
+                    errors: import('vue').Ref<string[], string[]>;
+                    warnings: import('vue').Ref<string[], string[]>;
+                    successes: import('vue').Ref<string[], string[]>;
+                    hasError: import('vue').ComputedRef<boolean>;
+                    hasWarning: import('vue').ComputedRef<boolean>;
+                    hasSuccess: import('vue').ComputedRef<boolean>;
+                    validateField: (value: unknown, rules?: ValidationRule[], warningRules?: ValidationRule[], successRules?: ValidationRule[]) => import('../../composables/validation/useValidation').ValidationResult;
+                    validateOnSubmit: () => Promise<boolean>;
+                    clearValidation: () => void;
+                };
+                validateOnSubmit: () => boolean;
+                checkErrorOnBlur: () => void;
+            }> & {} & import('vue').ComponentCustomProperties & {} & {
+                $slots: {
+                    prepend?(_: {}): any;
+                    append?(_: {}): any;
+                    'prepend-inner'?(_: {}): any;
+                    'append-inner'?(_: {}): any;
+                    details?(_: {}): any;
+                };
+            }) | null;
+        }, any, import('vue').ComponentProvideOptions, {
+            P: {};
+            B: {};
+            D: {};
+            C: {};
+            M: {};
+            Defaults: {};
+        }, Readonly<{
+            modelValue?: (string | null) | undefined;
+            placeholder?: string | undefined;
+            format?: string | undefined;
+            dateFormatReturn?: string | undefined;
+            label?: string | undefined;
+            required?: boolean | undefined;
+            disabled?: boolean | undefined;
+            readonly?: boolean | undefined;
+            isOutlined?: boolean | undefined;
+            displayIcon?: boolean | undefined;
+            displayAppendIcon?: boolean | undefined;
+            noIcon?: boolean | undefined;
+            customRules?: ValidationRule[] | undefined;
+            customWarningRules?: ValidationRule[] | undefined;
+            displayPrependIcon?: boolean | undefined;
+            disableErrorHandling?: boolean | undefined;
+            showSuccessMessages?: boolean | undefined;
+        }> & Readonly<{
+            onBlur?: (() => any) | undefined;
+            onFocus?: (() => any) | undefined;
+            "onUpdate:model-value"?: ((value: string | null) => any) | undefined;
+        }>, {
+            validateOnSubmit: () => Promise<boolean>;
+            focus: () => void;
+            blur: () => void;
+        }, {}, {}, {}, {
+            required: boolean;
+            modelValue: string | null;
+            label: string;
+            readonly: boolean;
+            disabled: boolean;
+            placeholder: string;
+            noIcon: boolean;
+            customRules: ValidationRule[];
+            customWarningRules: ValidationRule[];
+            showSuccessMessages: boolean;
+            disableErrorHandling: boolean;
+            format: string;
+            dateFormatReturn: string;
+            isOutlined: boolean;
+            displayIcon: boolean;
+            displayAppendIcon: boolean;
+            displayPrependIcon: boolean;
+        }> | null;
+        dateCalendarTextInputRef: ({
+            $: import('vue').ComponentInternalInstance;
+            $data: {};
+            $props: {
+                readonly modelValue?: string | number | null | undefined;
+                readonly prependIcon?: import('../Customs/SyTextField/types').IconType;
+                readonly appendIcon?: import('../Customs/SyTextField/types').IconType;
+                readonly prependInnerIcon?: import('../Customs/SyTextField/types').IconType;
+                readonly appendInnerIcon?: import('../Customs/SyTextField/types').IconType;
+                readonly prependTooltip?: string | undefined;
+                readonly appendTooltip?: string | undefined;
+                readonly tooltipLocation?: "top" | "bottom" | "start" | "end" | undefined;
+                readonly variantStyle?: import('../Customs/SyTextField/types').VariantStyle | undefined;
+                readonly color?: import('../Customs/SyTextField/types').ColorType | undefined;
+                readonly isClearable?: boolean | undefined;
+                readonly showDivider?: boolean | undefined;
+                readonly label?: string | undefined;
+                readonly required?: boolean | undefined;
+                readonly errorMessages?: string[] | null | undefined;
+                readonly warningMessages?: string[] | null | undefined;
+                readonly successMessages?: string[] | null | undefined;
+                readonly readonly?: boolean | undefined;
+                readonly isActive?: boolean | undefined;
+                readonly baseColor?: string | undefined;
+                readonly bgColor?: string | undefined;
+                readonly centerAffix?: boolean | undefined;
+                readonly counter?: string | number | boolean | undefined;
+                readonly counterValue?: number | ((value: any) => number) | undefined;
+                readonly density?: "default" | "comfortable" | "compact" | undefined;
+                readonly direction?: "horizontal" | "vertical" | undefined;
+                readonly isDirty?: boolean | undefined;
+                readonly disabled?: boolean | undefined;
+                readonly isOnError?: boolean | undefined;
+                readonly isFlat?: boolean | undefined;
+                readonly isFocused?: boolean | undefined;
+                readonly areDetailsHidden?: boolean | "auto" | undefined;
+                readonly areSpinButtonsHidden?: boolean | undefined;
+                readonly hint?: string | undefined;
+                readonly id?: string | undefined;
+                readonly loading?: string | boolean | undefined;
+                readonly maxErrors?: string | number | undefined;
+                readonly maxWidth?: string | number | undefined;
+                readonly messages?: string | string[] | undefined;
+                readonly minWidth?: string | number | undefined;
+                readonly name?: string | undefined;
+                readonly displayPersistentClear?: boolean | undefined;
+                readonly displayPersistentCounter?: boolean | undefined;
+                readonly displayPersistentHint?: boolean | undefined;
+                readonly displayPersistentPlaceholder?: boolean | undefined;
+                readonly placeholder?: string | undefined;
+                readonly prefix?: string | undefined;
+                readonly isReversed?: boolean | undefined;
+                readonly role?: string | undefined;
+                readonly rounded?: string | number | boolean | undefined;
+                readonly isOnSingleLine?: boolean | undefined;
+                readonly suffix?: string | undefined;
+                readonly theme?: string | undefined;
+                readonly isTiled?: boolean | undefined;
+                readonly type?: string | undefined;
+                readonly width?: string | number | undefined;
+                readonly displayAsterisk?: boolean | undefined;
+                readonly noIcon?: boolean | undefined;
+                readonly customRules?: ValidationRule[] | undefined;
+                readonly customWarningRules?: ValidationRule[] | undefined;
+                readonly customSuccessRules?: ValidationRule[] | undefined;
+                readonly showSuccessMessages?: boolean | undefined;
+                readonly isValidateOnBlur?: boolean | undefined;
+                readonly disableErrorHandling?: boolean | undefined;
+                readonly "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+                readonly onClear?: ((...args: any[]) => any) | undefined;
+                readonly "onPrepend-icon-click"?: ((...args: any[]) => any) | undefined;
+                readonly "onAppend-icon-click"?: ((...args: any[]) => any) | undefined;
+            } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps;
+            $attrs: {
+                [x: string]: unknown;
+            };
+            $refs: {
+                [x: string]: unknown;
+            };
+            $slots: Readonly<{
+                [name: string]: import('vue').Slot<any> | undefined;
+            }>;
+            $root: import('vue').ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import('vue').ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}, {}, {}, string, import('vue').ComponentProvideOptions>, {}, {}, "", {}, any> | null;
+            $parent: import('vue').ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import('vue').ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}, {}, {}, string, import('vue').ComponentProvideOptions>, {}, {}, "", {}, any> | null;
+            $host: Element | null;
+            $emit: ((event: "update:modelValue", ...args: any[]) => void) & ((event: "clear", ...args: any[]) => void) & ((event: "prepend-icon-click", ...args: any[]) => void) & ((event: "append-icon-click", ...args: any[]) => void);
+            $el: any;
+            $options: import('vue').ComponentOptionsBase<Readonly<{
+                modelValue?: string | number | null | undefined;
+                prependIcon?: import('../Customs/SyTextField/types').IconType;
+                appendIcon?: import('../Customs/SyTextField/types').IconType;
+                prependInnerIcon?: import('../Customs/SyTextField/types').IconType;
+                appendInnerIcon?: import('../Customs/SyTextField/types').IconType;
+                prependTooltip?: string | undefined;
+                appendTooltip?: string | undefined;
+                tooltipLocation?: "top" | "bottom" | "start" | "end" | undefined;
+                variantStyle?: import('../Customs/SyTextField/types').VariantStyle | undefined;
+                color?: import('../Customs/SyTextField/types').ColorType | undefined;
+                isClearable?: boolean | undefined;
+                showDivider?: boolean | undefined;
+                label?: string | undefined;
+                required?: boolean | undefined;
+                errorMessages?: string[] | null | undefined;
+                warningMessages?: string[] | null | undefined;
+                successMessages?: string[] | null | undefined;
+                readonly?: boolean | undefined;
+                isActive?: boolean | undefined;
+                baseColor?: string | undefined;
+                bgColor?: string | undefined;
+                centerAffix?: boolean | undefined;
+                counter?: string | number | boolean | undefined;
+                counterValue?: number | ((value: any) => number) | undefined;
+                density?: "default" | "comfortable" | "compact" | undefined;
+                direction?: "horizontal" | "vertical" | undefined;
+                isDirty?: boolean | undefined;
+                disabled?: boolean | undefined;
+                isOnError?: boolean | undefined;
+                isFlat?: boolean | undefined;
+                isFocused?: boolean | undefined;
+                areDetailsHidden?: boolean | "auto" | undefined;
+                areSpinButtonsHidden?: boolean | undefined;
+                hint?: string | undefined;
+                id?: string | undefined;
+                loading?: string | boolean | undefined;
+                maxErrors?: string | number | undefined;
+                maxWidth?: string | number | undefined;
+                messages?: string | string[] | undefined;
+                minWidth?: string | number | undefined;
+                name?: string | undefined;
+                displayPersistentClear?: boolean | undefined;
+                displayPersistentCounter?: boolean | undefined;
+                displayPersistentHint?: boolean | undefined;
+                displayPersistentPlaceholder?: boolean | undefined;
+                placeholder?: string | undefined;
+                prefix?: string | undefined;
+                isReversed?: boolean | undefined;
+                role?: string | undefined;
+                rounded?: string | number | boolean | undefined;
+                isOnSingleLine?: boolean | undefined;
+                suffix?: string | undefined;
+                theme?: string | undefined;
+                isTiled?: boolean | undefined;
+                type?: string | undefined;
+                width?: string | number | undefined;
+                displayAsterisk?: boolean | undefined;
+                noIcon?: boolean | undefined;
+                customRules?: ValidationRule[] | undefined;
+                customWarningRules?: ValidationRule[] | undefined;
+                customSuccessRules?: ValidationRule[] | undefined;
+                showSuccessMessages?: boolean | undefined;
+                isValidateOnBlur?: boolean | undefined;
+                disableErrorHandling?: boolean | undefined;
+            }> & Readonly<{
+                "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+                onClear?: ((...args: any[]) => any) | undefined;
+                "onPrepend-icon-click"?: ((...args: any[]) => any) | undefined;
+                "onAppend-icon-click"?: ((...args: any[]) => any) | undefined;
+            }>, {
+                validation: {
+                    errors: import('vue').Ref<string[], string[]>;
+                    warnings: import('vue').Ref<string[], string[]>;
+                    successes: import('vue').Ref<string[], string[]>;
+                    hasError: import('vue').ComputedRef<boolean>;
+                    hasWarning: import('vue').ComputedRef<boolean>;
+                    hasSuccess: import('vue').ComputedRef<boolean>;
+                    validateField: (value: unknown, rules?: ValidationRule[], warningRules?: ValidationRule[], successRules?: ValidationRule[]) => import('../../composables/validation/useValidation').ValidationResult;
+                    validateOnSubmit: () => Promise<boolean>;
+                    clearValidation: () => void;
+                };
+                validateOnSubmit: () => boolean;
+                checkErrorOnBlur: () => void;
+            }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+                "update:modelValue": (...args: any[]) => void;
+                clear: (...args: any[]) => void;
+                "prepend-icon-click": (...args: any[]) => void;
+                "append-icon-click": (...args: any[]) => void;
+            }, string, {
+                modelValue: string | number | null;
+                prependIcon: "error" | "warning" | "info" | "success" | "close" | "calendar";
+                appendIcon: "error" | "warning" | "info" | "success" | "close" | "calendar";
+                prependInnerIcon: "error" | "warning" | "info" | "success" | "close" | "calendar";
+                appendInnerIcon: "error" | "warning" | "info" | "success" | "close" | "calendar";
+                prependTooltip: string;
+                appendTooltip: string;
+                tooltipLocation: "top" | "bottom" | "start" | "end";
+                variantStyle: import('../Customs/SyTextField/types').VariantStyle;
+                color: import('../Customs/SyTextField/types').ColorType;
+                isClearable: boolean;
+                label: string;
+                errorMessages: string[] | null;
+                warningMessages: string[] | null;
+                successMessages: string[] | null;
+                readonly: boolean;
+                isActive: boolean;
+                baseColor: string;
+                bgColor: string;
+                centerAffix: boolean;
+                counter: string | number | boolean;
+                counterValue: number | ((value: any) => number);
+                density: "default" | "comfortable" | "compact";
+                direction: "horizontal" | "vertical";
+                isDirty: boolean;
+                disabled: boolean;
+                isOnError: boolean;
+                isFlat: boolean;
+                isFocused: boolean;
+                areDetailsHidden: boolean | "auto";
+                areSpinButtonsHidden: boolean;
+                hint: string;
+                id: string;
+                loading: string | boolean;
+                maxErrors: string | number;
+                maxWidth: string | number;
+                messages: string | string[];
+                minWidth: string | number;
+                name: string;
+                displayPersistentClear: boolean;
+                displayPersistentCounter: boolean;
+                displayPersistentHint: boolean;
+                displayPersistentPlaceholder: boolean;
+                placeholder: string;
+                prefix: string;
+                isReversed: boolean;
+                role: string;
+                rounded: string | number | boolean;
+                isOnSingleLine: boolean;
+                suffix: string;
+                theme: string;
+                isTiled: boolean;
+                type: string;
+                width: string | number;
+                displayAsterisk: boolean;
+                noIcon: boolean;
+                customRules: ValidationRule[];
+                customWarningRules: ValidationRule[];
+                customSuccessRules: ValidationRule[];
+                showSuccessMessages: boolean;
+                isValidateOnBlur: boolean;
+                disableErrorHandling: boolean;
+            }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
+                beforeCreate?: ((() => void) | (() => void)[]) | undefined;
+                created?: ((() => void) | (() => void)[]) | undefined;
+                beforeMount?: ((() => void) | (() => void)[]) | undefined;
+                mounted?: ((() => void) | (() => void)[]) | undefined;
+                beforeUpdate?: ((() => void) | (() => void)[]) | undefined;
+                updated?: ((() => void) | (() => void)[]) | undefined;
+                activated?: ((() => void) | (() => void)[]) | undefined;
+                deactivated?: ((() => void) | (() => void)[]) | undefined;
+                beforeDestroy?: ((() => void) | (() => void)[]) | undefined;
+                beforeUnmount?: ((() => void) | (() => void)[]) | undefined;
+                destroyed?: ((() => void) | (() => void)[]) | undefined;
+                unmounted?: ((() => void) | (() => void)[]) | undefined;
+                renderTracked?: (((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[]) | undefined;
+                renderTriggered?: (((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[]) | undefined;
+                errorCaptured?: (((err: unknown, instance: import('vue').ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import('vue').ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}, {}, {}, string, import('vue').ComponentProvideOptions>, {}, {}, "", {}, any> | null, info: string) => boolean | void) | ((err: unknown, instance: import('vue').ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import('vue').ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}, {}, {}, string, import('vue').ComponentProvideOptions>, {}, {}, "", {}, any> | null, info: string) => boolean | void)[]) | undefined;
+            };
+            $forceUpdate: () => void;
+            $nextTick: typeof import('vue').nextTick;
+            $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (args_0: R, args_1: R, args_2: import('@vue/reactivity').OnCleanup) => any : (args_0: any, args_1: any, args_2: import('@vue/reactivity').OnCleanup) => any, options?: import('vue').WatchOptions<boolean> | undefined): import('vue').WatchStopHandle;
+        } & Readonly<{
+            modelValue: string | number | null;
+            prependIcon: "error" | "warning" | "info" | "success" | "close" | "calendar";
+            appendIcon: "error" | "warning" | "info" | "success" | "close" | "calendar";
+            prependInnerIcon: "error" | "warning" | "info" | "success" | "close" | "calendar";
+            appendInnerIcon: "error" | "warning" | "info" | "success" | "close" | "calendar";
+            prependTooltip: string;
+            appendTooltip: string;
+            tooltipLocation: "top" | "bottom" | "start" | "end";
+            variantStyle: import('../Customs/SyTextField/types').VariantStyle;
+            color: import('../Customs/SyTextField/types').ColorType;
+            isClearable: boolean;
+            label: string;
+            errorMessages: string[] | null;
+            warningMessages: string[] | null;
+            successMessages: string[] | null;
+            readonly: boolean;
+            isActive: boolean;
+            baseColor: string;
+            bgColor: string;
+            centerAffix: boolean;
+            counter: string | number | boolean;
+            counterValue: number | ((value: any) => number);
+            density: "default" | "comfortable" | "compact";
+            direction: "horizontal" | "vertical";
+            isDirty: boolean;
+            disabled: boolean;
+            isOnError: boolean;
+            isFlat: boolean;
+            isFocused: boolean;
+            areDetailsHidden: boolean | "auto";
+            areSpinButtonsHidden: boolean;
+            hint: string;
+            id: string;
+            loading: string | boolean;
+            maxErrors: string | number;
+            maxWidth: string | number;
+            messages: string | string[];
+            minWidth: string | number;
+            name: string;
+            displayPersistentClear: boolean;
+            displayPersistentCounter: boolean;
+            displayPersistentHint: boolean;
+            displayPersistentPlaceholder: boolean;
+            placeholder: string;
+            prefix: string;
+            isReversed: boolean;
+            role: string;
+            rounded: string | number | boolean;
+            isOnSingleLine: boolean;
+            suffix: string;
+            theme: string;
+            isTiled: boolean;
+            type: string;
+            width: string | number;
+            displayAsterisk: boolean;
+            noIcon: boolean;
+            customRules: ValidationRule[];
+            customWarningRules: ValidationRule[];
+            customSuccessRules: ValidationRule[];
+            showSuccessMessages: boolean;
+            isValidateOnBlur: boolean;
+            disableErrorHandling: boolean;
+        }> & Omit<Readonly<{
+            modelValue?: string | number | null | undefined;
+            prependIcon?: import('../Customs/SyTextField/types').IconType;
+            appendIcon?: import('../Customs/SyTextField/types').IconType;
+            prependInnerIcon?: import('../Customs/SyTextField/types').IconType;
+            appendInnerIcon?: import('../Customs/SyTextField/types').IconType;
+            prependTooltip?: string | undefined;
+            appendTooltip?: string | undefined;
+            tooltipLocation?: "top" | "bottom" | "start" | "end" | undefined;
+            variantStyle?: import('../Customs/SyTextField/types').VariantStyle | undefined;
+            color?: import('../Customs/SyTextField/types').ColorType | undefined;
+            isClearable?: boolean | undefined;
+            showDivider?: boolean | undefined;
+            label?: string | undefined;
+            required?: boolean | undefined;
+            errorMessages?: string[] | null | undefined;
+            warningMessages?: string[] | null | undefined;
+            successMessages?: string[] | null | undefined;
+            readonly?: boolean | undefined;
+            isActive?: boolean | undefined;
+            baseColor?: string | undefined;
+            bgColor?: string | undefined;
+            centerAffix?: boolean | undefined;
+            counter?: string | number | boolean | undefined;
+            counterValue?: number | ((value: any) => number) | undefined;
+            density?: "default" | "comfortable" | "compact" | undefined;
+            direction?: "horizontal" | "vertical" | undefined;
+            isDirty?: boolean | undefined;
+            disabled?: boolean | undefined;
+            isOnError?: boolean | undefined;
+            isFlat?: boolean | undefined;
+            isFocused?: boolean | undefined;
+            areDetailsHidden?: boolean | "auto" | undefined;
+            areSpinButtonsHidden?: boolean | undefined;
+            hint?: string | undefined;
+            id?: string | undefined;
+            loading?: string | boolean | undefined;
+            maxErrors?: string | number | undefined;
+            maxWidth?: string | number | undefined;
+            messages?: string | string[] | undefined;
+            minWidth?: string | number | undefined;
+            name?: string | undefined;
+            displayPersistentClear?: boolean | undefined;
+            displayPersistentCounter?: boolean | undefined;
+            displayPersistentHint?: boolean | undefined;
+            displayPersistentPlaceholder?: boolean | undefined;
+            placeholder?: string | undefined;
+            prefix?: string | undefined;
+            isReversed?: boolean | undefined;
+            role?: string | undefined;
+            rounded?: string | number | boolean | undefined;
+            isOnSingleLine?: boolean | undefined;
+            suffix?: string | undefined;
+            theme?: string | undefined;
+            isTiled?: boolean | undefined;
+            type?: string | undefined;
+            width?: string | number | undefined;
+            displayAsterisk?: boolean | undefined;
+            noIcon?: boolean | undefined;
+            customRules?: ValidationRule[] | undefined;
+            customWarningRules?: ValidationRule[] | undefined;
+            customSuccessRules?: ValidationRule[] | undefined;
+            showSuccessMessages?: boolean | undefined;
+            isValidateOnBlur?: boolean | undefined;
+            disableErrorHandling?: boolean | undefined;
+        }> & Readonly<{
+            "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+            onClear?: ((...args: any[]) => any) | undefined;
+            "onPrepend-icon-click"?: ((...args: any[]) => any) | undefined;
+            "onAppend-icon-click"?: ((...args: any[]) => any) | undefined;
+        }>, "validation" | "validateOnSubmit" | "checkErrorOnBlur" | ("modelValue" | "prependIcon" | "appendIcon" | "prependInnerIcon" | "appendInnerIcon" | "prependTooltip" | "appendTooltip" | "tooltipLocation" | "variantStyle" | "color" | "isClearable" | "label" | "errorMessages" | "warningMessages" | "successMessages" | "readonly" | "isActive" | "baseColor" | "bgColor" | "centerAffix" | "counter" | "counterValue" | "density" | "direction" | "isDirty" | "disabled" | "isOnError" | "isFlat" | "isFocused" | "areDetailsHidden" | "areSpinButtonsHidden" | "hint" | "id" | "loading" | "maxErrors" | "maxWidth" | "messages" | "minWidth" | "name" | "displayPersistentClear" | "displayPersistentCounter" | "displayPersistentHint" | "displayPersistentPlaceholder" | "placeholder" | "prefix" | "isReversed" | "role" | "rounded" | "isOnSingleLine" | "suffix" | "theme" | "isTiled" | "type" | "width" | "displayAsterisk" | "noIcon" | "customRules" | "customWarningRules" | "customSuccessRules" | "showSuccessMessages" | "isValidateOnBlur" | "disableErrorHandling")> & import('vue').ShallowUnwrapRef<{
+            validation: {
+                errors: import('vue').Ref<string[], string[]>;
+                warnings: import('vue').Ref<string[], string[]>;
+                successes: import('vue').Ref<string[], string[]>;
+                hasError: import('vue').ComputedRef<boolean>;
+                hasWarning: import('vue').ComputedRef<boolean>;
+                hasSuccess: import('vue').ComputedRef<boolean>;
+                validateField: (value: unknown, rules?: ValidationRule[], warningRules?: ValidationRule[], successRules?: ValidationRule[]) => import('../../composables/validation/useValidation').ValidationResult;
+                validateOnSubmit: () => Promise<boolean>;
+                clearValidation: () => void;
+            };
+            validateOnSubmit: () => boolean;
+            checkErrorOnBlur: () => void;
+        }> & {} & import('vue').ComponentCustomProperties & {} & {
+            $slots: {
+                prepend?(_: {}): any;
+                append?(_: {}): any;
+                'prepend-inner'?(_: {}): any;
+                'append-inner'?(_: {}): any;
+                details?(_: {}): any;
+            };
+        }) | null;
+        datePickerRef: ({
+            $: import('vue').ComponentInternalInstance;
+            $data: {};
+            $props: Partial<{
+                active: string | string[];
+                transition: string;
+                header: string;
+                style: import('vue').StyleValue;
+                title: string;
+                disabled: boolean;
+                tag: string | import('vuetify/lib/types.mjs').JSXComponent<any>;
+                landscape: boolean;
+                rounded: string | number | boolean;
+                tile: boolean;
+                divided: boolean;
+                nextIcon: import('vuetify/lib/composables/icons.mjs').IconValue;
+                prevIcon: import('vuetify/lib/composables/icons.mjs').IconValue;
+                reverseTransition: string;
+                hideHeader: boolean;
+                modeIcon: import('vuetify/lib/composables/icons.mjs').IconValue;
+                viewMode: "month" | "year" | "months";
+                showAdjacentMonths: boolean;
+                weekdays: import('vuetify/lib/composables/calendar.mjs').CalendarWeekdays[];
+                weeksInMonth: "static" | "dynamic";
+                firstDayOfWeek: string | number;
+                hideWeekdays: boolean;
+                showWeek: boolean;
+            }> & Omit<{
+                transition: string;
+                header: string;
+                style: import('vue').StyleValue;
+                title: string;
+                disabled: boolean;
+                tag: string | import('vuetify/lib/types.mjs').JSXComponent<any>;
+                landscape: boolean;
+                tile: boolean;
+                divided: boolean;
+                nextIcon: import('vuetify/lib/composables/icons.mjs').IconValue;
+                prevIcon: import('vuetify/lib/composables/icons.mjs').IconValue;
+                reverseTransition: string;
+                hideHeader: boolean;
+                modeIcon: import('vuetify/lib/composables/icons.mjs').IconValue;
+                viewMode: "month" | "year" | "months";
+                showAdjacentMonths: boolean;
+                weekdays: import('vuetify/lib/composables/calendar.mjs').CalendarWeekdays[];
+                weeksInMonth: "static" | "dynamic";
+                hideWeekdays: boolean;
+                showWeek: boolean;
+                max?: unknown;
+                location?: import('vuetify/lib/types.mjs').Anchor | null | undefined;
+                height?: string | number | undefined;
+                width?: string | number | undefined;
+                active?: string | string[] | undefined;
+                min?: unknown;
+                border?: string | number | boolean | undefined;
+                color?: string | undefined;
+                maxHeight?: string | number | undefined;
+                maxWidth?: string | number | undefined;
+                minHeight?: string | number | undefined;
+                minWidth?: string | number | undefined;
+                position?: "fixed" | "absolute" | "static" | "relative" | "sticky" | undefined;
+                text?: string | undefined;
+                month?: string | number | undefined;
+                year?: number | undefined;
+                class?: any;
+                theme?: string | undefined;
+                elevation?: string | number | undefined;
+                rounded?: string | number | boolean | undefined;
+                bgColor?: string | undefined;
+                controlHeight?: string | number | undefined;
+                headerColor?: string | undefined;
+                firstDayOfWeek?: string | number | undefined;
+                allowedDates?: unknown[] | ((date: unknown) => boolean) | undefined;
+                "onUpdate:month"?: ((date: any) => any) | undefined;
+                "onUpdate:year"?: ((date: any) => any) | undefined;
+                "onUpdate:viewMode"?: ((date: any) => any) | undefined;
+            } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, "disabled" | "rounded" | "style" | "active" | "tile" | "title" | "transition" | "header" | "tag" | "divided" | "landscape" | "hideHeader" | "showAdjacentMonths" | "weekdays" | "weeksInMonth" | "firstDayOfWeek" | "hideWeekdays" | "showWeek" | "reverseTransition" | "nextIcon" | "prevIcon" | "modeIcon" | "viewMode">;
+            $attrs: {
+                [x: string]: unknown;
+            };
+            $refs: {
+                [x: string]: unknown;
+            };
+            $slots: Readonly<{
+                default?: (() => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
+                    [key: string]: any;
+                }>[]) | undefined;
+                title?: (() => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
+                    [key: string]: any;
+                }>[]) | undefined;
+                actions?: (() => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
+                    [key: string]: any;
+                }>[]) | undefined;
+                header?: ((arg: {
+                    header: string;
+                    transition: string;
+                }) => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
+                    [key: string]: any;
+                }>[]) | undefined;
+            }>;
+            $root: import('vue').ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import('vue').ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}, {}, {}, string, import('vue').ComponentProvideOptions>, {}, {}, "", {}, any> | null;
+            $parent: import('vue').ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import('vue').ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}, {}, {}, string, import('vue').ComponentProvideOptions>, {}, {}, "", {}, any> | null;
+            $host: Element | null;
+            $emit: ((event: "update:month", date: any) => void) & ((event: "update:year", date: any) => void) & ((event: "update:viewMode", date: any) => void);
+            $el: any;
+            $options: import('vue').ComponentOptionsBase<{
+                transition: string;
+                header: string;
+                style: import('vue').StyleValue;
+                title: string;
+                disabled: boolean;
+                tag: string | import('vuetify/lib/types.mjs').JSXComponent<any>;
+                landscape: boolean;
+                tile: boolean;
+                divided: boolean;
+                nextIcon: import('vuetify/lib/composables/icons.mjs').IconValue;
+                prevIcon: import('vuetify/lib/composables/icons.mjs').IconValue;
+                reverseTransition: string;
+                hideHeader: boolean;
+                modeIcon: import('vuetify/lib/composables/icons.mjs').IconValue;
+                viewMode: "month" | "year" | "months";
+                showAdjacentMonths: boolean;
+                weekdays: import('vuetify/lib/composables/calendar.mjs').CalendarWeekdays[];
+                weeksInMonth: "static" | "dynamic";
+                hideWeekdays: boolean;
+                showWeek: boolean;
+            } & {
+                max?: unknown;
+                location?: import('vuetify/lib/types.mjs').Anchor | null | undefined;
+                height?: string | number | undefined;
+                width?: string | number | undefined;
+                active?: string | string[] | undefined;
+                min?: unknown;
+                border?: string | number | boolean | undefined;
+                color?: string | undefined;
+                maxHeight?: string | number | undefined;
+                maxWidth?: string | number | undefined;
+                minHeight?: string | number | undefined;
+                minWidth?: string | number | undefined;
+                position?: "fixed" | "absolute" | "static" | "relative" | "sticky" | undefined;
+                text?: string | undefined;
+                month?: string | number | undefined;
+                year?: number | undefined;
+                class?: any;
+                theme?: string | undefined;
+                elevation?: string | number | undefined;
+                rounded?: string | number | boolean | undefined;
+                bgColor?: string | undefined;
+                controlHeight?: string | number | undefined;
+                headerColor?: string | undefined;
+                firstDayOfWeek?: string | number | undefined;
+                allowedDates?: unknown[] | ((date: unknown) => boolean) | undefined;
+            } & {
+                "onUpdate:month"?: ((date: any) => any) | undefined;
+                "onUpdate:year"?: ((date: any) => any) | undefined;
+                "onUpdate:viewMode"?: ((date: any) => any) | undefined;
+            }, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, Omit<{
+                'update:modelValue': (date: any) => true;
+                'update:month': (date: any) => true;
+                'update:year': (date: any) => true;
+                'update:viewMode': (date: any) => true;
+            }, "modelValue" | "update:modelValue" | "$children" | "v-slots" | "v-slot:default" | "multiple" | "v-slot:actions" | "v-slot:title" | "v-slot:header">, string, {
+                active: string | string[];
+                transition: string;
+                header: string;
+                style: import('vue').StyleValue;
+                title: string;
+                disabled: boolean;
+                tag: string | import('vuetify/lib/types.mjs').JSXComponent<any>;
+                landscape: boolean;
+                rounded: string | number | boolean;
+                tile: boolean;
+                divided: boolean;
+                nextIcon: import('vuetify/lib/composables/icons.mjs').IconValue;
+                prevIcon: import('vuetify/lib/composables/icons.mjs').IconValue;
+                reverseTransition: string;
+                hideHeader: boolean;
+                modeIcon: import('vuetify/lib/composables/icons.mjs').IconValue;
+                viewMode: "month" | "year" | "months";
+                showAdjacentMonths: boolean;
+                weekdays: import('vuetify/lib/composables/calendar.mjs').CalendarWeekdays[];
+                weeksInMonth: "static" | "dynamic";
+                firstDayOfWeek: string | number;
+                hideWeekdays: boolean;
+                showWeek: boolean;
+            }, {}, string, import('vue').SlotsType<Partial<{
+                default: () => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
+                    [key: string]: any;
+                }>[];
+                title: () => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
+                    [key: string]: any;
+                }>[];
+                actions: () => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
+                    [key: string]: any;
+                }>[];
+                header: (arg: {
+                    header: string;
+                    transition: string;
+                }) => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
+                    [key: string]: any;
+                }>[];
+            }>>, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
+                beforeCreate?: ((() => void) | (() => void)[]) | undefined;
+                created?: ((() => void) | (() => void)[]) | undefined;
+                beforeMount?: ((() => void) | (() => void)[]) | undefined;
+                mounted?: ((() => void) | (() => void)[]) | undefined;
+                beforeUpdate?: ((() => void) | (() => void)[]) | undefined;
+                updated?: ((() => void) | (() => void)[]) | undefined;
+                activated?: ((() => void) | (() => void)[]) | undefined;
+                deactivated?: ((() => void) | (() => void)[]) | undefined;
+                beforeDestroy?: ((() => void) | (() => void)[]) | undefined;
+                beforeUnmount?: ((() => void) | (() => void)[]) | undefined;
+                destroyed?: ((() => void) | (() => void)[]) | undefined;
+                unmounted?: ((() => void) | (() => void)[]) | undefined;
+                renderTracked?: (((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[]) | undefined;
+                renderTriggered?: (((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[]) | undefined;
+                errorCaptured?: (((err: unknown, instance: import('vue').ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import('vue').ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}, {}, {}, string, import('vue').ComponentProvideOptions>, {}, {}, "", {}, any> | null, info: string) => boolean | void) | ((err: unknown, instance: import('vue').ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import('vue').ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}, {}, {}, string, import('vue').ComponentProvideOptions>, {}, {}, "", {}, any> | null, info: string) => boolean | void)[]) | undefined;
+            };
+            $forceUpdate: () => void;
+            $nextTick: typeof import('vue').nextTick;
+            $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (args_0: R, args_1: R, args_2: import('@vue/reactivity').OnCleanup) => any : (args_0: any, args_1: any, args_2: import('@vue/reactivity').OnCleanup) => any, options?: import('vue').WatchOptions<boolean> | undefined): import('vue').WatchStopHandle;
+        } & Readonly<{
+            active: string | string[];
+            transition: string;
+            header: string;
+            style: import('vue').StyleValue;
+            title: string;
+            disabled: boolean;
+            tag: string | import('vuetify/lib/types.mjs').JSXComponent<any>;
+            landscape: boolean;
+            rounded: string | number | boolean;
+            tile: boolean;
+            divided: boolean;
+            nextIcon: import('vuetify/lib/composables/icons.mjs').IconValue;
+            prevIcon: import('vuetify/lib/composables/icons.mjs').IconValue;
+            reverseTransition: string;
+            hideHeader: boolean;
+            modeIcon: import('vuetify/lib/composables/icons.mjs').IconValue;
+            viewMode: "month" | "year" | "months";
+            showAdjacentMonths: boolean;
+            weekdays: import('vuetify/lib/composables/calendar.mjs').CalendarWeekdays[];
+            weeksInMonth: "static" | "dynamic";
+            firstDayOfWeek: string | number;
+            hideWeekdays: boolean;
+            showWeek: boolean;
+        }> & Omit<{
+            transition: string;
+            header: string;
+            style: import('vue').StyleValue;
+            title: string;
+            disabled: boolean;
+            tag: string | import('vuetify/lib/types.mjs').JSXComponent<any>;
+            landscape: boolean;
+            tile: boolean;
+            divided: boolean;
+            nextIcon: import('vuetify/lib/composables/icons.mjs').IconValue;
+            prevIcon: import('vuetify/lib/composables/icons.mjs').IconValue;
+            reverseTransition: string;
+            hideHeader: boolean;
+            modeIcon: import('vuetify/lib/composables/icons.mjs').IconValue;
+            viewMode: "month" | "year" | "months";
+            showAdjacentMonths: boolean;
+            weekdays: import('vuetify/lib/composables/calendar.mjs').CalendarWeekdays[];
+            weeksInMonth: "static" | "dynamic";
+            hideWeekdays: boolean;
+            showWeek: boolean;
+        } & {
+            max?: unknown;
+            location?: import('vuetify/lib/types.mjs').Anchor | null | undefined;
+            height?: string | number | undefined;
+            width?: string | number | undefined;
+            active?: string | string[] | undefined;
+            min?: unknown;
+            border?: string | number | boolean | undefined;
+            color?: string | undefined;
+            maxHeight?: string | number | undefined;
+            maxWidth?: string | number | undefined;
+            minHeight?: string | number | undefined;
+            minWidth?: string | number | undefined;
+            position?: "fixed" | "absolute" | "static" | "relative" | "sticky" | undefined;
+            text?: string | undefined;
+            month?: string | number | undefined;
+            year?: number | undefined;
+            class?: any;
+            theme?: string | undefined;
+            elevation?: string | number | undefined;
+            rounded?: string | number | boolean | undefined;
+            bgColor?: string | undefined;
+            controlHeight?: string | number | undefined;
+            headerColor?: string | undefined;
+            firstDayOfWeek?: string | number | undefined;
+            allowedDates?: unknown[] | ((date: unknown) => boolean) | undefined;
+        } & {
+            "onUpdate:month"?: ((date: any) => any) | undefined;
+            "onUpdate:year"?: ((date: any) => any) | undefined;
+            "onUpdate:viewMode"?: ((date: any) => any) | undefined;
+        }, "disabled" | "rounded" | "style" | "active" | "tile" | "title" | "transition" | "header" | "tag" | "divided" | "landscape" | "hideHeader" | "showAdjacentMonths" | "weekdays" | "weeksInMonth" | "firstDayOfWeek" | "hideWeekdays" | "showWeek" | "reverseTransition" | "nextIcon" | "prevIcon" | "modeIcon" | "viewMode"> & import('vue').ShallowUnwrapRef<{}> & {} & import('vue').ComponentCustomProperties & {} & import('vuetify/lib/util/defineComponent.mjs').GenericProps<{
+            modelValue?: Date | Date[] | null | undefined;
+            "onUpdate:modelValue"?: ((value: Date | Date[] | null) => void) | undefined;
+            multiple?: false | "range" | undefined;
+        }, import('vuetify/lib/components/VDatePicker/VDatePicker.mjs').VDatePickerSlots>) | null;
+    }, HTMLDivElement, import('vue').ComponentProvideOptions, {
+        P: {};
+        B: {};
+        D: {};
+        C: {};
+        M: {};
+        Defaults: {};
+    }, Readonly<{
+        modelValue?: import('../../composables/date/useDateInitialization').DateInput | undefined;
+        placeholder?: string | undefined;
+        format?: string | undefined;
+        dateFormatReturn?: string | undefined;
+        isBirthDate?: boolean | undefined;
+        showWeekNumber?: boolean | undefined;
+        required?: boolean | undefined;
+        displayRange?: boolean | undefined;
+        displayIcon?: boolean | undefined;
+        displayAppendIcon?: boolean | undefined;
+        displayPrependIcon?: boolean | undefined;
+        customRules?: {
+            type: string;
+            options: any;
+        }[] | undefined;
+        customWarningRules?: {
+            type: string;
+            options: any;
+        }[] | undefined;
+        disabled?: boolean | undefined;
+        noIcon?: boolean | undefined;
+        noCalendar?: boolean | undefined;
+        isOutlined?: boolean | undefined;
+        readonly?: boolean | undefined;
+        width?: string | undefined;
+        disableErrorHandling?: boolean | undefined;
+        showSuccessMessages?: boolean | undefined;
+        bgColor?: string | undefined;
+    }> & Readonly<{
+        "onUpdate:modelValue"?: ((value: import('../../composables/date/useDateInitialization').DateValue) => any) | undefined;
+        onBlur?: (() => any) | undefined;
+        onFocus?: (() => any) | undefined;
+        onClosed?: (() => any) | undefined;
+    }>, {
+        validateOnSubmit: () => any;
+        isDatePickerVisible: import('vue').Ref<boolean, boolean>;
+        selectedDates: import('vue').Ref<Date | Date[] | null, Date | Date[] | null>;
+        errorMessages: import('vue').Ref<string[], string[]>;
+        handleClickOutside: (event: MouseEvent) => void;
+        initializeSelectedDates: (modelValue: import('../../composables/date/useDateInitialization').DateInput, displayFormat: string, returnFormat?: string) => Date | Date[] | null;
+        updateAccessibility: () => Promise<void>;
+        openDatePicker: () => void;
+    }, {}, {}, {}, {
+        required: boolean;
+        modelValue: import('../../composables/date/useDateInitialization').DateInput;
+        readonly: boolean;
+        bgColor: string;
+        disabled: boolean;
+        placeholder: string;
+        width: string;
+        noIcon: boolean;
+        customRules: {
+            type: string;
+            options: any;
+        }[];
+        customWarningRules: {
+            type: string;
+            options: any;
+        }[];
+        showSuccessMessages: boolean;
+        disableErrorHandling: boolean;
+        format: string;
+        dateFormatReturn: string;
+        isOutlined: boolean;
+        displayIcon: boolean;
+        displayAppendIcon: boolean;
+        displayPrependIcon: boolean;
+        isBirthDate: boolean;
+        showWeekNumber: boolean;
+        displayRange: boolean;
+        noCalendar: boolean;
+    }> | null;
+}, HTMLDivElement>;
+export default _default;