@cnamts/synapse 1.0.23 → 1.0.24

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

@@ -1,20 +1,10 @@
 import { nextTick, ComponentPublicInstance, Ref } from 'vue';
-import { ValidationResult } from '../../../composables/validation/useValidation';
+import { ValidationResult, ValidationRule } from '../../../composables/validation/useValidation';
 import { DateValue, DateInput } from '../../../composables/date/useDateInitializationDayjs';
 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;
@@ -23,43 +13,53 @@ type __VLS_Props = {
         type: string;
         options: any;
     }[];
-    disabled?: boolean;
-    noIcon?: boolean;
-    noCalendar?: boolean;
-    isOutlined?: boolean;
-    readonly?: boolean;
-    width?: string;
-    disableErrorHandling?: boolean;
-    showSuccessMessages?: boolean;
-    bgColor?: string;
+    dateFormatReturn?: string;
     density?: 'default' | 'comfortable' | 'compact';
-    hideDetails?: boolean | 'auto';
-    displayWeekendDays?: boolean;
-    displayTodayButton?: boolean;
-    displayHolidayDays?: boolean;
-    useCombinedMode?: boolean;
-    textFieldActivator?: boolean;
-    title?: string | false;
+    disableErrorHandling?: boolean;
+    disabled?: boolean;
+    displayAppendIcon?: boolean;
     displayAsterisk?: boolean;
+    displayHolidayDays?: boolean;
+    displayIcon?: boolean;
+    displayPrependIcon?: boolean;
+    displayRange?: boolean;
+    displayTodayButton?: boolean;
+    displayWeekendDays?: boolean;
+    format?: string;
+    headingLevel?: 1 | 2 | 3 | 4 | 5 | 6;
+    hideDetails?: boolean | 'auto';
+    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;
-    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;
+    useCombinedMode?: boolean;
+    width?: string;
 };
 declare const _default: import('vue').DefineComponent<__VLS_Props, {
-    validateOnSubmit: () => any;
+    validateOnSubmit: () => Promise<any>;
     isDatePickerVisible: Ref<boolean, boolean>;
     selectedDates: Ref<Date | (Date | null)[] | null, Date | (Date | null)[] | null>;
     errorMessages: Ref<string[], string[]>;
     handleClickOutside: (event: MouseEvent) => void;
     initializeSelectedDates: (modelValue: DateInput | null, displayFormat: string, returnFormat?: string) => Date | Date[] | null;
     updateAccessibility: () => Promise<void>;
-    openDatePicker: () => void;
+    openDatePicker: () => Promise<void>;
     updateSelectedDates: (input: Date | Date[] | string | string[] | null | undefined) => void;
     handleSelectToday: () => void;
 }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
@@ -87,9 +87,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;
@@ -98,9 +101,6 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
         type: string;
         options: any;
     }[];
-    showSuccessMessages: boolean;
-    isValidateOnBlur: boolean;
-    disableErrorHandling: boolean;
     persistentHint: boolean;
     hideDetails: boolean | "auto";
     format: string;
@@ -109,49 +109,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;
     useCombinedMode: boolean;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
     dateTextInputRef: import('vue').CreateComponentPublicInstanceWithMixins<Readonly<{
-        modelValue?: DateValue;
-        placeholder?: string;
-        format?: string;
+        autoClamp?: boolean;
+        bgColor?: string;
+        customRules?: ValidationRule[];
+        customWarningRules?: 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;
@@ -159,7 +159,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;
@@ -178,29 +178,29 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
         modelValue: DateValue;
         bgColor: string;
         required: boolean;
+        showSuccessMessages: boolean;
+        disableErrorHandling: boolean;
         hint: string;
         noIcon: boolean;
-        customRules: import('../../../composables/validation/useValidation').ValidationRule[];
-        customWarningRules: import('../../../composables/validation/useValidation').ValidationRule[];
-        showSuccessMessages: boolean;
         isValidateOnBlur: boolean;
-        disableErrorHandling: boolean;
+        customRules: ValidationRule[];
+        customWarningRules: ValidationRule[];
         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;
@@ -212,11 +212,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;
@@ -236,7 +232,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;
@@ -250,9 +245,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;
@@ -261,18 +253,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?: ValidationRule[] | undefined;
+                readonly customWarningRules?: ValidationRule[] | undefined;
+                readonly customSuccessRules?: 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;
@@ -653,16 +657,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<{
@@ -920,13 +924,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>;
@@ -1390,16 +1394,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<{
@@ -1657,13 +1661,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>;
@@ -1712,10 +1716,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;
@@ -1728,10 +1732,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;
@@ -1751,7 +1751,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;
@@ -1765,9 +1764,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;
@@ -1776,40 +1772,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[]) => 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;
@@ -1839,7 +1821,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;
@@ -1847,9 +1834,6 @@ 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);
@@ -1861,30 +1845,31 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
                 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: ValidationRule[];
+                customWarningRules: ValidationRule[];
+                customSuccessRules: 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)[];
@@ -1929,7 +1914,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;
@@ -1937,9 +1927,6 @@ 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);
@@ -1951,32 +1938,33 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
             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: ValidationRule[];
