@cnamts/synapse 1.0.23 → 1.0.25

package/dist/components/DatePicker/ComplexDatePicker/ComplexDatePicker.d.ts

@@ -1,22 +1,9 @@
 import { nextTick, ComponentPublicInstance, Ref } from 'vue';
 import { DateInput, DateValue } from '../../../composables/date/useDateInitializationDayjs';
-/**
- * Props / Emits
- */
 type __VLS_Props = {
-    modelValue?: DateInput;
-    label: string;
-    placeholder?: string;
-    format?: string;
-    dateFormatReturn?: string;
-    isBirthDate?: boolean;
+    autoClamp?: boolean;
+    bgColor?: string;
     birthDate?: boolean;
-    showWeekNumber?: boolean;
-    required?: boolean;
-    displayRange?: boolean;
-    displayIcon?: boolean;
-    displayAppendIcon?: boolean;
-    displayPrependIcon?: boolean;
     customRules?: {
         type: string;
         options: any;
@@ -25,34 +12,44 @@ type __VLS_Props = {
         type: string;
         options: any;
     }[];
-    disabled?: boolean;
-    noIcon?: boolean;
-    noCalendar?: boolean;
-    isOutlined?: boolean;
-    readonly?: boolean;
-    title?: string | false;
-    width?: string;
+    dateFormatReturn?: string;
+    density?: 'default' | 'comfortable' | 'compact';
     disableErrorHandling?: boolean;
-    showSuccessMessages?: boolean;
-    bgColor?: string;
-    textFieldActivator?: boolean;
+    disabled?: boolean;
+    displayAppendIcon?: boolean;
+    displayAsterisk?: boolean;
+    displayHolidayDays?: boolean;
+    displayIcon?: boolean;
+    displayPrependIcon?: boolean;
+    displayRange?: boolean;
     displayTodayButton?: boolean;
     displayWeekendDays?: boolean;
-    displayHolidayDays?: boolean;
-    displayAsterisk?: boolean;
+    format?: string;
+    headingLevel?: 1 | 2 | 3 | 4 | 5 | 6;
+    hint?: string;
+    isBirthDate?: boolean;
+    isOutlined?: boolean;
+    isValidateOnBlur?: boolean;
+    label: string;
+    modelValue?: DateInput;
+    noCalendar?: boolean;
+    noIcon?: boolean;
     period?: {
-        min?: string;
         max?: string;
+        min?: string;
     };
-    autoClamp?: boolean;
-    isValidateOnBlur?: boolean;
-    density?: 'default' | 'comfortable' | 'compact';
-    hint?: string;
     persistentHint?: boolean;
-    headingLevel?: 1 | 2 | 3 | 4 | 5 | 6;
+    placeholder?: string;
+    readonly?: boolean;
+    required?: boolean;
+    showSuccessMessages?: boolean;
+    showWeekNumber?: boolean;
+    textFieldActivator?: boolean;
+    title?: string | false;
+    width?: string;
 };
 declare const _default: import('vue').DefineComponent<__VLS_Props, {
-    validateOnSubmit: () => boolean;
+    validateOnSubmit: () => Promise<boolean>;
     isDatePickerVisible: Ref<boolean, boolean>;
     selectedDates: Ref<Date | (Date | null)[] | null, Date | (Date | null)[] | null>;
     errorMessages: import('vue').ComputedRef<string[]>;
@@ -65,9 +62,9 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
     currentMonth: Ref<string | null, string | null>;
     currentMonthName: Ref<string | null, string | null>;
     toggleDatePicker: () => void;
-    validateField: (value: unknown, rules?: import('../../../composables/validation/useValidation').ValidationRule[], warningRules?: import('../../../composables/validation/useValidation').ValidationRule[], successRules?: import('../../../composables/validation/useValidation').ValidationRule[]) => import('../../../composables/validation/useValidation').ValidationResult;
+    validateField: (value: unknown, rules?: import('../../../composables/validation/useValidation').ValidationRule[], warningRules?: import('../../../composables/validation/useValidation').ValidationRule[], successRules?: import('../../../composables/validation/useValidation').ValidationRule[]) => import('../../../composables/validation/useValidation').ValidationResult | Promise<import('../../../composables/validation/useValidation').ValidationResult>;
     clearValidation: () => void;
-    validateDates: (forceValidation?: boolean) => import('../../../composables/validation/useValidation').ValidationResult;
+    validateDates: (forceValidation?: boolean) => import('../../../composables/validation/useValidation').ValidationResult | Promise<import('../../../composables/validation/useValidation').ValidationResult>;
     formatDateInput: (input: string, cursorPosition?: number) => {
         formatted: string;
         cursorPos: number;
@@ -106,9 +103,12 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
     modelValue: DateInput;
     bgColor: string;
     required: boolean;
+    showSuccessMessages: boolean;
+    disableErrorHandling: boolean;
     hint: string;
     displayAsterisk: boolean;
     noIcon: boolean;
+    isValidateOnBlur: boolean;
     customRules: {
         type: string;
         options: any;
@@ -117,9 +117,6 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
         type: string;
         options: any;
     }[];
-    showSuccessMessages: boolean;
-    isValidateOnBlur: boolean;
-    disableErrorHandling: boolean;
     persistentHint: boolean;
     format: string;
     autoClamp: boolean;
@@ -127,49 +124,49 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
     displayRange: boolean;
     dateFormatReturn: string;
     textFieldActivator: boolean;
-    isOutlined: boolean;
-    displayIcon: boolean;
     displayAppendIcon: boolean;
+    displayIcon: boolean;
     displayPrependIcon: boolean;
-    isBirthDate: boolean;
+    isOutlined: boolean;
     birthDate: boolean;
-    showWeekNumber: boolean;
+    displayHolidayDays: boolean;
     displayTodayButton: boolean;
     displayWeekendDays: boolean;
-    displayHolidayDays: boolean;
+    isBirthDate: boolean;
     period: {
-        min?: string;
         max?: string;
+        min?: string;
     };
+    showWeekNumber: boolean;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
     accessibilityDescriptionRef: HTMLSpanElement;
     dateTextInputRef: import('vue').CreateComponentPublicInstanceWithMixins<Readonly<{
-        modelValue?: DateValue;
-        placeholder?: string;
-        format?: string;
+        autoClamp?: boolean;
+        bgColor?: string;
+        customRules?: import('../../../composables/validation/useValidation').ValidationRule[];
+        customWarningRules?: import('../../../composables/validation/useValidation').ValidationRule[];
         dateFormatReturn?: string;
-        label: string;
-        required?: boolean;
+        density?: "default" | "comfortable" | "compact";
+        disableErrorHandling?: boolean;
         disabled?: boolean;
-        readonly?: boolean;
-        title?: string | false;
-        isOutlined?: boolean;
-        displayIcon?: boolean;
         displayAppendIcon?: boolean;
-        noIcon?: boolean;
-        customRules?: import('../../../composables/validation/useValidation').ValidationRule[];
-        customWarningRules?: import('../../../composables/validation/useValidation').ValidationRule[];
+        displayIcon?: boolean;
         displayPrependIcon?: boolean;
-        disableErrorHandling?: boolean;
-        showSuccessMessages?: boolean;
-        bgColor?: string;
         displayRange?: boolean;
-        autoClamp?: boolean;
-        isValidateOnBlur?: boolean;
-        density?: "default" | "comfortable" | "compact";
+        externalErrorMessages?: string[];
+        format?: string;
         hint?: string;
+        isOutlined?: boolean;
+        isValidateOnBlur?: boolean;
+        label: string;
+        modelValue?: DateValue;
+        noIcon?: boolean;
         persistentHint?: boolean;
-        externalErrorMessages?: string[];
+        placeholder?: string;
+        readonly?: boolean;
+        required?: boolean;
+        showSuccessMessages?: boolean;
+        title?: string | false;
     }> & Readonly<{
         onInput?: ((value: string) => any) | undefined;
         onBlur?: (() => any) | undefined;
@@ -177,7 +174,7 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
         "onUpdate:model-value"?: ((value: DateValue) => any) | undefined;
         "onDate-selected"?: ((value: DateValue) => any) | undefined;
     }>, {
-        validateOnSubmit: () => boolean;
+        validateOnSubmit: () => Promise<boolean>;
         reset: () => void;
         focus(): void;
         blur(): void;
@@ -196,29 +193,29 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
         modelValue: DateValue;
         bgColor: string;
         required: boolean;
+        showSuccessMessages: boolean;
+        disableErrorHandling: boolean;
         hint: string;
         noIcon: boolean;
+        isValidateOnBlur: boolean;
         customRules: import('../../../composables/validation/useValidation').ValidationRule[];
         customWarningRules: import('../../../composables/validation/useValidation').ValidationRule[];
-        showSuccessMessages: boolean;
-        isValidateOnBlur: boolean;
-        disableErrorHandling: boolean;
         persistentHint: boolean;
         format: string;
         autoClamp: boolean;
         displayRange: boolean;
         dateFormatReturn: string;
-        isOutlined: boolean;
-        displayIcon: boolean;
         displayAppendIcon: boolean;
+        displayIcon: boolean;
         displayPrependIcon: boolean;
         externalErrorMessages: string[];
+        isOutlined: boolean;
     }, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {
         inputRef: ({
             $: import('vue').ComponentInternalInstance;
             $data: {};
             $props: {
-                readonly modelValue?: string | number | null | undefined;
+                readonly modelValue?: string | number | null | undefined | undefined;
                 readonly prependIcon?: import('../../../types/vuetifyTypes').IconType;
                 readonly appendIcon?: import('../../../types/vuetifyTypes').IconType;
                 readonly prependInnerIcon?: import('../../../types/vuetifyTypes').IconType;
@@ -230,11 +227,7 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
                 readonly color?: import('../../../types/vuetifyTypes').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 label: string;
                 readonly readonly?: boolean | undefined;
                 readonly isActive?: boolean | undefined;
                 readonly baseColor?: string | undefined;
@@ -246,7 +239,6 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
                 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;
@@ -254,7 +246,6 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
                 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;
@@ -268,9 +259,6 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
                 readonly isReversed?: boolean | undefined;
                 readonly role?: string | undefined;
                 readonly rounded?: string | number | boolean | undefined;
-                readonly hasError?: boolean | undefined;
-                readonly hasWarning?: boolean | undefined;
-                readonly hasSuccess?: boolean | undefined;
                 readonly isOnSingleLine?: boolean | undefined;
                 readonly suffix?: string | undefined;
                 readonly theme?: string | undefined;
@@ -279,18 +267,30 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
                 readonly width?: string | number | undefined;
                 readonly displayAsterisk?: boolean | undefined;
                 readonly noIcon?: boolean | undefined;
-                readonly customRules?: import('../../../composables/validation/useValidation').ValidationRule[] | undefined;
-                readonly customWarningRules?: import('../../../composables/validation/useValidation').ValidationRule[] | undefined;
-                readonly customSuccessRules?: import('../../../composables/validation/useValidation').ValidationRule[] | undefined;
-                readonly showSuccessMessages?: boolean | undefined;
-                readonly isValidateOnBlur?: boolean | undefined;
-                readonly disableErrorHandling?: boolean | undefined;
                 readonly disableClickButton?: boolean | undefined;
                 readonly autocomplete?: string | undefined;
                 readonly helpText?: string | undefined;
                 readonly maxlength?: string | number | undefined;
                 readonly title?: string | false | undefined;
+                readonly required?: boolean | undefined;
+                readonly isValidateOnBlur?: boolean | undefined;
+                readonly showSuccessMessages?: boolean | undefined;
+                readonly disableErrorHandling?: boolean | undefined;
+                readonly useVuetifyValidation?: boolean | undefined;
+                readonly rules?: import('vuetify').ValidationRule[] | undefined;
+                readonly customRules?: import('../../../composables/validation/useValidation').ValidationRule[] | undefined;
+                readonly customWarningRules?: import('../../../composables/validation/useValidation').ValidationRule[] | undefined;
+                readonly customSuccessRules?: import('../../../composables/validation/useValidation').ValidationRule[] | undefined;
+                readonly errorMessages?: string[] | null | undefined;
+                readonly warningMessages?: string[] | null | undefined;
+                readonly successMessages?: string[] | null | undefined;
+                readonly hasError?: boolean | undefined;
+                readonly hasWarning?: boolean | undefined;
+                readonly hasSuccess?: boolean | undefined;
+                readonly maxErrors?: number | undefined;
                 readonly onInput?: ((...args: any[]) => any) | undefined;
+                readonly onBlur?: ((...args: any[]) => any) | undefined;
+                readonly onFocus?: ((...args: any[]) => any) | undefined;
                 readonly onKeydown?: ((...args: any[]) => any) | undefined;
                 readonly "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
                 readonly onClear?: ((...args: any[]) => any) | undefined;
@@ -671,16 +671,16 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
                     hint?: string | undefined;
                     "onClick:prepend"?: ((args_0: MouseEvent) => void) | undefined;
                     "onClick:append"?: ((args_0: MouseEvent) => void) | undefined;
-                }, "style" | "disabled" | "density" | "readonly" | "error" | "reset" | "errorMessages" | "centerAffix" | "direction" | "maxErrors" | "messages" | "rules" | "isValid" | "resetValidation" | "validate" | "focused" | "glow" | "hideSpinButtons" | "persistentHint"> & import('vue').ShallowUnwrapRef<{
+                }, "style" | "disabled" | "density" | "readonly" | "error" | "reset" | "validate" | "errorMessages" | "focused" | "maxErrors" | "rules" | "centerAffix" | "direction" | "messages" | "isValid" | "resetValidation" | "glow" | "hideSpinButtons" | "persistentHint"> & {
                     reset: () => Promise<void>;
                     resetValidation: () => Promise<void>;
                     validate: (silent?: boolean) => Promise<string[]>;
-                    isValid: import('vue').ComputedRef<boolean | null>;
-                    errorMessages: import('vue').ComputedRef<string[]>;
-                }> & import('vue').ComponentCustomProperties & import('vuetify/lib/util/defineComponent.mjs').GenericProps<{
+                    isValid: boolean | null;
+                    errorMessages: string[];
+                } & import('vue').ComponentCustomProperties & import('vuetify/lib/util/defineComponent.mjs').GenericProps<{
                     modelValue?: unknown;
                     "onUpdate:modelValue"?: ((value: unknown) => void) | undefined;
-                }, import('vuetify/lib/components/VInput/VInput.mjs').VInputSlots>, "label" | "style" | "width" | "color" | "theme" | "class" | "disabled" | "$children" | "v-slots" | "v-slot:default" | keyof import('vue').VNodeProps | "density" | "maxWidth" | "minWidth" | "baseColor" | "prependIcon" | "appendIcon" | "readonly" | "v-slot:append" | "v-slot:prepend" | "id" | "error" | "name" | "modelValue" | "onUpdate:modelValue" | "iconColor" | "errorMessages" | "centerAffix" | "direction" | "hint" | "maxErrors" | "messages" | "rules" | "focused" | "glow" | "hideSpinButtons" | "persistentHint" | "onUpdate:focused" | "validateOn" | "validationValue" | "hideDetails" | "onClick:prepend" | "onClick:append" | "v-slot:details" | "v-slot:message">, `$${any}`> & Omit<Omit<{
+                }, import('vuetify/lib/components/VInput/VInput.mjs').VInputSlots>, "label" | "style" | "width" | "color" | "theme" | "class" | "disabled" | "$children" | "v-slots" | "v-slot:default" | keyof import('vue').VNodeProps | "density" | "maxWidth" | "minWidth" | "baseColor" | "prependIcon" | "appendIcon" | "readonly" | "v-slot:append" | "v-slot:prepend" | "id" | "error" | "name" | "modelValue" | "onUpdate:modelValue" | "iconColor" | "errorMessages" | "focused" | "maxErrors" | "rules" | "validateOn" | "validationValue" | "centerAffix" | "direction" | "hint" | "messages" | "glow" | "hideSpinButtons" | "persistentHint" | "onUpdate:focused" | "hideDetails" | "onClick:prepend" | "onClick:append" | "v-slot:details" | "v-slot:message">, `$${any}`> & Omit<Omit<{
                     $: import('vue').ComponentInternalInstance;
                     $data: {};
                     $props: Partial<{
@@ -804,13 +804,7 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
                         baseColor?: string | undefined;
                         iconColor?: string | boolean | undefined;
                         label?: string | undefined;
-                        prependInnerIcon
-                        /**
-                         * View mode handling
-                         */
-                        ? /**
-                         * View mode handling
-                         */: import('vuetify/lib/composables/icons.mjs').IconValue | undefined;
+                        prependInnerIcon?: import('vuetify/lib/composables/icons.mjs').IconValue | undefined;
                         "onClick:clear"?: ((args_0: MouseEvent) => void) | undefined;
                         "onClick:appendInner"?: ((args_0: MouseEvent) => void) | undefined;
                         "onClick:prependInner"?: ((args_0: MouseEvent) => void) | undefined;
@@ -944,13 +938,13 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
                     labelId?: string | undefined;
                 } & {
                     "onUpdate:focused"?: ((focused: boolean) => any) | undefined;
-                }, "reverse" | "flat" | "details" | "style" | "disabled" | "rounded" | "tile" | "variant" | "active" | "error" | "centerAffix" | "focused" | "glow" | "controlRef" | "fieldIconColor" | "clearIcon" | "clearable" | "dirty" | "persistentClear" | "singleLine"> & import('vue').ShallowUnwrapRef<{
-                    controlRef: Ref<HTMLElement | undefined, HTMLElement | undefined>;
-                    fieldIconColor: import('vue').ComputedRef<string | undefined>;
-                }> & import('vue').ComponentCustomProperties & import('vuetify/lib/util/defineComponent.mjs').GenericProps<{
+                }, "reverse" | "flat" | "details" | "style" | "disabled" | "rounded" | "tile" | "variant" | "active" | "error" | "focused" | "centerAffix" | "glow" | "controlRef" | "fieldIconColor" | "clearIcon" | "clearable" | "dirty" | "persistentClear" | "singleLine"> & {
+                    controlRef: HTMLElement | undefined;
+                    fieldIconColor: string | undefined;
+                } & import('vue').ComponentCustomProperties & import('vuetify/lib/util/defineComponent.mjs').GenericProps<{
                     modelValue?: unknown;
                     "onUpdate:modelValue"?: ((value: unknown) => void) | undefined;
-                }, import('vuetify/lib/components/VField/VField.mjs').VFieldSlots>, "reverse" | "flat" | "label" | "details" | "style" | "color" | "theme" | "class" | "disabled" | "$children" | "v-slots" | "v-slot:default" | keyof import('vue').VNodeProps | "rounded" | "tile" | "variant" | "loading" | "active" | "baseColor" | "v-slot:loader" | "id" | "error" | "modelValue" | "onUpdate:modelValue" | "bgColor" | "v-slot:label" | "iconColor" | "prependInnerIcon" | "appendInnerIcon" | "centerAffix" | "focused" | "glow" | "onUpdate:focused" | "clearIcon" | "clearable" | "dirty" | "persistentClear" | "singleLine" | "onClick:clear" | "onClick:appendInner" | "onClick:prependInner" | "labelId" | "v-slot:append-inner" | "v-slot:clear" | "v-slot:prepend-inner">, `$${any}`> & {
+                }, import('vuetify/lib/components/VField/VField.mjs').VFieldSlots>, "reverse" | "flat" | "label" | "details" | "style" | "color" | "theme" | "class" | "disabled" | "$children" | "v-slots" | "v-slot:default" | keyof import('vue').VNodeProps | "rounded" | "tile" | "variant" | "loading" | "active" | "baseColor" | "v-slot:loader" | "id" | "error" | "modelValue" | "onUpdate:modelValue" | "bgColor" | "v-slot:label" | "iconColor" | "focused" | "prependInnerIcon" | "appendInnerIcon" | "centerAffix" | "glow" | "onUpdate:focused" | "clearIcon" | "clearable" | "dirty" | "persistentClear" | "singleLine" | "onClick:clear" | "onClick:appendInner" | "onClick:prependInner" | "labelId" | "v-slot:append-inner" | "v-slot:clear" | "v-slot:prepend-inner">, `$${any}`> & {
                     _allExposed: {
                         reset: () => Promise<void>;
                         resetValidation: () => Promise<void>;
@@ -1414,16 +1408,16 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
                     hint?: string | undefined;
                     "onClick:prepend"?: ((args_0: MouseEvent) => void) | undefined;
                     "onClick:append"?: ((args_0: MouseEvent) => void) | undefined;
-                }, "style" | "disabled" | "density" | "readonly" | "error" | "reset" | "errorMessages" | "centerAffix" | "direction" | "maxErrors" | "messages" | "rules" | "isValid" | "resetValidation" | "validate" | "focused" | "glow" | "hideSpinButtons" | "persistentHint"> & import('vue').ShallowUnwrapRef<{
+                }, "style" | "disabled" | "density" | "readonly" | "error" | "reset" | "validate" | "errorMessages" | "focused" | "maxErrors" | "rules" | "centerAffix" | "direction" | "messages" | "isValid" | "resetValidation" | "glow" | "hideSpinButtons" | "persistentHint"> & {
                     reset: () => Promise<void>;
                     resetValidation: () => Promise<void>;
                     validate: (silent?: boolean) => Promise<string[]>;
-                    isValid: import('vue').ComputedRef<boolean | null>;
-                    errorMessages: import('vue').ComputedRef<string[]>;
-                }> & import('vue').ComponentCustomProperties & import('vuetify/lib/util/defineComponent.mjs').GenericProps<{
+                    isValid: boolean | null;
+                    errorMessages: string[];
+                } & import('vue').ComponentCustomProperties & import('vuetify/lib/util/defineComponent.mjs').GenericProps<{
                     modelValue?: unknown;
                     "onUpdate:modelValue"?: ((value: unknown) => void) | undefined;
-                }, import('vuetify/lib/components/VInput/VInput.mjs').VInputSlots>, "label" | "style" | "width" | "color" | "theme" | "class" | "disabled" | "$children" | "v-slots" | "v-slot:default" | keyof import('vue').VNodeProps | "density" | "maxWidth" | "minWidth" | "baseColor" | "prependIcon" | "appendIcon" | "readonly" | "v-slot:append" | "v-slot:prepend" | "id" | "error" | "name" | "modelValue" | "onUpdate:modelValue" | "iconColor" | "errorMessages" | "centerAffix" | "direction" | "hint" | "maxErrors" | "messages" | "rules" | "focused" | "glow" | "hideSpinButtons" | "persistentHint" | "onUpdate:focused" | "validateOn" | "validationValue" | "hideDetails" | "onClick:prepend" | "onClick:append" | "v-slot:details" | "v-slot:message">, `$${any}`> & Omit<Omit<{
+                }, import('vuetify/lib/components/VInput/VInput.mjs').VInputSlots>, "label" | "style" | "width" | "color" | "theme" | "class" | "disabled" | "$children" | "v-slots" | "v-slot:default" | keyof import('vue').VNodeProps | "density" | "maxWidth" | "minWidth" | "baseColor" | "prependIcon" | "appendIcon" | "readonly" | "v-slot:append" | "v-slot:prepend" | "id" | "error" | "name" | "modelValue" | "onUpdate:modelValue" | "iconColor" | "errorMessages" | "focused" | "maxErrors" | "rules" | "validateOn" | "validationValue" | "centerAffix" | "direction" | "hint" | "messages" | "glow" | "hideSpinButtons" | "persistentHint" | "onUpdate:focused" | "hideDetails" | "onClick:prepend" | "onClick:append" | "v-slot:details" | "v-slot:message">, `$${any}`> & Omit<Omit<{
                     $: import('vue').ComponentInternalInstance;
                     $data: {};
                     $props: Partial<{
@@ -1681,13 +1675,13 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
                     labelId?: string | undefined;
                 } & {
                     "onUpdate:focused"?: ((focused: boolean) => any) | undefined;
-                }, "reverse" | "flat" | "details" | "style" | "disabled" | "rounded" | "tile" | "variant" | "active" | "error" | "centerAffix" | "focused" | "glow" | "controlRef" | "fieldIconColor" | "clearIcon" | "clearable" | "dirty" | "persistentClear" | "singleLine"> & import('vue').ShallowUnwrapRef<{
-                    controlRef: Ref<HTMLElement | undefined, HTMLElement | undefined>;
-                    fieldIconColor: import('vue').ComputedRef<string | undefined>;
-                }> & import('vue').ComponentCustomProperties & import('vuetify/lib/util/defineComponent.mjs').GenericProps<{
+                }, "reverse" | "flat" | "details" | "style" | "disabled" | "rounded" | "tile" | "variant" | "active" | "error" | "focused" | "centerAffix" | "glow" | "controlRef" | "fieldIconColor" | "clearIcon" | "clearable" | "dirty" | "persistentClear" | "singleLine"> & {
+                    controlRef: HTMLElement | undefined;
+                    fieldIconColor: string | undefined;
+                } & import('vue').ComponentCustomProperties & import('vuetify/lib/util/defineComponent.mjs').GenericProps<{
                     modelValue?: unknown;
                     "onUpdate:modelValue"?: ((value: unknown) => void) | undefined;
-                }, import('vuetify/lib/components/VField/VField.mjs').VFieldSlots>, "reverse" | "flat" | "label" | "details" | "style" | "color" | "theme" | "class" | "disabled" | "$children" | "v-slots" | "v-slot:default" | keyof import('vue').VNodeProps | "rounded" | "tile" | "variant" | "loading" | "active" | "baseColor" | "v-slot:loader" | "id" | "error" | "modelValue" | "onUpdate:modelValue" | "bgColor" | "v-slot:label" | "iconColor" | "prependInnerIcon" | "appendInnerIcon" | "centerAffix" | "focused" | "glow" | "onUpdate:focused" | "clearIcon" | "clearable" | "dirty" | "persistentClear" | "singleLine" | "onClick:clear" | "onClick:appendInner" | "onClick:prependInner" | "labelId" | "v-slot:append-inner" | "v-slot:clear" | "v-slot:prepend-inner">, `$${any}`> & {
+                }, import('vuetify/lib/components/VField/VField.mjs').VFieldSlots>, "reverse" | "flat" | "label" | "details" | "style" | "color" | "theme" | "class" | "disabled" | "$children" | "v-slots" | "v-slot:default" | keyof import('vue').VNodeProps | "rounded" | "tile" | "variant" | "loading" | "active" | "baseColor" | "v-slot:loader" | "id" | "error" | "modelValue" | "onUpdate:modelValue" | "bgColor" | "v-slot:label" | "iconColor" | "focused" | "prependInnerIcon" | "appendInnerIcon" | "centerAffix" | "glow" | "onUpdate:focused" | "clearIcon" | "clearable" | "dirty" | "persistentClear" | "singleLine" | "onClick:clear" | "onClick:appendInner" | "onClick:prependInner" | "labelId" | "v-slot:append-inner" | "v-slot:clear" | "v-slot:prepend-inner">, `$${any}`> & {
                     _allExposed: {
                         reset: () => Promise<void>;
                         resetValidation: () => Promise<void>;
@@ -1736,10 +1730,10 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
             $root: ComponentPublicInstance | null;
             $parent: ComponentPublicInstance | null;
             $host: Element | null;
-            $emit: ((event: "input", ...args: any[]) => void) & ((event: "keydown", ...args: any[]) => void) & ((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);
+            $emit: ((event: "input", ...args: any[]) => void) & ((event: "blur", ...args: any[]) => void) & ((event: "focus", ...args: any[]) => void) & ((event: "keydown", ...args: any[]) => void) & ((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;
+                modelValue?: string | number | null | undefined;
                 prependIcon?: import('../../../types/vuetifyTypes').IconType;
                 appendIcon?: import('../../../types/vuetifyTypes').IconType;
                 prependInnerIcon?: import('../../../types/vuetifyTypes').IconType;
@@ -1752,10 +1746,6 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
                 isClearable?: boolean;
                 showDivider?: boolean;
                 label?: string;
-                required?: boolean;
-                errorMessages?: string[] | null;
-                warningMessages?: string[] | null;
-                successMessages?: string[] | null;
                 readonly?: boolean;
                 isActive?: boolean;
                 baseColor?: string;
@@ -1767,7 +1757,6 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
                 direction?: "horizontal" | "vertical";
                 isDirty?: boolean;
                 disabled?: boolean;
-                isOnError?: boolean;
                 isFlat?: boolean;
                 isFocused?: boolean;
                 areDetailsHidden?: boolean | "auto";
@@ -1775,7 +1764,6 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
                 hint?: string;
                 id?: string;
                 loading?: string | boolean;
-                maxErrors?: string | number;
                 maxWidth?: string | number;
                 messages?: string | string[];
                 minWidth?: string | number;
@@ -1789,9 +1777,6 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
                 isReversed?: boolean;
                 role?: string;
                 rounded?: string | number | boolean;
-                hasError?: boolean;
-                hasWarning?: boolean;
-                hasSuccess?: boolean;
                 isOnSingleLine?: boolean;
                 suffix?: string;
                 theme?: string;
@@ -1800,40 +1785,26 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
                 width?: string | number;
                 displayAsterisk?: boolean;
                 noIcon?: boolean;
-                customRules?: import('../../../composables/validation/useValidation').ValidationRule[];
-                customWarningRules?: import('../../../composables/validation/useValidation').ValidationRule[];
-                customSuccessRules?: import('../../../composables/validation/useValidation').ValidationRule[];
-                showSuccessMessages?: boolean;
-                isValidateOnBlur?: boolean;
-                disableErrorHandling?: boolean;
                 disableClickButton?: boolean;
                 autocomplete?: string;
                 helpText?: string;
                 maxlength?: string | number;
                 title?: string | false;
-            }> & Readonly<{
+            } & import('../../../composables/unifyValidation/useValidation').FieldValidationProps> & Readonly<{
                 onInput?: ((...args: any[]) => any) | undefined;
+                onBlur?: ((...args: any[]) => any) | undefined;
+                onFocus?: ((...args: any[]) => any) | undefined;
                 onKeydown?: ((...args: any[]) => any) | undefined;
                 "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: Ref<string[], string[]>;
-                    warnings: Ref<string[], string[]>;
-                    successes: Ref<string[], string[]>;
-                    hasError: import('vue').ComputedRef<boolean>;
-                    hasWarning: import('vue').ComputedRef<boolean>;
-                    hasSuccess: import('vue').ComputedRef<boolean>;
-                    validateField: (value: unknown, rules?: import('../../../composables/validation/useValidation').ValidationRule[], warningRules?: import('../../../composables/validation/useValidation').ValidationRule[], successRules?: import('../../../composables/validation/useValidation').ValidationRule[]) => import('../../../composables/validation/useValidation').ValidationResult;
-                    validateOnSubmit: () => Promise<boolean>;
-                    clearValidation: () => void;
-                };
-                validateOnSubmit: () => boolean;
-                checkErrorOnBlur: () => void;
+                validateOnSubmit: (() => Promise<boolean>) | (() => Promise<boolean>);
             }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
                 input: (...args: any[]) => void;
+                blur: (...args: any[]) => void;
+                focus: (...args: any[]) => void;
                 keydown: (...args: any[]) => void;
                 "update:modelValue": (...args: any[]) => void;
                 clear: (...args: any[]) => void;
@@ -1863,7 +1834,12 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
                 modelValue: string | number | null;
                 bgColor: string;
                 isActive: boolean;
+                required: boolean;
                 prefix: string;
+                showSuccessMessages: boolean;
+                disableErrorHandling: boolean;
+                errorMessages: string[] | null;
+                maxErrors: number;
                 prependInnerIcon: "info" | "success" | "warning" | "error" | "close" | "calendar";
                 appendInnerIcon: "info" | "success" | "warning" | "error" | "close" | "calendar";
                 prependTooltip: string;
@@ -1871,44 +1847,41 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
                 tooltipLocation: "top" | "bottom" | "start" | "end";
                 variantStyle: import('../../../types/vuetifyTypes').VariantStyle;
                 isClearable: boolean;
-                errorMessages: string[] | null;
-                warningMessages: string[] | null;
-                successMessages: string[] | null;
                 centerAffix: boolean;
                 counter: string | number | boolean;
                 counterValue: number | ((value: any) => number);
                 direction: "horizontal" | "vertical";
                 isDirty: boolean;
-                isOnError: boolean;
                 isFlat: boolean;
                 isFocused: boolean;
                 areDetailsHidden: boolean | "auto";
                 areSpinButtonsHidden: boolean;
                 hint: string;
-                maxErrors: string | number;
                 messages: string | string[];
                 displayPersistentClear: boolean;
                 displayPersistentCounter: boolean;
                 displayPersistentHint: boolean;
                 displayPersistentPlaceholder: boolean;
                 isReversed: boolean;
-                hasError: boolean;
-                hasWarning: boolean;
                 isOnSingleLine: boolean;
                 suffix: string;
                 isTiled: boolean;
                 displayAsterisk: boolean;
                 noIcon: boolean;
-                customRules: import('../../../composables/validation/useValidation').ValidationRule[];
-                customWarningRules: import('../../../composables/validation/useValidation').ValidationRule[];
-                customSuccessRules: import('../../../composables/validation/useValidation').ValidationRule[];
-                showSuccessMessages: boolean;
-                isValidateOnBlur: boolean;
-                disableErrorHandling: boolean;
                 disableClickButton: boolean;
                 autocomplete: string;
                 helpText: string;
                 maxlength: string | number;
+                isValidateOnBlur: boolean;
+                useVuetifyValidation: boolean;
+                customRules: import('../../../composables/validation/useValidation').ValidationRule[];
+                customWarningRules: import('../../../composables/validation/useValidation').ValidationRule[];
+                customSuccessRules: import('../../../composables/validation/useValidation').ValidationRule[];
+                warningMessages: string[] | null;
+                successMessages: string[] | null;
+                hasError: boolean;
+                hasWarning: boolean;
+                hasSuccess: boolean;
             }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
                 beforeCreate?: (() => void) | (() => void)[];
                 created?: (() => void) | (() => void)[];
@@ -1953,7 +1926,12 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
             modelValue: string | number | null;
             bgColor: string;
             isActive: boolean;
+            required: boolean;
             prefix: string;
+            showSuccessMessages: boolean;
+            disableErrorHandling: boolean;
+            errorMessages: string[] | null;
+            maxErrors: number;
             prependInnerIcon: "info" | "success" | "warning" | "error" | "close" | "calendar";
             appendInnerIcon: "info" | "success" | "warning" | "error" | "close" | "calendar";
             prependTooltip: string;
@@ -1961,46 +1939,43 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
             tooltipLocation: "top" | "bottom" | "start" | "end";
             variantStyle: import('../../../types/vuetifyTypes').VariantStyle;
             isClearable: boolean;
-            errorMessages: string[] | null;
-            warningMessages: string[] | null;
-            successMessages: string[] | null;
             centerAffix: boolean;
             counter: string | number | boolean;
             counterValue: number | ((value: any) => number);
             direction: "horizontal" | "vertical";
             isDirty: boolean;
-            isOnError: boolean;
             isFlat: boolean;
             isFocused: boolean;
             areDetailsHidden: boolean | "auto";
             areSpinButtonsHidden: boolean;
             hint: string;
-            maxErrors: string | number;
             messages: string | string[];
             displayPersistentClear: boolean;
             displayPersistentCounter: boolean;
             displayPersistentHint: boolean;
             displayPersistentPlaceholder: boolean;
             isReversed: boolean;
-            hasError: boolean;
-            hasWarning: boolean;
             isOnSingleLine: boolean;
             suffix: string;
             isTiled: boolean;
             displayAsterisk: boolean;
             noIcon: boolean;
-            customRules: import('../../../composables/validation/useValidation').ValidationRule[];
-            customWarningRules: import('../../../composables/validation/useValidation').ValidationRule[];
-            customSuccessRules: import('../../../composables/validation/useValidation').ValidationRule[];
-            showSuccessMessages: boolean;
-            isValidateOnBlur: boolean;
-            disableErrorHandling: boolean;
             disableClickButton: boolean;
             autocomplete: string;
             helpText: string;
             maxlength: string | number;
+            isValidateOnBlur: boolean;
+            useVuetifyValidation: boolean;
+            customRules: import('../../../composables/validation/useValidation').ValidationRule[];
+            customWarningRules: import('../../../composables/validation/useValidation').ValidationRule[];
+            customSuccessRules: import('../../../composables/validation/useValidation').ValidationRule[];
+            warningMessages: string[] | null;
+            successMessages: string[] | null;
+            hasError: boolean;
+            hasWarning: boolean;
+            hasSuccess: boolean;
         }> & Omit<Readonly<{
-            modelValue?: string | number | null;
+            modelValue?: string | number | null | undefined;
             prependIcon?: import('../../../types/vuetifyTypes').IconType;
             appendIcon?: import('../../../types/vuetifyTypes').IconType;
             prependInnerIcon?: import('../../../types/vuetifyTypes').IconType;
@@ -2013,10 +1988,6 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
             isClearable?: boolean;
             showDivider?: boolean;
             label?: string;
-            required?: boolean;
-            errorMessages?: string[] | null;
-            warningMessages?: string[] | null;
-            successMessages?: string[] | null;
             readonly?: boolean;
             isActive?: boolean;
             baseColor?: string;
@@ -2028,7 +1999,6 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
             direction?: "horizontal" | "vertical";
             isDirty?: boolean;
             disabled?: boolean;
-            isOnError?: boolean;
             isFlat?: boolean;
             isFocused?: boolean;
             areDetailsHidden?: boolean | "auto";
@@ -2036,7 +2006,6 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
             hint?: string;
             id?: string;
             loading?: string | boolean;
-            maxErrors?: string | number;
             maxWidth?: string | number;
             messages?: string | string[];
             minWidth?: string | number;
@@ -2050,9 +2019,6 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
             isReversed?: boolean;
             role?: string;
             rounded?: string | number | boolean;
-            hasError?: boolean;
-            hasWarning?: boolean;
-            hasSuccess?: boolean;
             isOnSingleLine?: boolean;
             suffix?: string;
             theme?: string;
@@ -2061,39 +2027,23 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
             width?: string | number;
             displayAsterisk?: boolean;
             noIcon?: boolean;
-            customRules?: import('../../../composables/validation/useValidation').ValidationRule[];
-            customWarningRules?: import('../../../composables/validation/useValidation').ValidationRule[];
-            customSuccessRules?: import('../../../composables/validation/useValidation').ValidationRule[];
-            showSuccessMessages?: boolean;
-            isValidateOnBlur?: boolean;
-            disableErrorHandling?: boolean;
             disableClickButton?: boolean;
             autocomplete?: string;
             helpText?: string;
             maxlength?: string | number;
             title?: string | false;
-        }> & Readonly<{
+        } & import('../../../composables/unifyValidation/useValidation').FieldValidationProps> & Readonly<{
             onInput?: ((...args: any[]) => any) | undefined;
+            onBlur?: ((...args: any[]) => any) | undefined;
+            onFocus?: ((...args: any[]) => any) | undefined;
             onKeydown?: ((...args: any[]) => any) | undefined;
             "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;
-        }>, "validateOnSubmit" | "validation" | "checkErrorOnBlur" | ("type" | "label" | "title" | "width" | "role" | "color" | "theme" | "disabled" | "placeholder" | "density" | "rounded" | "maxWidth" | "minWidth" | "loading" | "baseColor" | "prependIcon" | "appendIcon" | "readonly" | "id" | "name" | "modelValue" | "bgColor" | "isActive" | "prefix" | "prependInnerIcon" | "appendInnerIcon" | "prependTooltip" | "appendTooltip" | "tooltipLocation" | "variantStyle" | "isClearable" | "errorMessages" | "warningMessages" | "successMessages" | "centerAffix" | "counter" | "counterValue" | "direction" | "isDirty" | "isOnError" | "isFlat" | "isFocused" | "areDetailsHidden" | "areSpinButtonsHidden" | "hint" | "maxErrors" | "messages" | "displayPersistentClear" | "displayPersistentCounter" | "displayPersistentHint" | "displayPersistentPlaceholder" | "isReversed" | "hasError" | "hasWarning" | "isOnSingleLine" | "suffix" | "isTiled" | "displayAsterisk" | "noIcon" | "customRules" | "customWarningRules" | "customSuccessRules" | "showSuccessMessages" | "isValidateOnBlur" | "disableErrorHandling" | "disableClickButton" | "autocomplete" | "helpText" | "maxlength")> & import('vue').ShallowUnwrapRef<{
-            validation: {
-                errors: Ref<string[], string[]>;
-                warnings: Ref<string[], string[]>;
-                successes: Ref<string[], string[]>;
-                hasError: import('vue').ComputedRef<boolean>;
-                hasWarning: import('vue').ComputedRef<boolean>;
-                hasSuccess: import('vue').ComputedRef<boolean>;
-                validateField: (value: unknown, rules?: import('../../../composables/validation/useValidation').ValidationRule[], warningRules?: import('../../../composables/validation/useValidation').ValidationRule[], successRules?: import('../../../composables/validation/useValidation').ValidationRule[]) => import('../../../composables/validation/useValidation').ValidationResult;
-                validateOnSubmit: () => Promise<boolean>;
-                clearValidation: () => void;
-            };
-            validateOnSubmit: () => boolean;
-            checkErrorOnBlur: () => void;
-        }> & {} & import('vue').ComponentCustomProperties & {} & {
+        }>, "validateOnSubmit" | ("type" | "label" | "title" | "width" | "role" | "color" | "theme" | "disabled" | "placeholder" | "density" | "rounded" | "maxWidth" | "minWidth" | "loading" | "baseColor" | "prependIcon" | "appendIcon" | "readonly" | "id" | "name" | "modelValue" | "bgColor" | "isActive" | "required" | "prefix" | "showSuccessMessages" | "disableErrorHandling" | "errorMessages" | "maxErrors" | "prependInnerIcon" | "appendInnerIcon" | "prependTooltip" | "appendTooltip" | "tooltipLocation" | "variantStyle" | "isClearable" | "centerAffix" | "counter" | "counterValue" | "direction" | "isDirty" | "isFlat" | "isFocused" | "areDetailsHidden" | "areSpinButtonsHidden" | "hint" | "messages" | "displayPersistentClear" | "displayPersistentCounter" | "displayPersistentHint" | "displayPersistentPlaceholder" | "isReversed" | "isOnSingleLine" | "suffix" | "isTiled" | "displayAsterisk" | "noIcon" | "disableClickButton" | "autocomplete" | "helpText" | "maxlength" | "isValidateOnBlur" | "useVuetifyValidation" | "customRules" | "customWarningRules" | "customSuccessRules" | "warningMessages" | "successMessages" | "hasError" | "hasWarning" | "hasSuccess")> & {
+            validateOnSubmit: (() => Promise<boolean>) | (() => Promise<boolean>);
+        } & {} & import('vue').ComponentCustomProperties & {} & {
             $slots: {
                 prepend?(_: {}): any;
                 append?(_: {}): any;
@@ -2111,32 +2061,32 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
         M: {};
         Defaults: {};
     }, Readonly<{
-        modelValue?: DateValue;
-        placeholder?: string;
-        format?: string;
+        autoClamp?: boolean;
+        bgColor?: string;
+        customRules?: import('../../../composables/validation/useValidation').ValidationRule[];
+        customWarningRules?: import('../../../composables/validation/useValidation').ValidationRule[];
         dateFormatReturn?: string;
-        label: string;
-        required?: boolean;
+        density?: "default" | "comfortable" | "compact";
+        disableErrorHandling?: boolean;
         disabled?: boolean;
-        readonly?: boolean;
-        title?: string | false;
-        isOutlined?: boolean;
-        displayIcon?: boolean;
         displayAppendIcon?: boolean;
-        noIcon?: boolean;
-        customRules?: import('../../../composables/validation/useValidation').ValidationRule[];
-        customWarningRules?: import('../../../composables/validation/useValidation').ValidationRule[];
+        displayIcon?: boolean;
         displayPrependIcon?: boolean;
-        disableErrorHandling?: boolean;
-        showSuccessMessages?: boolean;
-        bgColor?: string;
         displayRange?: boolean;
-        autoClamp?: boolean;
-        isValidateOnBlur?: boolean;
-        density?: "default" | "comfortable" | "compact";
+        externalErrorMessages?: string[];
+        format?: string;
         hint?: string;
+        isOutlined?: boolean;
+        isValidateOnBlur?: boolean;
+        label: string;
+        modelValue?: DateValue;
+        noIcon?: boolean;
         persistentHint?: boolean;
-        externalErrorMessages?: string[];
+        placeholder?: string;
+        readonly?: boolean;
+        required?: boolean;
+        showSuccessMessages?: boolean;
+        title?: string | false;
     }> & Readonly<{
         onInput?: ((value: string) => any) | undefined;
         onBlur?: (() => any) | undefined;
@@ -2144,7 +2094,7 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
         "onUpdate:model-value"?: ((value: DateValue) => any) | undefined;
         "onDate-selected"?: ((value: DateValue) => any) | undefined;
     }>, {
-        validateOnSubmit: () => boolean;
+        validateOnSubmit: () => Promise<boolean>;
         reset: () => void;
         focus(): void;
         blur(): void;
@@ -2157,52 +2107,52 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
         modelValue: DateValue;
         bgColor: string;
         required: boolean;
+        showSuccessMessages: boolean;
+        disableErrorHandling: boolean;
         hint: string;
         noIcon: boolean;
+        isValidateOnBlur: boolean;
         customRules: import('../../../composables/validation/useValidation').ValidationRule[];
         customWarningRules: import('../../../composables/validation/useValidation').ValidationRule[];
-        showSuccessMessages: boolean;
-        isValidateOnBlur: boolean;
-        disableErrorHandling: boolean;
         persistentHint: boolean;
         format: string;
         autoClamp: boolean;
         displayRange: boolean;
         dateFormatReturn: string;
-        isOutlined: boolean;
-        displayIcon: boolean;
         displayAppendIcon: boolean;
+        displayIcon: boolean;
         displayPrependIcon: boolean;
         externalErrorMessages: string[];
+        isOutlined: boolean;
     }> | null;
     menuActivatorRef: HTMLDivElement;
     dateCalendarTextInputRef: import('vue').CreateComponentPublicInstanceWithMixins<Readonly<{
-        modelValue?: DateValue;
-        placeholder?: string;
-        format?: string;
+        autoClamp?: boolean;
+        bgColor?: string;
+        customRules?: import('../../../composables/validation/useValidation').ValidationRule[];
+        customWarningRules?: import('../../../composables/validation/useValidation').ValidationRule[];
         dateFormatReturn?: string;
-        label: string;
-        required?: boolean;
+        density?: "default" | "comfortable" | "compact";
+        disableErrorHandling?: boolean;
         disabled?: boolean;
-        readonly?: boolean;
-        title?: string | false;
-        isOutlined?: boolean;
-        displayIcon?: boolean;
         displayAppendIcon?: boolean;
-        noIcon?: boolean;
-        customRules?: import('../../../composables/validation/useValidation').ValidationRule[];
-        customWarningRules?: import('../../../composables/validation/useValidation').ValidationRule[];
+        displayIcon?: boolean;
         displayPrependIcon?: boolean;
-        disableErrorHandling?: boolean;
-        showSuccessMessages?: boolean;
-        bgColor?: string;
         displayRange?: boolean;
-        autoClamp?: boolean;
-        isValidateOnBlur?: boolean;
-        density?: "default" | "comfortable" | "compact";
+        externalErrorMessages?: string[];
+        format?: string;
         hint?: string;
+        isOutlined?: boolean;
+        isValidateOnBlur?: boolean;
+        label: string;
+        modelValue?: DateValue;
+        noIcon?: boolean;
         persistentHint?: boolean;
-        externalErrorMessages?: string[];
+        placeholder?: string;
+        readonly?: boolean;
+        required?: boolean;
+        showSuccessMessages?: boolean;
+        title?: string | false;
     }> & Readonly<{
         onInput?: ((value: string) => any) | undefined;
         onBlur?: (() => any) | undefined;
@@ -2210,7 +2160,7 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
         "onUpdate:model-value"?: ((value: DateValue) => any) | undefined;
         "onDate-selected"?: ((value: DateValue) => any) | undefined;
     }>, {
-        validateOnSubmit: () => boolean;
+        validateOnSubmit: () => Promise<boolean>;
         reset: () => void;
         focus(): void;
         blur(): void;
@@ -2229,29 +2179,29 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
         modelValue: DateValue;
         bgColor: string;
         required: boolean;
+        showSuccessMessages: boolean;
+        disableErrorHandling: boolean;
         hint: string;
         noIcon: boolean;
+        isValidateOnBlur: boolean;
         customRules: import('../../../composables/validation/useValidation').ValidationRule[];
         customWarningRules: import('../../../composables/validation/useValidation').ValidationRule[];
-        showSuccessMessages: boolean;
-        isValidateOnBlur: boolean;
-        disableErrorHandling: boolean;
         persistentHint: boolean;
         format: string;
         autoClamp: boolean;
         displayRange: boolean;
         dateFormatReturn: string;
-        isOutlined: boolean;
-        displayIcon: boolean;
         displayAppendIcon: boolean;
+        displayIcon: boolean;
         displayPrependIcon: boolean;
         externalErrorMessages: string[];
+        isOutlined: boolean;
     }, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {
         inputRef: ({
             $: import('vue').ComponentInternalInstance;
             $data: {};
             $props: {
-                readonly modelValue?: string | number | null | undefined;
+                readonly modelValue?: string | number | null | undefined | undefined;
                 readonly prependIcon?: import('../../../types/vuetifyTypes').IconType;
                 readonly appendIcon?: import('../../../types/vuetifyTypes').IconType;
                 readonly prependInnerIcon?: import('../../../types/vuetifyTypes').IconType;
@@ -2263,11 +2213,7 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
                 readonly color?: import('../../../types/vuetifyTypes').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 label: string;
                 readonly readonly?: boolean | undefined;
                 readonly isActive?: boolean | undefined;
                 readonly baseColor?: string | undefined;
@@ -2279,7 +2225,6 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
                 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;
@@ -2287,7 +2232,6 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
                 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;
@@ -2301,9 +2245,6 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
                 readonly isReversed?: boolean | undefined;
                 readonly role?: string | undefined;
                 readonly rounded?: string | number | boolean | undefined;
-                readonly hasError?: boolean | undefined;
-                readonly hasWarning?: boolean | undefined;
-                readonly hasSuccess?: boolean | undefined;
                 readonly isOnSingleLine?: boolean | undefined;
                 readonly suffix?: string | undefined;
                 readonly theme?: string | undefined;
@@ -2312,18 +2253,30 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
                 readonly width?: string | number | undefined;
                 readonly displayAsterisk?: boolean | undefined;
                 readonly noIcon?: boolean | undefined;
-                readonly customRules?: import('../../../composables/validation/useValidation').ValidationRule[] | undefined;
-                readonly customWarningRules?: import('../../../composables/validation/useValidation').ValidationRule[] | undefined;
-                readonly customSuccessRules?: import('../../../composables/validation/useValidation').ValidationRule[] | undefined;
-                readonly showSuccessMessages?: boolean | undefined;
-                readonly isValidateOnBlur?: boolean | undefined;
-                readonly disableErrorHandling?: boolean | undefined;
                 readonly disableClickButton?: boolean | undefined;
                 readonly autocomplete?: string | undefined;
                 readonly helpText?: string | undefined;
                 readonly maxlength?: string | number | undefined;
                 readonly title?: string | false | undefined;
+                readonly required?: boolean | undefined;
+                readonly isValidateOnBlur?: boolean | undefined;
+                readonly showSuccessMessages?: boolean | undefined;
+                readonly disableErrorHandling?: boolean | undefined;
+                readonly useVuetifyValidation?: boolean | undefined;
+                readonly rules?: import('vuetify').ValidationRule[] | undefined;
+                readonly customRules?: import('../../../composables/validation/useValidation').ValidationRule[] | undefined;
+                readonly customWarningRules?: import('../../../composables/validation/useValidation').ValidationRule[] | undefined;
+                readonly customSuccessRules?: import('../../../composables/validation/useValidation').ValidationRule[] | undefined;
+                readonly errorMessages?: string[] | null | undefined;
+                readonly warningMessages?: string[] | null | undefined;
+                readonly successMessages?: string[] | null | undefined;
+                readonly hasError?: boolean | undefined;
+                readonly hasWarning?: boolean | undefined;
+                readonly hasSuccess?: boolean | undefined;
+                readonly maxErrors?: number | undefined;
                 readonly onInput?: ((...args: any[]) => any) | undefined;
+                readonly onBlur?: ((...args: any[]) => any) | undefined;
+                readonly onFocus?: ((...args: any[]) => any) | undefined;
                 readonly onKeydown?: ((...args: any[]) => any) | undefined;
                 readonly "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
                 readonly onClear?: ((...args: any[]) => any) | undefined;
@@ -2704,16 +2657,16 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
                     hint?: string | undefined;
                     "onClick:prepend"?: ((args_0: MouseEvent) => void) | undefined;
                     "onClick:append"?: ((args_0: MouseEvent) => void) | undefined;
-                }, "style" | "disabled" | "density" | "readonly" | "error" | "reset" | "errorMessages" | "centerAffix" | "direction" | "maxErrors" | "messages" | "rules" | "isValid" | "resetValidation" | "validate" | "focused" | "glow" | "hideSpinButtons" | "persistentHint"> & import('vue').ShallowUnwrapRef<{
+                }, "style" | "disabled" | "density" | "readonly" | "error" | "reset" | "validate" | "errorMessages" | "focused" | "maxErrors" | "rules" | "centerAffix" | "direction" | "messages" | "isValid" | "resetValidation" | "glow" | "hideSpinButtons" | "persistentHint"> & {
                     reset: () => Promise<void>;
                     resetValidation: () => Promise<void>;
                     validate: (silent?: boolean) => Promise<string[]>;
-                    isValid: import('vue').ComputedRef<boolean | null>;
-                    errorMessages: import('vue').ComputedRef<string[]>;
-                }> & import('vue').ComponentCustomProperties & import('vuetify/lib/util/defineComponent.mjs').GenericProps<{
+                    isValid: boolean | null;
+                    errorMessages: string[];
+                } & import('vue').ComponentCustomProperties & import('vuetify/lib/util/defineComponent.mjs').GenericProps<{
                     modelValue?: unknown;
                     "onUpdate:modelValue"?: ((value: unknown) => void) | undefined;
-                }, import('vuetify/lib/components/VInput/VInput.mjs').VInputSlots>, "label" | "style" | "width" | "color" | "theme" | "class" | "disabled" | "$children" | "v-slots" | "v-slot:default" | keyof import('vue').VNodeProps | "density" | "maxWidth" | "minWidth" | "baseColor" | "prependIcon" | "appendIcon" | "readonly" | "v-slot:append" | "v-slot:prepend" | "id" | "error" | "name" | "modelValue" | "onUpdate:modelValue" | "iconColor" | "errorMessages" | "centerAffix" | "direction" | "hint" | "maxErrors" | "messages" | "rules" | "focused" | "glow" | "hideSpinButtons" | "persistentHint" | "onUpdate:focused" | "validateOn" | "validationValue" | "hideDetails" | "onClick:prepend" | "onClick:append" | "v-slot:details" | "v-slot:message">, `$${any}`> & Omit<Omit<{
+                }, import('vuetify/lib/components/VInput/VInput.mjs').VInputSlots>, "label" | "style" | "width" | "color" | "theme" | "class" | "disabled" | "$children" | "v-slots" | "v-slot:default" | keyof import('vue').VNodeProps | "density" | "maxWidth" | "minWidth" | "baseColor" | "prependIcon" | "appendIcon" | "readonly" | "v-slot:append" | "v-slot:prepend" | "id" | "error" | "name" | "modelValue" | "onUpdate:modelValue" | "iconColor" | "errorMessages" | "focused" | "maxErrors" | "rules" | "validateOn" | "validationValue" | "centerAffix" | "direction" | "hint" | "messages" | "glow" | "hideSpinButtons" | "persistentHint" | "onUpdate:focused" | "hideDetails" | "onClick:prepend" | "onClick:append" | "v-slot:details" | "v-slot:message">, `$${any}`> & Omit<Omit<{
                     $: import('vue').ComponentInternalInstance;
                     $data: {};
                     $props: Partial<{
@@ -2837,13 +2790,7 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
                         baseColor?: string | undefined;
                         iconColor?: string | boolean | undefined;
                         label?: string | undefined;
-                        prependInnerIcon
-                        /**
-                         * View mode handling
-                         */
-                        ? /**
-                         * View mode handling
-                         */: import('vuetify/lib/composables/icons.mjs').IconValue | undefined;
+                        prependInnerIcon?: import('vuetify/lib/composables/icons.mjs').IconValue | undefined;
                         "onClick:clear"?: ((args_0: MouseEvent) => void) | undefined;
                         "onClick:appendInner"?: ((args_0: MouseEvent) => void) | undefined;
                         "onClick:prependInner"?: ((args_0: MouseEvent) => void) | undefined;
@@ -2977,13 +2924,13 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
                     labelId?: string | undefined;
                 } & {
                     "onUpdate:focused"?: ((focused: boolean) => any) | undefined;
-                }, "reverse" | "flat" | "details" | "style" | "disabled" | "rounded" | "tile" | "variant" | "active" | "error" | "centerAffix" | "focused" | "glow" | "controlRef" | "fieldIconColor" | "clearIcon" | "clearable" | "dirty" | "persistentClear" | "singleLine"> & import('vue').ShallowUnwrapRef<{
-                    controlRef: Ref<HTMLElement | undefined, HTMLElement | undefined>;
-                    fieldIconColor: import('vue').ComputedRef<string | undefined>;
-                }> & import('vue').ComponentCustomProperties & import('vuetify/lib/util/defineComponent.mjs').GenericProps<{
+                }, "reverse" | "flat" | "details" | "style" | "disabled" | "rounded" | "tile" | "variant" | "active" | "error" | "focused" | "centerAffix" | "glow" | "controlRef" | "fieldIconColor" | "clearIcon" | "clearable" | "dirty" | "persistentClear" | "singleLine"> & {
+                    controlRef: HTMLElement | undefined;
+                    fieldIconColor: string | undefined;
+                } & import('vue').ComponentCustomProperties & import('vuetify/lib/util/defineComponent.mjs').GenericProps<{
                     modelValue?: unknown;
                     "onUpdate:modelValue"?: ((value: unknown) => void) | undefined;
-                }, import('vuetify/lib/components/VField/VField.mjs').VFieldSlots>, "reverse" | "flat" | "label" | "details" | "style" | "color" | "theme" | "class" | "disabled" | "$children" | "v-slots" | "v-slot:default" | keyof import('vue').VNodeProps | "rounded" | "tile" | "variant" | "loading" | "active" | "baseColor" | "v-slot:loader" | "id" | "error" | "modelValue" | "onUpdate:modelValue" | "bgColor" | "v-slot:label" | "iconColor" | "prependInnerIcon" | "appendInnerIcon" | "centerAffix" | "focused" | "glow" | "onUpdate:focused" | "clearIcon" | "clearable" | "dirty" | "persistentClear" | "singleLine" | "onClick:clear" | "onClick:appendInner" | "onClick:prependInner" | "labelId" | "v-slot:append-inner" | "v-slot:clear" | "v-slot:prepend-inner">, `$${any}`> & {
+                }, import('vuetify/lib/components/VField/VField.mjs').VFieldSlots>, "reverse" | "flat" | "label" | "details" | "style" | "color" | "theme" | "class" | "disabled" | "$children" | "v-slots" | "v-slot:default" | keyof import('vue').VNodeProps | "rounded" | "tile" | "variant" | "loading" | "active" | "baseColor" | "v-slot:loader" | "id" | "error" | "modelValue" | "onUpdate:modelValue" | "bgColor" | "v-slot:label" | "iconColor" | "focused" | "prependInnerIcon" | "appendInnerIcon" | "centerAffix" | "glow" | "onUpdate:focused" | "clearIcon" | "clearable" | "dirty" | "persistentClear" | "singleLine" | "onClick:clear" | "onClick:appendInner" | "onClick:prependInner" | "labelId" | "v-slot:append-inner" | "v-slot:clear" | "v-slot:prepend-inner">, `$${any}`> & {
                     _allExposed: {
                         reset: () => Promise<void>;
                         resetValidation: () => Promise<void>;
@@ -3447,16 +3394,16 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
                     hint?: string | undefined;
                     "onClick:prepend"?: ((args_0: MouseEvent) => void) | undefined;
                     "onClick:append"?: ((args_0: MouseEvent) => void) | undefined;
-                }, "style" | "disabled" | "density" | "readonly" | "error" | "reset" | "errorMessages" | "centerAffix" | "direction" | "maxErrors" | "messages" | "rules" | "isValid" | "resetValidation" | "validate" | "focused" | "glow" | "hideSpinButtons" | "persistentHint"> & import('vue').ShallowUnwrapRef<{
+                }, "style" | "disabled" | "density" | "readonly" | "error" | "reset" | "validate" | "errorMessages" | "focused" | "maxErrors" | "rules" | "centerAffix" | "direction" | "messages" | "isValid" | "resetValidation" | "glow" | "hideSpinButtons" | "persistentHint"> & {
                     reset: () => Promise<void>;
                     resetValidation: () => Promise<void>;
                     validate: (silent?: boolean) => Promise<string[]>;
-                    isValid: import('vue').ComputedRef<boolean | null>;
-                    errorMessages: import('vue').ComputedRef<string[]>;
-                }> & import('vue').ComponentCustomProperties & import('vuetify/lib/util/defineComponent.mjs').GenericProps<{
+                    isValid: boolean | null;
+                    errorMessages: string[];
+                } & import('vue').ComponentCustomProperties & import('vuetify/lib/util/defineComponent.mjs').GenericProps<{
                     modelValue?: unknown;
                     "onUpdate:modelValue"?: ((value: unknown) => void) | undefined;
-                }, import('vuetify/lib/components/VInput/VInput.mjs').VInputSlots>, "label" | "style" | "width" | "color" | "theme" | "class" | "disabled" | "$children" | "v-slots" | "v-slot:default" | keyof import('vue').VNodeProps | "density" | "maxWidth" | "minWidth" | "baseColor" | "prependIcon" | "appendIcon" | "readonly" | "v-slot:append" | "v-slot:prepend" | "id" | "error" | "name" | "modelValue" | "onUpdate:modelValue" | "iconColor" | "errorMessages" | "centerAffix" | "direction" | "hint" | "maxErrors" | "messages" | "rules" | "focused" | "glow" | "hideSpinButtons" | "persistentHint" | "onUpdate:focused" | "validateOn" | "validationValue" | "hideDetails" | "onClick:prepend" | "onClick:append" | "v-slot:details" | "v-slot:message">, `$${any}`> & Omit<Omit<{
+                }, import('vuetify/lib/components/VInput/VInput.mjs').VInputSlots>, "label" | "style" | "width" | "color" | "theme" | "class" | "disabled" | "$children" | "v-slots" | "v-slot:default" | keyof import('vue').VNodeProps | "density" | "maxWidth" | "minWidth" | "baseColor" | "prependIcon" | "appendIcon" | "readonly" | "v-slot:append" | "v-slot:prepend" | "id" | "error" | "name" | "modelValue" | "onUpdate:modelValue" | "iconColor" | "errorMessages" | "focused" | "maxErrors" | "rules" | "validateOn" | "validationValue" | "centerAffix" | "direction" | "hint" | "messages" | "glow" | "hideSpinButtons" | "persistentHint" | "onUpdate:focused" | "hideDetails" | "onClick:prepend" | "onClick:append" | "v-slot:details" | "v-slot:message">, `$${any}`> & Omit<Omit<{
                     $: import('vue').ComponentInternalInstance;
                     $data: {};
                     $props: Partial<{
@@ -3714,13 +3661,13 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
                     labelId?: string | undefined;
                 } & {
                     "onUpdate:focused"?: ((focused: boolean) => any) | undefined;
-                }, "reverse" | "flat" | "details" | "style" | "disabled" | "rounded" | "tile" | "variant" | "active" | "error" | "centerAffix" | "focused" | "glow" | "controlRef" | "fieldIconColor" | "clearIcon" | "clearable" | "dirty" | "persistentClear" | "singleLine"> & import('vue').ShallowUnwrapRef<{
-                    controlRef: Ref<HTMLElement | undefined, HTMLElement | undefined>;
-                    fieldIconColor: import('vue').ComputedRef<string | undefined>;
-                }> & import('vue').ComponentCustomProperties & import('vuetify/lib/util/defineComponent.mjs').GenericProps<{
+                }, "reverse" | "flat" | "details" | "style" | "disabled" | "rounded" | "tile" | "variant" | "active" | "error" | "focused" | "centerAffix" | "glow" | "controlRef" | "fieldIconColor" | "clearIcon" | "clearable" | "dirty" | "persistentClear" | "singleLine"> & {
+                    controlRef: HTMLElement | undefined;
+                    fieldIconColor: string | undefined;
+                } & import('vue').ComponentCustomProperties & import('vuetify/lib/util/defineComponent.mjs').GenericProps<{
                     modelValue?: unknown;
                     "onUpdate:modelValue"?: ((value: unknown) => void) | undefined;
-                }, import('vuetify/lib/components/VField/VField.mjs').VFieldSlots>, "reverse" | "flat" | "label" | "details" | "style" | "color" | "theme" | "class" | "disabled" | "$children" | "v-slots" | "v-slot:default" | keyof import('vue').VNodeProps | "rounded" | "tile" | "variant" | "loading" | "active" | "baseColor" | "v-slot:loader" | "id" | "error" | "modelValue" | "onUpdate:modelValue" | "bgColor" | "v-slot:label" | "iconColor" | "prependInnerIcon" | "appendInnerIcon" | "centerAffix" | "focused" | "glow" | "onUpdate:focused" | "clearIcon" | "clearable" | "dirty" | "persistentClear" | "singleLine" | "onClick:clear" | "onClick:appendInner" | "onClick:prependInner" | "labelId" | "v-slot:append-inner" | "v-slot:clear" | "v-slot:prepend-inner">, `$${any}`> & {
+                }, import('vuetify/lib/components/VField/VField.mjs').VFieldSlots>, "reverse" | "flat" | "label" | "details" | "style" | "color" | "theme" | "class" | "disabled" | "$children" | "v-slots" | "v-slot:default" | keyof import('vue').VNodeProps | "rounded" | "tile" | "variant" | "loading" | "active" | "baseColor" | "v-slot:loader" | "id" | "error" | "modelValue" | "onUpdate:modelValue" | "bgColor" | "v-slot:label" | "iconColor" | "focused" | "prependInnerIcon" | "appendInnerIcon" | "centerAffix" | "glow" | "onUpdate:focused" | "clearIcon" | "clearable" | "dirty" | "persistentClear" | "singleLine" | "onClick:clear" | "onClick:appendInner" | "onClick:prependInner" | "labelId" | "v-slot:append-inner" | "v-slot:clear" | "v-slot:prepend-inner">, `$${any}`> & {
                     _allExposed: {
                         reset: () => Promise<void>;
                         resetValidation: () => Promise<void>;
@@ -3769,10 +3716,10 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
             $root: ComponentPublicInstance | null;
             $parent: ComponentPublicInstance | null;
             $host: Element | null;
-            $emit: ((event: "input", ...args: any[]) => void) & ((event: "keydown", ...args: any[]) => void) & ((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);
+            $emit: ((event: "input", ...args: any[]) => void) & ((event: "blur", ...args: any[]) => void) & ((event: "focus", ...args: any[]) => void) & ((event: "keydown", ...args: any[]) => void) & ((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;
+                modelValue?: string | number | null | undefined;
                 prependIcon?: import('../../../types/vuetifyTypes').IconType;
                 appendIcon?: import('../../../types/vuetifyTypes').IconType;
                 prependInnerIcon?: import('../../../types/vuetifyTypes').IconType;
@@ -3785,10 +3732,6 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
                 isClearable?: boolean;
                 showDivider?: boolean;
                 label?: string;
-                required?: boolean;
-                errorMessages?: string[] | null;
-                warningMessages?: string[] | null;
-                successMessages?: string[] | null;
                 readonly?: boolean;
                 isActive?: boolean;
                 baseColor?: string;
@@ -3800,7 +3743,6 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
                 direction?: "horizontal" | "vertical";
                 isDirty?: boolean;
                 disabled?: boolean;
-                isOnError?: boolean;
                 isFlat?: boolean;
                 isFocused?: boolean;
                 areDetailsHidden?: boolean | "auto";
@@ -3808,7 +3750,6 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
                 hint?: string;
                 id?: string;
                 loading?: string | boolean;
-                maxErrors?: string | number;
                 maxWidth?: string | number;
                 messages?: string | string[];
                 minWidth?: string | number;
@@ -3822,9 +3763,6 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
                 isReversed?: boolean;
                 role?: string;
                 rounded?: string | number | boolean;
-                hasError?: boolean;
-                hasWarning?: boolean;
-                hasSuccess?: boolean;
                 isOnSingleLine?: boolean;
                 suffix?: string;
                 theme?: string;
@@ -3833,40 +3771,26 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
                 width?: string | number;
                 displayAsterisk?: boolean;
                 noIcon?: boolean;
-                customRules?: import('../../../composables/validation/useValidation').ValidationRule[];
-                customWarningRules?: import('../../../composables/validation/useValidation').ValidationRule[];
-                customSuccessRules?: import('../../../composables/validation/useValidation').ValidationRule[];
-                showSuccessMessages?: boolean;
-                isValidateOnBlur?: boolean;
-                disableErrorHandling?: boolean;
                 disableClickButton?: boolean;
                 autocomplete?: string;
                 helpText?: string;
                 maxlength?: string | number;
                 title?: string | false;
-            }> & Readonly<{
+            } & import('../../../composables/unifyValidation/useValidation').FieldValidationProps> & Readonly<{
                 onInput?: ((...args: any[]) => any) | undefined;
+                onBlur?: ((...args: any[]) => any) | undefined;
+                onFocus?: ((...args: any[]) => any) | undefined;
                 onKeydown?: ((...args: any[]) => any) | undefined;
                 "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: Ref<string[], string[]>;
-                    warnings: Ref<string[], string[]>;
-                    successes: Ref<string[], string[]>;
-                    hasError: import('vue').ComputedRef<boolean>;
-                    hasWarning: import('vue').ComputedRef<boolean>;
-                    hasSuccess: import('vue').ComputedRef<boolean>;
-                    validateField: (value: unknown, rules?: import('../../../composables/validation/useValidation').ValidationRule[], warningRules?: import('../../../composables/validation/useValidation').ValidationRule[], successRules?: import('../../../composables/validation/useValidation').ValidationRule[]) => import('../../../composables/validation/useValidation').ValidationResult;
-                    validateOnSubmit: () => Promise<boolean>;
-                    clearValidation: () => void;
-                };
-                validateOnSubmit: () => boolean;
-                checkErrorOnBlur: () => void;
+                validateOnSubmit: (() => Promise<boolean>) | (() => Promise<boolean>);
             }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
                 input: (...args: any[]) => void;
+                blur: (...args: any[]) => void;
+                focus: (...args: any[]) => void;
                 keydown: (...args: any[]) => void;
                 "update:modelValue": (...args: any[]) => void;
                 clear: (...args: any[]) => void;
@@ -3896,7 +3820,12 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
                 modelValue: string | number | null;
                 bgColor: string;
                 isActive: boolean;
+                required: boolean;
                 prefix: string;
+                showSuccessMessages: boolean;
+                disableErrorHandling: boolean;
+                errorMessages: string[] | null;
+                maxErrors: number;
                 prependInnerIcon: "info" | "success" | "warning" | "error" | "close" | "calendar";
                 appendInnerIcon: "info" | "success" | "warning" | "error" | "close" | "calendar";
                 prependTooltip: string;
@@ -3904,44 +3833,41 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
                 tooltipLocation: "top" | "bottom" | "start" | "end";
                 variantStyle: import('../../../types/vuetifyTypes').VariantStyle;
                 isClearable: boolean;
-                errorMessages: string[] | null;
-                warningMessages: string[] | null;
-                successMessages: string[] | null;
                 centerAffix: boolean;
                 counter: string | number | boolean;
                 counterValue: number | ((value: any) => number);
                 direction: "horizontal" | "vertical";
                 isDirty: boolean;
-                isOnError: boolean;
                 isFlat: boolean;
                 isFocused: boolean;
                 areDetailsHidden: boolean | "auto";
                 areSpinButtonsHidden: boolean;
                 hint: string;
-                maxErrors: string | number;
                 messages: string | string[];
                 displayPersistentClear: boolean;
                 displayPersistentCounter: boolean;
                 displayPersistentHint: boolean;
                 displayPersistentPlaceholder: boolean;
                 isReversed: boolean;
-                hasError: boolean;
-                hasWarning: boolean;
                 isOnSingleLine: boolean;
                 suffix: string;
                 isTiled: boolean;
                 displayAsterisk: boolean;
                 noIcon: boolean;
-                customRules: import('../../../composables/validation/useValidation').ValidationRule[];
-                customWarningRules: import('../../../composables/validation/useValidation').ValidationRule[];
-                customSuccessRules: import('../../../composables/validation/useValidation').ValidationRule[];
-                showSuccessMessages: boolean;
-                isValidateOnBlur: boolean;
-                disableErrorHandling: boolean;
                 disableClickButton: boolean;
                 autocomplete: string;
                 helpText: string;
                 maxlength: string | number;
+                isValidateOnBlur: boolean;
+                useVuetifyValidation: boolean;
+                customRules: import('../../../composables/validation/useValidation').ValidationRule[];
+                customWarningRules: import('../../../composables/validation/useValidation').ValidationRule[];
+                customSuccessRules: import('../../../composables/validation/useValidation').ValidationRule[];
+                warningMessages: string[] | null;
+                successMessages: string[] | null;
+                hasError: boolean;
+                hasWarning: boolean;
+                hasSuccess: boolean;
             }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
                 beforeCreate?: (() => void) | (() => void)[];
                 created?: (() => void) | (() => void)[];
@@ -3986,7 +3912,12 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
             modelValue: string | number | null;
             bgColor: string;
             isActive: boolean;
+            required: boolean;
             prefix: string;
+            showSuccessMessages: boolean;
+            disableErrorHandling: boolean;
+            errorMessages: string[] | null;
+            maxErrors: number;
             prependInnerIcon: "info" | "success" | "warning" | "error" | "close" | "calendar";
             appendInnerIcon: "info" | "success" | "warning" | "error" | "close" | "calendar";
             prependTooltip: string;
@@ -3994,46 +3925,43 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
             tooltipLocation: "top" | "bottom" | "start" | "end";
             variantStyle: import('../../../types/vuetifyTypes').VariantStyle;
             isClearable: boolean;
-            errorMessages: string[] | null;
-            warningMessages: string[] | null;
-            successMessages: string[] | null;
             centerAffix: boolean;
             counter: string | number | boolean;
             counterValue: number | ((value: any) => number);
             direction: "horizontal" | "vertical";
             isDirty: boolean;
-            isOnError: boolean;
             isFlat: boolean;
             isFocused: boolean;
             areDetailsHidden: boolean | "auto";
             areSpinButtonsHidden: boolean;
             hint: string;
-            maxErrors: string | number;
             messages: string | string[];
             displayPersistentClear: boolean;
             displayPersistentCounter: boolean;
             displayPersistentHint: boolean;
             displayPersistentPlaceholder: boolean;
             isReversed: boolean;
-            hasError: boolean;
-            hasWarning: boolean;
             isOnSingleLine: boolean;
             suffix: string;
             isTiled: boolean;
             displayAsterisk: boolean;
             noIcon: boolean;
-            customRules: import('../../../composables/validation/useValidation').ValidationRule[];
-            customWarningRules: import('../../../composables/validation/useValidation').ValidationRule[];
-            customSuccessRules: import('../../../composables/validation/useValidation').ValidationRule[];
-            showSuccessMessages: boolean;
-            isValidateOnBlur: boolean;
-            disableErrorHandling: boolean;
             disableClickButton: boolean;
             autocomplete: string;
             helpText: string;
             maxlength: string | number;
+            isValidateOnBlur: boolean;
+            useVuetifyValidation: boolean;
+            customRules: import('../../../composables/validation/useValidation').ValidationRule[];
+            customWarningRules: import('../../../composables/validation/useValidation').ValidationRule[];
+            customSuccessRules: import('../../../composables/validation/useValidation').ValidationRule[];
+            warningMessages: string[] | null;
+            successMessages: string[] | null;
+            hasError: boolean;
+            hasWarning: boolean;
+            hasSuccess: boolean;
         }> & Omit<Readonly<{
-            modelValue?: string | number | null;
+            modelValue?: string | number | null | undefined;
             prependIcon?: import('../../../types/vuetifyTypes').IconType;
             appendIcon?: import('../../../types/vuetifyTypes').IconType;
             prependInnerIcon?: import('../../../types/vuetifyTypes').IconType;
@@ -4046,10 +3974,6 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
             isClearable?: boolean;
             showDivider?: boolean;
             label?: string;
-            required?: boolean;
-            errorMessages?: string[] | null;
-            warningMessages?: string[] | null;
-            successMessages?: string[] | null;
             readonly?: boolean;
             isActive?: boolean;
             baseColor?: string;
@@ -4061,7 +3985,6 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
             direction?: "horizontal" | "vertical";
             isDirty?: boolean;
             disabled?: boolean;
-            isOnError?: boolean;
             isFlat?: boolean;
             isFocused?: boolean;
             areDetailsHidden?: boolean | "auto";
@@ -4069,7 +3992,6 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
             hint?: string;
             id?: string;
             loading?: string | boolean;
-            maxErrors?: string | number;
             maxWidth?: string | number;
             messages?: string | string[];
             minWidth?: string | number;
@@ -4083,9 +4005,6 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
             isReversed?: boolean;
             role?: string;
             rounded?: string | number | boolean;
-            hasError?: boolean;
-            hasWarning?: boolean;
-            hasSuccess?: boolean;
             isOnSingleLine?: boolean;
             suffix?: string;
             theme?: string;
@@ -4094,39 +4013,23 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
             width?: string | number;
             displayAsterisk?: boolean;
             noIcon?: boolean;
-            customRules?: import('../../../composables/validation/useValidation').ValidationRule[];
-            customWarningRules?: import('../../../composables/validation/useValidation').ValidationRule[];
-            customSuccessRules?: import('../../../composables/validation/useValidation').ValidationRule[];
-            showSuccessMessages?: boolean;
-            isValidateOnBlur?: boolean;
-            disableErrorHandling?: boolean;
             disableClickButton?: boolean;
             autocomplete?: string;
             helpText?: string;
             maxlength?: string | number;
             title?: string | false;
-        }> & Readonly<{
+        } & import('../../../composables/unifyValidation/useValidation').FieldValidationProps> & Readonly<{
             onInput?: ((...args: any[]) => any) | undefined;
+            onBlur?: ((...args: any[]) => any) | undefined;
+            onFocus?: ((...args: any[]) => any) | undefined;
             onKeydown?: ((...args: any[]) => any) | undefined;
             "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;
-        }>, "validateOnSubmit" | "validation" | "checkErrorOnBlur" | ("type" | "label" | "title" | "width" | "role" | "color" | "theme" | "disabled" | "placeholder" | "density" | "rounded" | "maxWidth" | "minWidth" | "loading" | "baseColor" | "prependIcon" | "appendIcon" | "readonly" | "id" | "name" | "modelValue" | "bgColor" | "isActive" | "prefix" | "prependInnerIcon" | "appendInnerIcon" | "prependTooltip" | "appendTooltip" | "tooltipLocation" | "variantStyle" | "isClearable" | "errorMessages" | "warningMessages" | "successMessages" | "centerAffix" | "counter" | "counterValue" | "direction" | "isDirty" | "isOnError" | "isFlat" | "isFocused" | "areDetailsHidden" | "areSpinButtonsHidden" | "hint" | "maxErrors" | "messages" | "displayPersistentClear" | "displayPersistentCounter" | "displayPersistentHint" | "displayPersistentPlaceholder" | "isReversed" | "hasError" | "hasWarning" | "isOnSingleLine" | "suffix" | "isTiled" | "displayAsterisk" | "noIcon" | "customRules" | "customWarningRules" | "customSuccessRules" | "showSuccessMessages" | "isValidateOnBlur" | "disableErrorHandling" | "disableClickButton" | "autocomplete" | "helpText" | "maxlength")> & import('vue').ShallowUnwrapRef<{
-            validation: {
-                errors: Ref<string[], string[]>;
-                warnings: Ref<string[], string[]>;
-                successes: Ref<string[], string[]>;
-                hasError: import('vue').ComputedRef<boolean>;
-                hasWarning: import('vue').ComputedRef<boolean>;
-                hasSuccess: import('vue').ComputedRef<boolean>;
-                validateField: (value: unknown, rules?: import('../../../composables/validation/useValidation').ValidationRule[], warningRules?: import('../../../composables/validation/useValidation').ValidationRule[], successRules?: import('../../../composables/validation/useValidation').ValidationRule[]) => import('../../../composables/validation/useValidation').ValidationResult;
-                validateOnSubmit: () => Promise<boolean>;
-                clearValidation: () => void;
-            };
-            validateOnSubmit: () => boolean;
-            checkErrorOnBlur: () => void;
-        }> & {} & import('vue').ComponentCustomProperties & {} & {
+        }>, "validateOnSubmit" | ("type" | "label" | "title" | "width" | "role" | "color" | "theme" | "disabled" | "placeholder" | "density" | "rounded" | "maxWidth" | "minWidth" | "loading" | "baseColor" | "prependIcon" | "appendIcon" | "readonly" | "id" | "name" | "modelValue" | "bgColor" | "isActive" | "required" | "prefix" | "showSuccessMessages" | "disableErrorHandling" | "errorMessages" | "maxErrors" | "prependInnerIcon" | "appendInnerIcon" | "prependTooltip" | "appendTooltip" | "tooltipLocation" | "variantStyle" | "isClearable" | "centerAffix" | "counter" | "counterValue" | "direction" | "isDirty" | "isFlat" | "isFocused" | "areDetailsHidden" | "areSpinButtonsHidden" | "hint" | "messages" | "displayPersistentClear" | "displayPersistentCounter" | "displayPersistentHint" | "displayPersistentPlaceholder" | "isReversed" | "isOnSingleLine" | "suffix" | "isTiled" | "displayAsterisk" | "noIcon" | "disableClickButton" | "autocomplete" | "helpText" | "maxlength" | "isValidateOnBlur" | "useVuetifyValidation" | "customRules" | "customWarningRules" | "customSuccessRules" | "warningMessages" | "successMessages" | "hasError" | "hasWarning" | "hasSuccess")> & {
+            validateOnSubmit: (() => Promise<boolean>) | (() => Promise<boolean>);
+        } & {} & import('vue').ComponentCustomProperties & {} & {
             $slots: {
                 prepend?(_: {}): any;
                 append?(_: {}): any;
@@ -4144,32 +4047,32 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
         M: {};
         Defaults: {};
     }, Readonly<{
-        modelValue?: DateValue;
-        placeholder?: string;
-        format?: string;
+        autoClamp?: boolean;
+        bgColor?: string;
+        customRules?: import('../../../composables/validation/useValidation').ValidationRule[];
+        customWarningRules?: import('../../../composables/validation/useValidation').ValidationRule[];
         dateFormatReturn?: string;
-        label: string;
-        required?: boolean;
+        density?: "default" | "comfortable" | "compact";
+        disableErrorHandling?: boolean;
         disabled?: boolean;
-        readonly?: boolean;
-        title?: string | false;
-        isOutlined?: boolean;
-        displayIcon?: boolean;
         displayAppendIcon?: boolean;
-        noIcon?: boolean;
-        customRules?: import('../../../composables/validation/useValidation').ValidationRule[];
-        customWarningRules?: import('../../../composables/validation/useValidation').ValidationRule[];
+        displayIcon?: boolean;
         displayPrependIcon?: boolean;
-        disableErrorHandling?: boolean;
-        showSuccessMessages?: boolean;
-        bgColor?: string;
         displayRange?: boolean;
-        autoClamp?: boolean;
-        isValidateOnBlur?: boolean;
-        density?: "default" | "comfortable" | "compact";
+        externalErrorMessages?: string[];
+        format?: string;
         hint?: string;
+        isOutlined?: boolean;
+        isValidateOnBlur?: boolean;
+        label: string;
+        modelValue?: DateValue;
+        noIcon?: boolean;
         persistentHint?: boolean;
-        externalErrorMessages?: string[];
+        placeholder?: string;
+        readonly?: boolean;
+        required?: boolean;
+        showSuccessMessages?: boolean;
+        title?: string | false;
     }> & Readonly<{
         onInput?: ((value: string) => any) | undefined;
         onBlur?: (() => any) | undefined;
@@ -4177,7 +4080,7 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
         "onUpdate:model-value"?: ((value: DateValue) => any) | undefined;
         "onDate-selected"?: ((value: DateValue) => any) | undefined;
     }>, {
-        validateOnSubmit: () => boolean;
+        validateOnSubmit: () => Promise<boolean>;
         reset: () => void;
         focus(): void;
         blur(): void;
@@ -4190,23 +4093,23 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
         modelValue: DateValue;
         bgColor: string;
         required: boolean;
+        showSuccessMessages: boolean;
+        disableErrorHandling: boolean;
         hint: string;
         noIcon: boolean;
+        isValidateOnBlur: boolean;
         customRules: import('../../../composables/validation/useValidation').ValidationRule[];
         customWarningRules: import('../../../composables/validation/useValidation').ValidationRule[];
-        showSuccessMessages: boolean;
-        isValidateOnBlur: boolean;
-        disableErrorHandling: boolean;
         persistentHint: boolean;
         format: string;
         autoClamp: boolean;
         displayRange: boolean;
         dateFormatReturn: string;
-        isOutlined: boolean;
-        displayIcon: boolean;
         displayAppendIcon: boolean;
+        displayIcon: boolean;
         displayPrependIcon: boolean;
         externalErrorMessages: string[];
+        isOutlined: boolean;
     }> | null;
     datePickerRef: ({
         $: import('vue').ComponentInternalInstance;
@@ -4644,7 +4547,7 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
         "onUpdate:month"?: ((date: any) => any) | undefined;
         "onUpdate:viewMode"?: ((date: any) => any) | undefined;
         "onUpdate:year"?: ((date: any) => any) | undefined;
-    }, "header" | "style" | "title" | "tag" | "disabled" | "transition" | "rounded" | "tile" | "readonly" | "divided" | "landscape" | "hideHeader" | "hideTitle" | "controlVariant" | "noMonthPicker" | "nextIcon" | "prevIcon" | "modeIcon" | "viewMode" | "showAdjacentMonths" | "weekdays" | "weeksInMonth" | "firstDayOfWeek" | "firstDayOfYear" | "hideWeekdays" | "showWeek" | "reverseTransition" | "events" | "eventColor" | "headerDateFormat"> & import('vue').ShallowUnwrapRef<{}> & {} & import('vue').ComponentCustomProperties & {} & import('vuetify/lib/util/defineComponent.mjs').GenericProps<{
+    }, "header" | "style" | "title" | "tag" | "disabled" | "transition" | "rounded" | "tile" | "readonly" | "divided" | "landscape" | "hideHeader" | "hideTitle" | "controlVariant" | "noMonthPicker" | "nextIcon" | "prevIcon" | "modeIcon" | "viewMode" | "showAdjacentMonths" | "weekdays" | "weeksInMonth" | "firstDayOfWeek" | "firstDayOfYear" | "hideWeekdays" | "showWeek" | "reverseTransition" | "events" | "eventColor" | "headerDateFormat"> & {} & import('vue').ComponentCustomProperties & {} & import('vuetify/lib/util/defineComponent.mjs').GenericProps<{
         modelValue?: Date | (Date | null)[] | null | undefined;
         "onUpdate:modelValue"?: ((value: Date | (Date | null)[] | null) => void) | undefined;
         multiple?: false | "range" | undefined;