+            customWarningRules: ValidationRule[];
+            customSuccessRules: 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;
@@ -1989,10 +1977,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;
@@ -2012,7 +1996,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;
@@ -2026,9 +2009,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;
@@ -2037,39 +2017,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[]) => 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" | "isOnError" | "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;
@@ -2087,32 +2051,32 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
         M: {};
         Defaults: {};
     }, Readonly<{
-        modelValue?: DateValue;
-        placeholder?: string;
-        format?: string;
+        autoClamp?: boolean;
+        bgColor?: string;
+        customRules?: ValidationRule[];
+        customWarningRules?: 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;
@@ -2120,7 +2084,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;
@@ -2133,38 +2097,28 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
         modelValue: DateValue;
         bgColor: string;
         required: boolean;
+        showSuccessMessages: boolean;
+        disableErrorHandling: boolean;
         hint: string;
         noIcon: boolean;
-        customRules: import('../../../composables/validation/useValidation').ValidationRule[];
-        customWarningRules: import('../../../composables/validation/useValidation').ValidationRule[];
-        showSuccessMessages: boolean;
         isValidateOnBlur: boolean;
-        disableErrorHandling: boolean;
+        customRules: ValidationRule[];
+        customWarningRules: ValidationRule[];
         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;
     complexDatePickerRef: import('vue').CreateComponentPublicInstanceWithMixins<Readonly<{
-        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;
@@ -2173,31 +2127,41 @@ declare const _default: import('vue').DefineComponent<__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;
     }> & Readonly<{
         onInput?: ((value: string) => any) | undefined;
         onBlur?: (() => any) | undefined;
@@ -2206,7 +2170,7 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
         "onDate-selected"?: ((value: DateValue) => any) | undefined;
         onClosed?: (() => any) | undefined;
     }>, {
-        validateOnSubmit: () => boolean;
+        validateOnSubmit: () => Promise<boolean>;
         isDatePickerVisible: Ref<boolean, boolean>;
         selectedDates: Ref<Date | (Date | null)[] | null, Date | (Date | null)[] | null>;
         errorMessages: import('vue').ComputedRef<string[]>;
@@ -2219,9 +2183,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[]) => ValidationResult;
+        validateField: (value: unknown, rules?: ValidationRule[], warningRules?: ValidationRule[], successRules?: ValidationRule[]) => ValidationResult | Promise<ValidationResult>;
         clearValidation: () => void;
-        validateDates: (forceValidation?: boolean) => ValidationResult;
+        validateDates: (forceValidation?: boolean) => ValidationResult | Promise<ValidationResult>;
         formatDateInput: (input: string, cursorPosition?: number) => {
             formatted: string;
             cursorPos: number;
@@ -2253,9 +2217,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;
@@ -2264,9 +2231,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;
@@ -2274,49 +2238,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;
     }, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {
         accessibilityDescriptionRef: HTMLSpanElement;
         dateTextInputRef: import('vue').CreateComponentPublicInstanceWithMixins<Readonly<{
-            modelValue?: DateValue;
-            placeholder?: string;
-            format?: string;
+            autoClamp?: boolean;
+            bgColor?: string;
+            customRules?: ValidationRule[];
+            customWarningRules?: 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;
@@ -2324,7 +2288,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;
@@ -2343,29 +2307,29 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
             modelValue: DateValue;
             bgColor: string;
             required: boolean;
+            showSuccessMessages: boolean;
+            disableErrorHandling: boolean;
             hint: string;
             noIcon: boolean;
-            customRules: import('../../../composables/validation/useValidation').ValidationRule[];
-            customWarningRules: import('../../../composables/validation/useValidation').ValidationRule[];
-            showSuccessMessages: boolean;
             isValidateOnBlur: boolean;
-            disableErrorHandling: boolean;
+            customRules: ValidationRule[];
+            customWarningRules: ValidationRule[];
             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;
@@ -2377,11 +2341,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;
@@ -2401,7 +2361,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;
@@ -2415,9 +2374,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;
@@ -2426,18 +2382,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?: ValidationRule[] | undefined;
+                    readonly customWarningRules?: ValidationRule[] | undefined;
+                    readonly customSuccessRules?: 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;
@@ -2818,16 +2786,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<{
@@ -3085,13 +3053,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>;
@@ -3555,16 +3523,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<{
@@ -3822,13 +3790,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>;
@@ -3877,10 +3845,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;
@@ -3893,10 +3861,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;
@@ -3916,7 +3880,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;
@@ -3930,9 +3893,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;
@@ -3941,40 +3901,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[]) => 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;
@@ -4004,7 +3950,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;
@@ -4012,9 +3963,6 @@ 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);
@@ -4026,30 +3974,31 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
                     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: ValidationRule[];
+                    customWarningRules: ValidationRule[];
+                    customSuccessRules: 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)[];
@@ -4094,7 +4043,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;
@@ -4102,9 +4056,6 @@ 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);
@@ -4116,32 +4067,33 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
                 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: ValidationRule[];
+                customWarningRules: ValidationRule[];
+                customSuccessRules: 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;
@@ -4154,10 +4106,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;
@@ -4177,7 +4125,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;
@@ -4191,9 +4138,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;
@@ -4202,39 +4146,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[]) => 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" | "isOnError" | "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;
@@ -4252,32 +4180,32 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
             M: {};
             Defaults: {};
         }, Readonly<{
-            modelValue?: DateValue;
-            placeholder?: string;
-            format?: string;
+            autoClamp?: boolean;
+            bgColor?: string;
+            customRules?: ValidationRule[];
+            customWarningRules?: 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;
@@ -4285,7 +4213,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;
@@ -4298,52 +4226,52 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
             modelValue: DateValue;
             bgColor: string;
             required: boolean;
+            showSuccessMessages: boolean;
+            disableErrorHandling: boolean;
             hint: string;
             noIcon: boolean;
-            customRules: import('../../../composables/validation/useValidation').ValidationRule[];
-            customWarningRules: import('../../../composables/validation/useValidation').ValidationRule[];
-            showSuccessMessages: boolean;
             isValidateOnBlur: boolean;
-            disableErrorHandling: boolean;
+            customRules: ValidationRule[];
+            customWarningRules: ValidationRule[];
             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?: ValidationRule[];
+            customWarningRules?: 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;
@@ -4351,7 +4279,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;
@@ -4370,29 +4298,29 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
             modelValue: DateValue;
             bgColor: string;
             required: boolean;
+            showSuccessMessages: boolean;
+            disableErrorHandling: boolean;
             hint: string;
             noIcon: boolean;
-            customRules: import('../../../composables/validation/useValidation').ValidationRule[];
-            customWarningRules: import('../../../composables/validation/useValidation').ValidationRule[];
-            showSuccessMessages: boolean;
             isValidateOnBlur: boolean;
-            disableErrorHandling: boolean;
+            customRules: ValidationRule[];
+            customWarningRules: ValidationRule[];
             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;
@@ -4404,11 +4332,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;
@@ -4428,7 +4352,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;
@@ -4442,9 +4365,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;
@@ -4453,18 +4373,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?: ValidationRule[] | undefined;
+                    readonly customWarningRules?: ValidationRule[] | undefined;
+                    readonly customSuccessRules?: 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;
@@ -4845,16 +4777,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<{
@@ -5112,13 +5044,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>;
@@ -5582,16 +5514,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<{
@@ -5849,13 +5781,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>;
@@ -5904,10 +5836,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;
@@ -5920,10 +5852,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;
@@ -5943,7 +5871,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;
@@ -5957,9 +5884,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;
@@ -5968,40 +5892,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[]) => 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;
@@ -6031,7 +5941,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;
@@ -6039,9 +5954,6 @@ 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);
@@ -6053,30 +5965,31 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
                     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: ValidationRule[];
+                    customWarningRules: ValidationRule[];
+                    customSuccessRules: 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)[];
@@ -6121,7 +6034,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;
@@ -6129,9 +6047,6 @@ 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);
@@ -6143,32 +6058,33 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
                 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: ValidationRule[];
+                customWarningRules: ValidationRule[];
+                customSuccessRules: 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;
@@ -6181,10 +6097,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;
@@ -6204,7 +6116,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;
@@ -6218,9 +6129,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;
@@ -6229,39 +6137,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[]) => 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" | "isOnError" | "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;
@@ -6279,32 +6171,32 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
             M: {};
             Defaults: {};
         }, Readonly<{
-            modelValue?: DateValue;
-            placeholder?: string;
-            format?: string;
+            autoClamp?: boolean;
+            bgColor?: string;
+            customRules?: ValidationRule[];
+            customWarningRules?: 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;
@@ -6312,7 +6204,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;
@@ -6325,23 +6217,23 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
             modelValue: DateValue;
             bgColor: string;
             required: boolean;
+            showSuccessMessages: boolean;
+            disableErrorHandling: boolean;
             hint: string;
             noIcon: boolean;
-            customRules: import('../../../composables/validation/useValidation').ValidationRule[];
-            customWarningRules: import('../../../composables/validation/useValidation').ValidationRule[];
-            showSuccessMessages: boolean;
             isValidateOnBlur: boolean;
-            disableErrorHandling: boolean;
+            customRules: ValidationRule[];
+            customWarningRules: ValidationRule[];
             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;
@@ -6779,7 +6671,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;
@@ -6792,19 +6684,9 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
         M: {};
         Defaults: {};
     }, Readonly<{
-        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;
@@ -6813,31 +6695,41 @@ declare const _default: import('vue').DefineComponent<__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;
     }> & Readonly<{
         onInput?: ((value: string) => any) | undefined;
         onBlur?: (() => any) | undefined;
@@ -6846,7 +6738,7 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
         "onDate-selected"?: ((value: DateValue) => any) | undefined;
         onClosed?: (() => any) | undefined;
     }>, {
-        validateOnSubmit: () => boolean;
+        validateOnSubmit: () => Promise<boolean>;
         isDatePickerVisible: Ref<boolean, boolean>;
         selectedDates: Ref<Date | (Date | null)[] | null, Date | (Date | null)[] | null>;
         errorMessages: import('vue').ComputedRef<string[]>;
@@ -6859,9 +6751,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[]) => ValidationResult;
+        validateField: (value: unknown, rules?: ValidationRule[], warningRules?: ValidationRule[], successRules?: ValidationRule[]) => ValidationResult | Promise<ValidationResult>;
         clearValidation: () => void;
-        validateDates: (forceValidation?: boolean) => ValidationResult;
+        validateDates: (forceValidation?: boolean) => ValidationResult | Promise<ValidationResult>;
         formatDateInput: (input: string, cursorPosition?: number) => {
             formatted: string;
             cursorPos: number;
@@ -6886,9 +6778,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;
@@ -6897,9 +6792,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;
@@ -6907,26 +6799,26 @@ 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;
     }> | null;
     dateCalendarTextInputRef: ({
         $: 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;
@@ -6938,11 +6830,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;
@@ -6962,7 +6850,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;
@@ -6976,9 +6863,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;
@@ -6987,18 +6871,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?: ValidationRule[] | undefined;
+            readonly customWarningRules?: ValidationRule[] | undefined;
+            readonly customSuccessRules?: 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;
@@ -7379,16 +7275,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<{
@@ -7646,13 +7542,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>;
@@ -8116,16 +8012,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<{
@@ -8383,13 +8279,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>;
@@ -8438,10 +8334,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;
@@ -8454,10 +8350,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;
@@ -8477,7 +8369,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;
@@ -8491,9 +8382,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;
@@ -8502,40 +8390,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[]) => 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;
@@ -8565,7 +8439,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;
@@ -8573,9 +8452,6 @@ 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);
@@ -8587,30 +8463,31 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
             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: ValidationRule[];
+            customWarningRules: ValidationRule[];
+            customSuccessRules: 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)[];
@@ -8655,7 +8532,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;
@@ -8663,9 +8545,6 @@ 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);
@@ -8677,32 +8556,33 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
         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: ValidationRule[];
+        customWarningRules: ValidationRule[];
+        customSuccessRules: 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;
@@ -8715,10 +8595,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;
@@ -8738,7 +8614,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;
@@ -8752,9 +8627,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;
@@ -8763,39 +8635,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[]) => 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" | "isOnError" | "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;
@@ -9241,7 +9097,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;