npm - @cnamts/synapse - Versions diffs - 0.0.14-alpha → 0.0.15-alpha - Mend

@cnamts/synapse 0.0.14-alpha → 0.0.15-alpha

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (86) hide show

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

@@ -22,7 +22,7 @@ type __VLS_Props = {
     customRules?: ValidationRule[];
     customWarningRules?: ValidationRule[];
     disableErrorHandling?: boolean;
-    readOnly?: boolean;
+    readonly?: boolean;
 };
 declare const _default: import('vue').DefineComponent<__VLS_Props, {
     validateOnSubmit: () => boolean;
@@ -46,7 +46,7 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
 }>, {
     required: boolean;
     modelValue: PeriodValue;
-    readOnly: boolean;
+    readonly: boolean;
     disabled: boolean;
     noIcon: boolean;
     customRules: ValidationRule[];
@@ -87,7 +87,7 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
         noIcon?: boolean | undefined;
         noCalendar?: boolean | undefined;
         isOutlined?: boolean | undefined;
-        readOnly?: boolean | undefined;
+        readonly?: boolean | undefined;
         width?: string | undefined;
         disableErrorHandling?: boolean | undefined;
         showSuccessMessages?: boolean | undefined;
@@ -114,7 +114,7 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
     }, import('vue').PublicProps, {
         required: boolean;
         modelValue: import('../../composables/date/useDateInitialization').DateInput;
-        readOnly: boolean;
+        readonly: boolean;
         bgColor: string;
         disabled: boolean;
         placeholder: string;
@@ -149,7 +149,7 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
             label?: string | undefined;
             required?: boolean | undefined;
             disabled?: boolean | undefined;
-            readOnly?: boolean | undefined;
+            readonly?: boolean | undefined;
             isOutlined?: boolean | undefined;
             displayIcon?: boolean | undefined;
             displayAppendIcon?: boolean | undefined;
@@ -175,7 +175,7 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
             required: boolean;
             modelValue: string | null;
             label: string;
-            readOnly: boolean;
+            readonly: boolean;
             disabled: boolean;
             placeholder: string;
             noIcon: boolean;
@@ -211,7 +211,7 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
                     readonly errorMessages?: string[] | null | undefined;
                     readonly warningMessages?: string[] | null | undefined;
                     readonly successMessages?: string[] | null | undefined;
-                    readonly readOnly?: boolean | undefined;
+                    readonly readonly?: boolean | undefined;
                     readonly isActive?: boolean | undefined;
                     readonly baseColor?: string | undefined;
                     readonly bgColor?: string | undefined;
@@ -295,7 +295,7 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
                     errorMessages?: string[] | null | undefined;
                     warningMessages?: string[] | null | undefined;
                     successMessages?: string[] | null | undefined;
-                    readOnly?: boolean | undefined;
+                    readonly?: boolean | undefined;
                     isActive?: boolean | undefined;
                     baseColor?: string | undefined;
                     bgColor?: string | undefined;
@@ -382,7 +382,7 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
                     errorMessages: string[] | null;
                     warningMessages: string[] | null;
                     successMessages: string[] | null;
-                    readOnly: boolean;
+                    readonly: boolean;
                     isActive: boolean;
                     baseColor: string;
                     bgColor: string;
@@ -465,7 +465,7 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
                 errorMessages: string[] | null;
                 warningMessages: string[] | null;
                 successMessages: string[] | null;
-                readOnly: boolean;
+                readonly: boolean;
                 isActive: boolean;
                 baseColor: string;
                 bgColor: string;
@@ -530,7 +530,7 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
                 errorMessages?: string[] | null | undefined;
                 warningMessages?: string[] | null | undefined;
                 successMessages?: string[] | null | undefined;
-                readOnly?: boolean | undefined;
+                readonly?: boolean | undefined;
                 isActive?: boolean | undefined;
                 baseColor?: string | undefined;
                 bgColor?: string | undefined;
@@ -582,7 +582,7 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
                 onClear?: ((...args: any[]) => any) | undefined;
                 "onPrepend-icon-click"?: ((...args: any[]) => any) | undefined;
                 "onAppend-icon-click"?: ((...args: any[]) => any) | undefined;
-            }>, "validation" | "validateOnSubmit" | "checkErrorOnBlur" | ("modelValue" | "prependIcon" | "appendIcon" | "prependInnerIcon" | "appendInnerIcon" | "prependTooltip" | "appendTooltip" | "tooltipLocation" | "variantStyle" | "color" | "isClearable" | "label" | "errorMessages" | "warningMessages" | "successMessages" | "readOnly" | "isActive" | "baseColor" | "bgColor" | "centerAffix" | "counter" | "counterValue" | "density" | "direction" | "isDirty" | "disabled" | "isOnError" | "isFlat" | "isFocused" | "areDetailsHidden" | "areSpinButtonsHidden" | "hint" | "id" | "loading" | "maxErrors" | "maxWidth" | "messages" | "minWidth" | "name" | "displayPersistentClear" | "displayPersistentCounter" | "displayPersistentHint" | "displayPersistentPlaceholder" | "placeholder" | "prefix" | "isReversed" | "role" | "rounded" | "isOnSingleLine" | "suffix" | "theme" | "isTiled" | "type" | "width" | "displayAsterisk" | "noIcon" | "customRules" | "customWarningRules" | "customSuccessRules" | "showSuccessMessages" | "isValidateOnBlur" | "disableErrorHandling")> & import('vue').ShallowUnwrapRef<{
+            }>, "validation" | "validateOnSubmit" | "checkErrorOnBlur" | ("modelValue" | "prependIcon" | "appendIcon" | "prependInnerIcon" | "appendInnerIcon" | "prependTooltip" | "appendTooltip" | "tooltipLocation" | "variantStyle" | "color" | "isClearable" | "label" | "errorMessages" | "warningMessages" | "successMessages" | "readonly" | "isActive" | "baseColor" | "bgColor" | "centerAffix" | "counter" | "counterValue" | "density" | "direction" | "isDirty" | "disabled" | "isOnError" | "isFlat" | "isFocused" | "areDetailsHidden" | "areSpinButtonsHidden" | "hint" | "id" | "loading" | "maxErrors" | "maxWidth" | "messages" | "minWidth" | "name" | "displayPersistentClear" | "displayPersistentCounter" | "displayPersistentHint" | "displayPersistentPlaceholder" | "placeholder" | "prefix" | "isReversed" | "role" | "rounded" | "isOnSingleLine" | "suffix" | "theme" | "isTiled" | "type" | "width" | "displayAsterisk" | "noIcon" | "customRules" | "customWarningRules" | "customSuccessRules" | "showSuccessMessages" | "isValidateOnBlur" | "disableErrorHandling")> & import('vue').ShallowUnwrapRef<{
                 validation: {
                     errors: import('vue').Ref<string[], string[]>;
                     warnings: import('vue').Ref<string[], string[]>;
@@ -620,7 +620,7 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
             label?: string | undefined;
             required?: boolean | undefined;
             disabled?: boolean | undefined;
-            readOnly?: boolean | undefined;
+            readonly?: boolean | undefined;
             isOutlined?: boolean | undefined;
             displayIcon?: boolean | undefined;
             displayAppendIcon?: boolean | undefined;
@@ -642,7 +642,7 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
             required: boolean;
             modelValue: string | null;
             label: string;
-            readOnly: boolean;
+            readonly: boolean;
             disabled: boolean;
             placeholder: string;
             noIcon: boolean;
@@ -657,6 +657,722 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
             displayAppendIcon: boolean;
             displayPrependIcon: boolean;
         }> | null;
+        dateCalendarTextInputRef: ({
+            $: import('vue').ComponentInternalInstance;
+            $data: {};
+            $props: {
+                readonly modelValue?: string | number | null | undefined;
+                readonly prependIcon?: import('../Customs/SyTextField/types').IconType;
+                readonly appendIcon?: import('../Customs/SyTextField/types').IconType;
+                readonly prependInnerIcon?: import('../Customs/SyTextField/types').IconType;
+                readonly appendInnerIcon?: import('../Customs/SyTextField/types').IconType;
+                readonly prependTooltip?: string | undefined;
+                readonly appendTooltip?: string | undefined;
+                readonly tooltipLocation?: "top" | "bottom" | "start" | "end" | undefined;
+                readonly variantStyle?: import('../Customs/SyTextField/types').VariantStyle | undefined;
+                readonly color?: import('../Customs/SyTextField/types').ColorType | undefined;
+                readonly isClearable?: boolean | undefined;
+                readonly showDivider?: boolean | undefined;
+                readonly label?: string | undefined;
+                readonly required?: boolean | undefined;
+                readonly errorMessages?: string[] | null | undefined;
+                readonly warningMessages?: string[] | null | undefined;
+                readonly successMessages?: string[] | null | undefined;
+                readonly readonly?: boolean | undefined;
+                readonly isActive?: boolean | undefined;
+                readonly baseColor?: string | undefined;
+                readonly bgColor?: string | undefined;
+                readonly centerAffix?: boolean | undefined;
+                readonly counter?: string | number | boolean | undefined;
+                readonly counterValue?: number | ((value: any) => number) | undefined;
+                readonly density?: "default" | "comfortable" | "compact" | undefined;
+                readonly direction?: "horizontal" | "vertical" | undefined;
+                readonly isDirty?: boolean | undefined;
+                readonly disabled?: boolean | undefined;
+                readonly isOnError?: boolean | undefined;
+                readonly isFlat?: boolean | undefined;
+                readonly isFocused?: boolean | undefined;
+                readonly areDetailsHidden?: boolean | "auto" | undefined;
+                readonly areSpinButtonsHidden?: boolean | undefined;
+                readonly hint?: string | undefined;
+                readonly id?: string | undefined;
+                readonly loading?: string | boolean | undefined;
+                readonly maxErrors?: string | number | undefined;
+                readonly maxWidth?: string | number | undefined;
+                readonly messages?: string | string[] | undefined;
+                readonly minWidth?: string | number | undefined;
+                readonly name?: string | undefined;
+                readonly displayPersistentClear?: boolean | undefined;
+                readonly displayPersistentCounter?: boolean | undefined;
+                readonly displayPersistentHint?: boolean | undefined;
+                readonly displayPersistentPlaceholder?: boolean | undefined;
+                readonly placeholder?: string | undefined;
+                readonly prefix?: string | undefined;
+                readonly isReversed?: boolean | undefined;
+                readonly role?: string | undefined;
+                readonly rounded?: string | number | boolean | undefined;
+                readonly isOnSingleLine?: boolean | undefined;
+                readonly suffix?: string | undefined;
+                readonly theme?: string | undefined;
+                readonly isTiled?: boolean | undefined;
+                readonly type?: string | undefined;
+                readonly width?: string | number | undefined;
+                readonly displayAsterisk?: boolean | undefined;
+                readonly noIcon?: boolean | undefined;
+                readonly customRules?: ValidationRule[] | undefined;
+                readonly customWarningRules?: ValidationRule[] | undefined;
+                readonly customSuccessRules?: ValidationRule[] | undefined;
+                readonly showSuccessMessages?: boolean | undefined;
+                readonly isValidateOnBlur?: boolean | undefined;
+                readonly disableErrorHandling?: boolean | undefined;
+                readonly "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+                readonly onClear?: ((...args: any[]) => any) | undefined;
+                readonly "onPrepend-icon-click"?: ((...args: any[]) => any) | undefined;
+                readonly "onAppend-icon-click"?: ((...args: any[]) => any) | undefined;
+            } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps;
+            $attrs: {
+                [x: string]: unknown;
+            };
+            $refs: {
+                [x: string]: unknown;
+            };
+            $slots: Readonly<{
+                [name: string]: import('vue').Slot<any> | undefined;
+            }>;
+            $root: import('vue').ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import('vue').ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}, {}, {}, string, import('vue').ComponentProvideOptions>, {}, {}, "", {}, any> | null;
+            $parent: import('vue').ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import('vue').ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}, {}, {}, string, import('vue').ComponentProvideOptions>, {}, {}, "", {}, any> | null;
+            $host: Element | null;
+            $emit: ((event: "update:modelValue", ...args: any[]) => void) & ((event: "clear", ...args: any[]) => void) & ((event: "prepend-icon-click", ...args: any[]) => void) & ((event: "append-icon-click", ...args: any[]) => void);
+            $el: any;
+            $options: import('vue').ComponentOptionsBase<Readonly<{
+                modelValue?: string | number | null | undefined;
+                prependIcon?: import('../Customs/SyTextField/types').IconType;
+                appendIcon?: import('../Customs/SyTextField/types').IconType;
+                prependInnerIcon?: import('../Customs/SyTextField/types').IconType;
+                appendInnerIcon?: import('../Customs/SyTextField/types').IconType;
+                prependTooltip?: string | undefined;
+                appendTooltip?: string | undefined;
+                tooltipLocation?: "top" | "bottom" | "start" | "end" | undefined;
+                variantStyle?: import('../Customs/SyTextField/types').VariantStyle | undefined;
+                color?: import('../Customs/SyTextField/types').ColorType | undefined;
+                isClearable?: boolean | undefined;
+                showDivider?: boolean | undefined;
+                label?: string | undefined;
+                required?: boolean | undefined;
+                errorMessages?: string[] | null | undefined;
+                warningMessages?: string[] | null | undefined;
+                successMessages?: string[] | null | undefined;
+                readonly?: boolean | undefined;
+                isActive?: boolean | undefined;
+                baseColor?: string | undefined;
+                bgColor?: string | undefined;
+                centerAffix?: boolean | undefined;
+                counter?: string | number | boolean | undefined;
+                counterValue?: number | ((value: any) => number) | undefined;
+                density?: "default" | "comfortable" | "compact" | undefined;
+                direction?: "horizontal" | "vertical" | undefined;
+                isDirty?: boolean | undefined;
+                disabled?: boolean | undefined;
+                isOnError?: boolean | undefined;
+                isFlat?: boolean | undefined;
+                isFocused?: boolean | undefined;
+                areDetailsHidden?: boolean | "auto" | undefined;
+                areSpinButtonsHidden?: boolean | undefined;
+                hint?: string | undefined;
+                id?: string | undefined;
+                loading?: string | boolean | undefined;
+                maxErrors?: string | number | undefined;
+                maxWidth?: string | number | undefined;
+                messages?: string | string[] | undefined;
+                minWidth?: string | number | undefined;
+                name?: string | undefined;
+                displayPersistentClear?: boolean | undefined;
+                displayPersistentCounter?: boolean | undefined;
+                displayPersistentHint?: boolean | undefined;
+                displayPersistentPlaceholder?: boolean | undefined;
+                placeholder?: string | undefined;
+                prefix?: string | undefined;
+                isReversed?: boolean | undefined;
+                role?: string | undefined;
+                rounded?: string | number | boolean | undefined;
+                isOnSingleLine?: boolean | undefined;
+                suffix?: string | undefined;
+                theme?: string | undefined;
+                isTiled?: boolean | undefined;
+                type?: string | undefined;
+                width?: string | number | undefined;
+                displayAsterisk?: boolean | undefined;
+                noIcon?: boolean | undefined;
+                customRules?: ValidationRule[] | undefined;
+                customWarningRules?: ValidationRule[] | undefined;
+                customSuccessRules?: ValidationRule[] | undefined;
+                showSuccessMessages?: boolean | undefined;
+                isValidateOnBlur?: boolean | undefined;
+                disableErrorHandling?: boolean | undefined;
+            }> & Readonly<{
+                "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+                onClear?: ((...args: any[]) => any) | undefined;
+                "onPrepend-icon-click"?: ((...args: any[]) => any) | undefined;
+                "onAppend-icon-click"?: ((...args: any[]) => any) | undefined;
+            }>, {
+                validation: {
+                    errors: import('vue').Ref<string[], string[]>;
+                    warnings: import('vue').Ref<string[], string[]>;
+                    successes: import('vue').Ref<string[], string[]>;
+                    hasError: import('vue').ComputedRef<boolean>;
+                    hasWarning: import('vue').ComputedRef<boolean>;
+                    hasSuccess: import('vue').ComputedRef<boolean>;
+                    validateField: (value: unknown, rules?: ValidationRule[], warningRules?: ValidationRule[], successRules?: ValidationRule[]) => import('../../composables/validation/useValidation').ValidationResult;
+                    validateOnSubmit: () => Promise<boolean>;
+                    clearValidation: () => void;
+                };
+                validateOnSubmit: () => boolean;
+                checkErrorOnBlur: () => void;
+            }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+                "update:modelValue": (...args: any[]) => void;
+                clear: (...args: any[]) => void;
+                "prepend-icon-click": (...args: any[]) => void;
+                "append-icon-click": (...args: any[]) => void;
+            }, string, {
+                modelValue: string | number | null;
+                prependIcon: "error" | "warning" | "info" | "success" | "close" | "calendar";
+                appendIcon: "error" | "warning" | "info" | "success" | "close" | "calendar";
+                prependInnerIcon: "error" | "warning" | "info" | "success" | "close" | "calendar";
+                appendInnerIcon: "error" | "warning" | "info" | "success" | "close" | "calendar";
+                prependTooltip: string;
+                appendTooltip: string;
+                tooltipLocation: "top" | "bottom" | "start" | "end";
+                variantStyle: import('../Customs/SyTextField/types').VariantStyle;
+                color: import('../Customs/SyTextField/types').ColorType;
+                isClearable: boolean;
+                label: string;
+                errorMessages: string[] | null;
+                warningMessages: string[] | null;
+                successMessages: string[] | null;
+                readonly: boolean;
+                isActive: boolean;
+                baseColor: string;
+                bgColor: string;
+                centerAffix: boolean;
+                counter: string | number | boolean;
+                counterValue: number | ((value: any) => number);
+                density: "default" | "comfortable" | "compact";
+                direction: "horizontal" | "vertical";
+                isDirty: boolean;
+                disabled: boolean;
+                isOnError: boolean;
+                isFlat: boolean;
+                isFocused: boolean;
+                areDetailsHidden: boolean | "auto";
+                areSpinButtonsHidden: boolean;
+                hint: string;
+                id: string;
+                loading: string | boolean;
+                maxErrors: string | number;
+                maxWidth: string | number;
+                messages: string | string[];
+                minWidth: string | number;
+                name: string;
+                displayPersistentClear: boolean;
+                displayPersistentCounter: boolean;
+                displayPersistentHint: boolean;
+                displayPersistentPlaceholder: boolean;
+                placeholder: string;
+                prefix: string;
+                isReversed: boolean;
+                role: string;
+                rounded: string | number | boolean;
+                isOnSingleLine: boolean;
+                suffix: string;
+                theme: string;
+                isTiled: boolean;
+                type: string;
+                width: string | number;
+                displayAsterisk: boolean;
+                noIcon: boolean;
+                customRules: ValidationRule[];
+                customWarningRules: ValidationRule[];
+                customSuccessRules: ValidationRule[];
+                showSuccessMessages: boolean;
+                isValidateOnBlur: boolean;
+                disableErrorHandling: boolean;
+            }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
+                beforeCreate?: ((() => void) | (() => void)[]) | undefined;
+                created?: ((() => void) | (() => void)[]) | undefined;
+                beforeMount?: ((() => void) | (() => void)[]) | undefined;
+                mounted?: ((() => void) | (() => void)[]) | undefined;
+                beforeUpdate?: ((() => void) | (() => void)[]) | undefined;
+                updated?: ((() => void) | (() => void)[]) | undefined;
+                activated?: ((() => void) | (() => void)[]) | undefined;
+                deactivated?: ((() => void) | (() => void)[]) | undefined;
+                beforeDestroy?: ((() => void) | (() => void)[]) | undefined;
+                beforeUnmount?: ((() => void) | (() => void)[]) | undefined;
+                destroyed?: ((() => void) | (() => void)[]) | undefined;
+                unmounted?: ((() => void) | (() => void)[]) | undefined;
+                renderTracked?: (((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[]) | undefined;
+                renderTriggered?: (((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[]) | undefined;
+                errorCaptured?: (((err: unknown, instance: import('vue').ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import('vue').ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}, {}, {}, string, import('vue').ComponentProvideOptions>, {}, {}, "", {}, any> | null, info: string) => boolean | void) | ((err: unknown, instance: import('vue').ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import('vue').ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}, {}, {}, string, import('vue').ComponentProvideOptions>, {}, {}, "", {}, any> | null, info: string) => boolean | void)[]) | undefined;
+            };
+            $forceUpdate: () => void;
+            $nextTick: typeof import('vue').nextTick;
+            $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (args_0: R, args_1: R, args_2: import('@vue/reactivity').OnCleanup) => any : (args_0: any, args_1: any, args_2: import('@vue/reactivity').OnCleanup) => any, options?: import('vue').WatchOptions<boolean> | undefined): import('vue').WatchStopHandle;
+        } & Readonly<{
+            modelValue: string | number | null;
+            prependIcon: "error" | "warning" | "info" | "success" | "close" | "calendar";
+            appendIcon: "error" | "warning" | "info" | "success" | "close" | "calendar";
+            prependInnerIcon: "error" | "warning" | "info" | "success" | "close" | "calendar";
+            appendInnerIcon: "error" | "warning" | "info" | "success" | "close" | "calendar";
+            prependTooltip: string;
+            appendTooltip: string;
+            tooltipLocation: "top" | "bottom" | "start" | "end";
+            variantStyle: import('../Customs/SyTextField/types').VariantStyle;
+            color: import('../Customs/SyTextField/types').ColorType;
+            isClearable: boolean;
+            label: string;
+            errorMessages: string[] | null;
+            warningMessages: string[] | null;
+            successMessages: string[] | null;
+            readonly: boolean;
+            isActive: boolean;
+            baseColor: string;
+            bgColor: string;
+            centerAffix: boolean;
+            counter: string | number | boolean;
+            counterValue: number | ((value: any) => number);
+            density: "default" | "comfortable" | "compact";
+            direction: "horizontal" | "vertical";
+            isDirty: boolean;
+            disabled: boolean;
+            isOnError: boolean;
+            isFlat: boolean;
+            isFocused: boolean;
+            areDetailsHidden: boolean | "auto";
+            areSpinButtonsHidden: boolean;
+            hint: string;
+            id: string;
+            loading: string | boolean;
+            maxErrors: string | number;
+            maxWidth: string | number;
+            messages: string | string[];
+            minWidth: string | number;
+            name: string;
+            displayPersistentClear: boolean;
+            displayPersistentCounter: boolean;
+            displayPersistentHint: boolean;
+            displayPersistentPlaceholder: boolean;
+            placeholder: string;
+            prefix: string;
+            isReversed: boolean;
+            role: string;
+            rounded: string | number | boolean;
+            isOnSingleLine: boolean;
+            suffix: string;
+            theme: string;
+            isTiled: boolean;
+            type: string;
+            width: string | number;
+            displayAsterisk: boolean;
+            noIcon: boolean;
+            customRules: ValidationRule[];
+            customWarningRules: ValidationRule[];
+            customSuccessRules: ValidationRule[];
+            showSuccessMessages: boolean;
+            isValidateOnBlur: boolean;
+            disableErrorHandling: boolean;
+        }> & Omit<Readonly<{
+            modelValue?: string | number | null | undefined;
+            prependIcon?: import('../Customs/SyTextField/types').IconType;
+            appendIcon?: import('../Customs/SyTextField/types').IconType;
+            prependInnerIcon?: import('../Customs/SyTextField/types').IconType;
+            appendInnerIcon?: import('../Customs/SyTextField/types').IconType;
+            prependTooltip?: string | undefined;
+            appendTooltip?: string | undefined;
+            tooltipLocation?: "top" | "bottom" | "start" | "end" | undefined;
+            variantStyle?: import('../Customs/SyTextField/types').VariantStyle | undefined;
+            color?: import('../Customs/SyTextField/types').ColorType | undefined;
+            isClearable?: boolean | undefined;
+            showDivider?: boolean | undefined;
+            label?: string | undefined;
+            required?: boolean | undefined;
+            errorMessages?: string[] | null | undefined;
+            warningMessages?: string[] | null | undefined;
+            successMessages?: string[] | null | undefined;
+            readonly?: boolean | undefined;
+            isActive?: boolean | undefined;
+            baseColor?: string | undefined;
+            bgColor?: string | undefined;
+            centerAffix?: boolean | undefined;
+            counter?: string | number | boolean | undefined;
+            counterValue?: number | ((value: any) => number) | undefined;
+            density?: "default" | "comfortable" | "compact" | undefined;
+            direction?: "horizontal" | "vertical" | undefined;
+            isDirty?: boolean | undefined;
+            disabled?: boolean | undefined;
+            isOnError?: boolean | undefined;
+            isFlat?: boolean | undefined;
+            isFocused?: boolean | undefined;
+            areDetailsHidden?: boolean | "auto" | undefined;
+            areSpinButtonsHidden?: boolean | undefined;
+            hint?: string | undefined;
+            id?: string | undefined;
+            loading?: string | boolean | undefined;
+            maxErrors?: string | number | undefined;
+            maxWidth?: string | number | undefined;
+            messages?: string | string[] | undefined;
+            minWidth?: string | number | undefined;
+            name?: string | undefined;
+            displayPersistentClear?: boolean | undefined;
+            displayPersistentCounter?: boolean | undefined;
+            displayPersistentHint?: boolean | undefined;
+            displayPersistentPlaceholder?: boolean | undefined;
+            placeholder?: string | undefined;
+            prefix?: string | undefined;
+            isReversed?: boolean | undefined;
+            role?: string | undefined;
+            rounded?: string | number | boolean | undefined;
+            isOnSingleLine?: boolean | undefined;
+            suffix?: string | undefined;
+            theme?: string | undefined;
+            isTiled?: boolean | undefined;
+            type?: string | undefined;
+            width?: string | number | undefined;
+            displayAsterisk?: boolean | undefined;
+            noIcon?: boolean | undefined;
+            customRules?: ValidationRule[] | undefined;
+            customWarningRules?: ValidationRule[] | undefined;
+            customSuccessRules?: ValidationRule[] | undefined;
+            showSuccessMessages?: boolean | undefined;
+            isValidateOnBlur?: boolean | undefined;
+            disableErrorHandling?: boolean | undefined;
+        }> & Readonly<{
+            "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+            onClear?: ((...args: any[]) => any) | undefined;
+            "onPrepend-icon-click"?: ((...args: any[]) => any) | undefined;
+            "onAppend-icon-click"?: ((...args: any[]) => any) | undefined;
+        }>, "validation" | "validateOnSubmit" | "checkErrorOnBlur" | ("modelValue" | "prependIcon" | "appendIcon" | "prependInnerIcon" | "appendInnerIcon" | "prependTooltip" | "appendTooltip" | "tooltipLocation" | "variantStyle" | "color" | "isClearable" | "label" | "errorMessages" | "warningMessages" | "successMessages" | "readonly" | "isActive" | "baseColor" | "bgColor" | "centerAffix" | "counter" | "counterValue" | "density" | "direction" | "isDirty" | "disabled" | "isOnError" | "isFlat" | "isFocused" | "areDetailsHidden" | "areSpinButtonsHidden" | "hint" | "id" | "loading" | "maxErrors" | "maxWidth" | "messages" | "minWidth" | "name" | "displayPersistentClear" | "displayPersistentCounter" | "displayPersistentHint" | "displayPersistentPlaceholder" | "placeholder" | "prefix" | "isReversed" | "role" | "rounded" | "isOnSingleLine" | "suffix" | "theme" | "isTiled" | "type" | "width" | "displayAsterisk" | "noIcon" | "customRules" | "customWarningRules" | "customSuccessRules" | "showSuccessMessages" | "isValidateOnBlur" | "disableErrorHandling")> & import('vue').ShallowUnwrapRef<{
+            validation: {
+                errors: import('vue').Ref<string[], string[]>;
+                warnings: import('vue').Ref<string[], string[]>;
+                successes: import('vue').Ref<string[], string[]>;
+                hasError: import('vue').ComputedRef<boolean>;
+                hasWarning: import('vue').ComputedRef<boolean>;
+                hasSuccess: import('vue').ComputedRef<boolean>;
+                validateField: (value: unknown, rules?: ValidationRule[], warningRules?: ValidationRule[], successRules?: ValidationRule[]) => import('../../composables/validation/useValidation').ValidationResult;
+                validateOnSubmit: () => Promise<boolean>;
+                clearValidation: () => void;
+            };
+            validateOnSubmit: () => boolean;
+            checkErrorOnBlur: () => void;
+        }> & {} & import('vue').ComponentCustomProperties & {} & {
+            $slots: {
+                prepend?(_: {}): any;
+                append?(_: {}): any;
+                'prepend-inner'?(_: {}): any;
+                'append-inner'?(_: {}): any;
+                details?(_: {}): any;
+            };
+        }) | null;
+        datePickerRef: ({
+            $: import('vue').ComponentInternalInstance;
+            $data: {};
+            $props: Partial<{
+                active: string | string[];
+                transition: string;
+                header: string;
+                style: import('vue').StyleValue;
+                title: string;
+                disabled: boolean;
+                tag: string | import('vuetify/lib/types.mjs').JSXComponent<any>;
+                landscape: boolean;
+                rounded: string | number | boolean;
+                tile: boolean;
+                divided: boolean;
+                nextIcon: import('vuetify/lib/composables/icons.mjs').IconValue;
+                prevIcon: import('vuetify/lib/composables/icons.mjs').IconValue;
+                reverseTransition: string;
+                hideHeader: boolean;
+                modeIcon: import('vuetify/lib/composables/icons.mjs').IconValue;
+                viewMode: "month" | "year" | "months";
+                showAdjacentMonths: boolean;
+                weekdays: import('vuetify/lib/composables/calendar.mjs').CalendarWeekdays[];
+                weeksInMonth: "static" | "dynamic";
+                firstDayOfWeek: string | number;
+                hideWeekdays: boolean;
+                showWeek: boolean;
+            }> & Omit<{
+                transition: string;
+                header: string;
+                style: import('vue').StyleValue;
+                title: string;
+                disabled: boolean;
+                tag: string | import('vuetify/lib/types.mjs').JSXComponent<any>;
+                landscape: boolean;
+                tile: boolean;
+                divided: boolean;
+                nextIcon: import('vuetify/lib/composables/icons.mjs').IconValue;
+                prevIcon: import('vuetify/lib/composables/icons.mjs').IconValue;
+                reverseTransition: string;
+                hideHeader: boolean;
+                modeIcon: import('vuetify/lib/composables/icons.mjs').IconValue;
+                viewMode: "month" | "year" | "months";
+                showAdjacentMonths: boolean;
+                weekdays: import('vuetify/lib/composables/calendar.mjs').CalendarWeekdays[];
+                weeksInMonth: "static" | "dynamic";
+                hideWeekdays: boolean;
+                showWeek: boolean;
+                max?: unknown;
+                location?: import('vuetify/lib/types.mjs').Anchor | null | undefined;
+                height?: string | number | undefined;
+                width?: string | number | undefined;
+                active?: string | string[] | undefined;
+                min?: unknown;
+                border?: string | number | boolean | undefined;
+                color?: string | undefined;
+                maxHeight?: string | number | undefined;
+                maxWidth?: string | number | undefined;
+                minHeight?: string | number | undefined;
+                minWidth?: string | number | undefined;
+                position?: "fixed" | "absolute" | "static" | "relative" | "sticky" | undefined;
+                text?: string | undefined;
+                month?: string | number | undefined;
+                year?: number | undefined;
+                class?: any;
+                theme?: string | undefined;
+                elevation?: string | number | undefined;
+                rounded?: string | number | boolean | undefined;
+                bgColor?: string | undefined;
+                controlHeight?: string | number | undefined;
+                headerColor?: string | undefined;
+                firstDayOfWeek?: string | number | undefined;
+                allowedDates?: unknown[] | ((date: unknown) => boolean) | undefined;
+                "onUpdate:month"?: ((date: any) => any) | undefined;
+                "onUpdate:year"?: ((date: any) => any) | undefined;
+                "onUpdate:viewMode"?: ((date: any) => any) | undefined;
+            } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, "disabled" | "rounded" | "style" | "active" | "tile" | "title" | "transition" | "header" | "tag" | "divided" | "landscape" | "hideHeader" | "showAdjacentMonths" | "weekdays" | "weeksInMonth" | "firstDayOfWeek" | "hideWeekdays" | "showWeek" | "reverseTransition" | "nextIcon" | "prevIcon" | "modeIcon" | "viewMode">;
+            $attrs: {
+                [x: string]: unknown;
+            };
+            $refs: {
+                [x: string]: unknown;
+            };
+            $slots: Readonly<{
+                default?: (() => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
+                    [key: string]: any;
+                }>[]) | undefined;
+                title?: (() => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
+                    [key: string]: any;
+                }>[]) | undefined;
+                actions?: (() => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
+                    [key: string]: any;
+                }>[]) | undefined;
+                header?: ((arg: {
+                    header: string;
+                    transition: string;
+                }) => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
+                    [key: string]: any;
+                }>[]) | undefined;
+            }>;
+            $root: import('vue').ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import('vue').ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}, {}, {}, string, import('vue').ComponentProvideOptions>, {}, {}, "", {}, any> | null;
+            $parent: import('vue').ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import('vue').ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}, {}, {}, string, import('vue').ComponentProvideOptions>, {}, {}, "", {}, any> | null;
+            $host: Element | null;
+            $emit: ((event: "update:month", date: any) => void) & ((event: "update:year", date: any) => void) & ((event: "update:viewMode", date: any) => void);
+            $el: any;
+            $options: import('vue').ComponentOptionsBase<{
+                transition: string;
+                header: string;
+                style: import('vue').StyleValue;
+                title: string;
+                disabled: boolean;
+                tag: string | import('vuetify/lib/types.mjs').JSXComponent<any>;
+                landscape: boolean;
+                tile: boolean;
+                divided: boolean;
+                nextIcon: import('vuetify/lib/composables/icons.mjs').IconValue;
+                prevIcon: import('vuetify/lib/composables/icons.mjs').IconValue;
+                reverseTransition: string;
+                hideHeader: boolean;
+                modeIcon: import('vuetify/lib/composables/icons.mjs').IconValue;
+                viewMode: "month" | "year" | "months";
+                showAdjacentMonths: boolean;
+                weekdays: import('vuetify/lib/composables/calendar.mjs').CalendarWeekdays[];
+                weeksInMonth: "static" | "dynamic";
+                hideWeekdays: boolean;
+                showWeek: boolean;
+            } & {
+                max?: unknown;
+                location?: import('vuetify/lib/types.mjs').Anchor | null | undefined;
+                height?: string | number | undefined;
+                width?: string | number | undefined;
+                active?: string | string[] | undefined;
+                min?: unknown;
+                border?: string | number | boolean | undefined;
+                color?: string | undefined;
+                maxHeight?: string | number | undefined;
+                maxWidth?: string | number | undefined;
+                minHeight?: string | number | undefined;
+                minWidth?: string | number | undefined;
+                position?: "fixed" | "absolute" | "static" | "relative" | "sticky" | undefined;
+                text?: string | undefined;
+                month?: string | number | undefined;
+                year?: number | undefined;
+                class?: any;
+                theme?: string | undefined;
+                elevation?: string | number | undefined;
+                rounded?: string | number | boolean | undefined;
+                bgColor?: string | undefined;
+                controlHeight?: string | number | undefined;
+                headerColor?: string | undefined;
+                firstDayOfWeek?: string | number | undefined;
+                allowedDates?: unknown[] | ((date: unknown) => boolean) | undefined;
+            } & {
+                "onUpdate:month"?: ((date: any) => any) | undefined;
+                "onUpdate:year"?: ((date: any) => any) | undefined;
+                "onUpdate:viewMode"?: ((date: any) => any) | undefined;
+            }, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, Omit<{
+                'update:modelValue': (date: any) => true;
+                'update:month': (date: any) => true;
+                'update:year': (date: any) => true;
+                'update:viewMode': (date: any) => true;
+            }, "modelValue" | "update:modelValue" | "$children" | "v-slots" | "v-slot:default" | "multiple" | "v-slot:actions" | "v-slot:title" | "v-slot:header">, string, {
+                active: string | string[];
+                transition: string;
+                header: string;
+                style: import('vue').StyleValue;
+                title: string;
+                disabled: boolean;
+                tag: string | import('vuetify/lib/types.mjs').JSXComponent<any>;
+                landscape: boolean;
+                rounded: string | number | boolean;
+                tile: boolean;
+                divided: boolean;
+                nextIcon: import('vuetify/lib/composables/icons.mjs').IconValue;
+                prevIcon: import('vuetify/lib/composables/icons.mjs').IconValue;
+                reverseTransition: string;
+                hideHeader: boolean;
+                modeIcon: import('vuetify/lib/composables/icons.mjs').IconValue;
+                viewMode: "month" | "year" | "months";
+                showAdjacentMonths: boolean;
+                weekdays: import('vuetify/lib/composables/calendar.mjs').CalendarWeekdays[];
+                weeksInMonth: "static" | "dynamic";
+                firstDayOfWeek: string | number;
+                hideWeekdays: boolean;
+                showWeek: boolean;
+            }, {}, string, import('vue').SlotsType<Partial<{
+                default: () => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
+                    [key: string]: any;
+                }>[];
+                title: () => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
+                    [key: string]: any;
+                }>[];
+                actions: () => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
+                    [key: string]: any;
+                }>[];
+                header: (arg: {
+                    header: string;
+                    transition: string;
+                }) => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
+                    [key: string]: any;
+                }>[];
+            }>>, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
+                beforeCreate?: ((() => void) | (() => void)[]) | undefined;
+                created?: ((() => void) | (() => void)[]) | undefined;
+                beforeMount?: ((() => void) | (() => void)[]) | undefined;
+                mounted?: ((() => void) | (() => void)[]) | undefined;
+                beforeUpdate?: ((() => void) | (() => void)[]) | undefined;
+                updated?: ((() => void) | (() => void)[]) | undefined;
+                activated?: ((() => void) | (() => void)[]) | undefined;
+                deactivated?: ((() => void) | (() => void)[]) | undefined;
+                beforeDestroy?: ((() => void) | (() => void)[]) | undefined;
+                beforeUnmount?: ((() => void) | (() => void)[]) | undefined;
+                destroyed?: ((() => void) | (() => void)[]) | undefined;
+                unmounted?: ((() => void) | (() => void)[]) | undefined;
+                renderTracked?: (((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[]) | undefined;
+                renderTriggered?: (((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[]) | undefined;
+                errorCaptured?: (((err: unknown, instance: import('vue').ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import('vue').ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}, {}, {}, string, import('vue').ComponentProvideOptions>, {}, {}, "", {}, any> | null, info: string) => boolean | void) | ((err: unknown, instance: import('vue').ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import('vue').ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}, {}, {}, string, import('vue').ComponentProvideOptions>, {}, {}, "", {}, any> | null, info: string) => boolean | void)[]) | undefined;
+            };
+            $forceUpdate: () => void;
+            $nextTick: typeof import('vue').nextTick;
+            $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (args_0: R, args_1: R, args_2: import('@vue/reactivity').OnCleanup) => any : (args_0: any, args_1: any, args_2: import('@vue/reactivity').OnCleanup) => any, options?: import('vue').WatchOptions<boolean> | undefined): import('vue').WatchStopHandle;
+        } & Readonly<{
+            active: string | string[];
+            transition: string;
+            header: string;
+            style: import('vue').StyleValue;
+            title: string;
+            disabled: boolean;
+            tag: string | import('vuetify/lib/types.mjs').JSXComponent<any>;
+            landscape: boolean;
+            rounded: string | number | boolean;
+            tile: boolean;
+            divided: boolean;
+            nextIcon: import('vuetify/lib/composables/icons.mjs').IconValue;
+            prevIcon: import('vuetify/lib/composables/icons.mjs').IconValue;
+            reverseTransition: string;
+            hideHeader: boolean;
+            modeIcon: import('vuetify/lib/composables/icons.mjs').IconValue;
+            viewMode: "month" | "year" | "months";
+            showAdjacentMonths: boolean;
+            weekdays: import('vuetify/lib/composables/calendar.mjs').CalendarWeekdays[];
+            weeksInMonth: "static" | "dynamic";
+            firstDayOfWeek: string | number;
+            hideWeekdays: boolean;
+            showWeek: boolean;
+        }> & Omit<{
+            transition: string;
+            header: string;
+            style: import('vue').StyleValue;
+            title: string;
+            disabled: boolean;
+            tag: string | import('vuetify/lib/types.mjs').JSXComponent<any>;
+            landscape: boolean;
+            tile: boolean;
+            divided: boolean;
+            nextIcon: import('vuetify/lib/composables/icons.mjs').IconValue;
+            prevIcon: import('vuetify/lib/composables/icons.mjs').IconValue;
+            reverseTransition: string;
+            hideHeader: boolean;
+            modeIcon: import('vuetify/lib/composables/icons.mjs').IconValue;
+            viewMode: "month" | "year" | "months";
+            showAdjacentMonths: boolean;
+            weekdays: import('vuetify/lib/composables/calendar.mjs').CalendarWeekdays[];
+            weeksInMonth: "static" | "dynamic";
+            hideWeekdays: boolean;
+            showWeek: boolean;
+        } & {
+            max?: unknown;
+            location?: import('vuetify/lib/types.mjs').Anchor | null | undefined;
+            height?: string | number | undefined;
+            width?: string | number | undefined;
+            active?: string | string[] | undefined;
+            min?: unknown;
+            border?: string | number | boolean | undefined;
+            color?: string | undefined;
+            maxHeight?: string | number | undefined;
+            maxWidth?: string | number | undefined;
+            minHeight?: string | number | undefined;
+            minWidth?: string | number | undefined;
+            position?: "fixed" | "absolute" | "static" | "relative" | "sticky" | undefined;
+            text?: string | undefined;
+            month?: string | number | undefined;
+            year?: number | undefined;
+            class?: any;
+            theme?: string | undefined;
+            elevation?: string | number | undefined;
+            rounded?: string | number | boolean | undefined;
+            bgColor?: string | undefined;
+            controlHeight?: string | number | undefined;
+            headerColor?: string | undefined;
+            firstDayOfWeek?: string | number | undefined;
+            allowedDates?: unknown[] | ((date: unknown) => boolean) | undefined;
+        } & {
+            "onUpdate:month"?: ((date: any) => any) | undefined;
+            "onUpdate:year"?: ((date: any) => any) | undefined;
+            "onUpdate:viewMode"?: ((date: any) => any) | undefined;
+        }, "disabled" | "rounded" | "style" | "active" | "tile" | "title" | "transition" | "header" | "tag" | "divided" | "landscape" | "hideHeader" | "showAdjacentMonths" | "weekdays" | "weeksInMonth" | "firstDayOfWeek" | "hideWeekdays" | "showWeek" | "reverseTransition" | "nextIcon" | "prevIcon" | "modeIcon" | "viewMode"> & import('vue').ShallowUnwrapRef<{}> & {} & import('vue').ComponentCustomProperties & {} & import('vuetify/lib/util/defineComponent.mjs').GenericProps<{
+            modelValue?: Date | Date[] | null | undefined;
+            "onUpdate:modelValue"?: ((value: Date | Date[] | null) => void) | undefined;
+            multiple?: false | "range" | undefined;
+        }, import('vuetify/lib/components/VDatePicker/VDatePicker.mjs').VDatePickerSlots>) | null;
     }, HTMLDivElement, import('vue').ComponentProvideOptions, {
         P: {};
         B: {};
@@ -688,7 +1404,7 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
         noIcon?: boolean | undefined;
         noCalendar?: boolean | undefined;
         isOutlined?: boolean | undefined;
-        readOnly?: boolean | undefined;
+        readonly?: boolean | undefined;
         width?: string | undefined;
         disableErrorHandling?: boolean | undefined;
         showSuccessMessages?: boolean | undefined;
@@ -710,7 +1426,7 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
     }, {}, {}, {}, {
         required: boolean;
         modelValue: import('../../composables/date/useDateInitialization').DateInput;
-        readOnly: boolean;
+        readonly: boolean;
         bgColor: string;
         disabled: boolean;
         placeholder: string;
@@ -761,7 +1477,7 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
         noIcon?: boolean | undefined;
         noCalendar?: boolean | undefined;
         isOutlined?: boolean | undefined;
-        readOnly?: boolean | undefined;
+        readonly?: boolean | undefined;
         width?: string | undefined;
         disableErrorHandling?: boolean | undefined;
         showSuccessMessages?: boolean | undefined;
@@ -788,7 +1504,7 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
     }, import('vue').PublicProps, {
         required: boolean;
         modelValue: import('../../composables/date/useDateInitialization').DateInput;
-        readOnly: boolean;
+        readonly: boolean;
         bgColor: string;
         disabled: boolean;
         placeholder: string;
@@ -823,7 +1539,7 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
             label?: string | undefined;
             required?: boolean | undefined;
             disabled?: boolean | undefined;
-            readOnly?: boolean | undefined;
+            readonly?: boolean | undefined;
             isOutlined?: boolean | undefined;
             displayIcon?: boolean | undefined;
             displayAppendIcon?: boolean | undefined;
@@ -849,7 +1565,7 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
             required: boolean;
             modelValue: string | null;
             label: string;
-            readOnly: boolean;
+            readonly: boolean;
             disabled: boolean;
             placeholder: string;
             noIcon: boolean;
@@ -885,7 +1601,7 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
                     readonly errorMessages?: string[] | null | undefined;
                     readonly warningMessages?: string[] | null | undefined;
                     readonly successMessages?: string[] | null | undefined;
-                    readonly readOnly?: boolean | undefined;
+                    readonly readonly?: boolean | undefined;
                     readonly isActive?: boolean | undefined;
                     readonly baseColor?: string | undefined;
                     readonly bgColor?: string | undefined;
@@ -969,7 +1685,7 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
                     errorMessages?: string[] | null | undefined;
                     warningMessages?: string[] | null | undefined;
                     successMessages?: string[] | null | undefined;
-                    readOnly?: boolean | undefined;
+                    readonly?: boolean | undefined;
                     isActive?: boolean | undefined;
                     baseColor?: string | undefined;
                     bgColor?: string | undefined;
@@ -1056,7 +1772,7 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
                     errorMessages: string[] | null;
                     warningMessages: string[] | null;
                     successMessages: string[] | null;
-                    readOnly: boolean;
+                    readonly: boolean;
                     isActive: boolean;
                     baseColor: string;
                     bgColor: string;
@@ -1139,7 +1855,7 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
                 errorMessages: string[] | null;
                 warningMessages: string[] | null;
                 successMessages: string[] | null;
-                readOnly: boolean;
+                readonly: boolean;
                 isActive: boolean;
                 baseColor: string;
                 bgColor: string;
@@ -1204,7 +1920,7 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
                 errorMessages?: string[] | null | undefined;
                 warningMessages?: string[] | null | undefined;
                 successMessages?: string[] | null | undefined;
-                readOnly?: boolean | undefined;
+                readonly?: boolean | undefined;
                 isActive?: boolean | undefined;
                 baseColor?: string | undefined;
                 bgColor?: string | undefined;
@@ -1256,7 +1972,7 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
                 onClear?: ((...args: any[]) => any) | undefined;
                 "onPrepend-icon-click"?: ((...args: any[]) => any) | undefined;
                 "onAppend-icon-click"?: ((...args: any[]) => any) | undefined;
-            }>, "validation" | "validateOnSubmit" | "checkErrorOnBlur" | ("modelValue" | "prependIcon" | "appendIcon" | "prependInnerIcon" | "appendInnerIcon" | "prependTooltip" | "appendTooltip" | "tooltipLocation" | "variantStyle" | "color" | "isClearable" | "label" | "errorMessages" | "warningMessages" | "successMessages" | "readOnly" | "isActive" | "baseColor" | "bgColor" | "centerAffix" | "counter" | "counterValue" | "density" | "direction" | "isDirty" | "disabled" | "isOnError" | "isFlat" | "isFocused" | "areDetailsHidden" | "areSpinButtonsHidden" | "hint" | "id" | "loading" | "maxErrors" | "maxWidth" | "messages" | "minWidth" | "name" | "displayPersistentClear" | "displayPersistentCounter" | "displayPersistentHint" | "displayPersistentPlaceholder" | "placeholder" | "prefix" | "isReversed" | "role" | "rounded" | "isOnSingleLine" | "suffix" | "theme" | "isTiled" | "type" | "width" | "displayAsterisk" | "noIcon" | "customRules" | "customWarningRules" | "customSuccessRules" | "showSuccessMessages" | "isValidateOnBlur" | "disableErrorHandling")> & import('vue').ShallowUnwrapRef<{
+            }>, "validation" | "validateOnSubmit" | "checkErrorOnBlur" | ("modelValue" | "prependIcon" | "appendIcon" | "prependInnerIcon" | "appendInnerIcon" | "prependTooltip" | "appendTooltip" | "tooltipLocation" | "variantStyle" | "color" | "isClearable" | "label" | "errorMessages" | "warningMessages" | "successMessages" | "readonly" | "isActive" | "baseColor" | "bgColor" | "centerAffix" | "counter" | "counterValue" | "density" | "direction" | "isDirty" | "disabled" | "isOnError" | "isFlat" | "isFocused" | "areDetailsHidden" | "areSpinButtonsHidden" | "hint" | "id" | "loading" | "maxErrors" | "maxWidth" | "messages" | "minWidth" | "name" | "displayPersistentClear" | "displayPersistentCounter" | "displayPersistentHint" | "displayPersistentPlaceholder" | "placeholder" | "prefix" | "isReversed" | "role" | "rounded" | "isOnSingleLine" | "suffix" | "theme" | "isTiled" | "type" | "width" | "displayAsterisk" | "noIcon" | "customRules" | "customWarningRules" | "customSuccessRules" | "showSuccessMessages" | "isValidateOnBlur" | "disableErrorHandling")> & import('vue').ShallowUnwrapRef<{
                 validation: {
                     errors: import('vue').Ref<string[], string[]>;
                     warnings: import('vue').Ref<string[], string[]>;
@@ -1294,7 +2010,7 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
             label?: string | undefined;
             required?: boolean | undefined;
             disabled?: boolean | undefined;
-            readOnly?: boolean | undefined;
+            readonly?: boolean | undefined;
             isOutlined?: boolean | undefined;
             displayIcon?: boolean | undefined;
             displayAppendIcon?: boolean | undefined;
@@ -1316,7 +2032,7 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
             required: boolean;
             modelValue: string | null;
             label: string;
-            readOnly: boolean;
+            readonly: boolean;
             disabled: boolean;
             placeholder: string;
             noIcon: boolean;
@@ -1331,6 +2047,722 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
             displayAppendIcon: boolean;
             displayPrependIcon: boolean;
         }> | null;
+        dateCalendarTextInputRef: ({
+            $: import('vue').ComponentInternalInstance;
+            $data: {};
+            $props: {
+                readonly modelValue?: string | number | null | undefined;
+                readonly prependIcon?: import('../Customs/SyTextField/types').IconType;
+                readonly appendIcon?: import('../Customs/SyTextField/types').IconType;
+                readonly prependInnerIcon?: import('../Customs/SyTextField/types').IconType;
+                readonly appendInnerIcon?: import('../Customs/SyTextField/types').IconType;
+                readonly prependTooltip?: string | undefined;
+                readonly appendTooltip?: string | undefined;
+                readonly tooltipLocation?: "top" | "bottom" | "start" | "end" | undefined;
+                readonly variantStyle?: import('../Customs/SyTextField/types').VariantStyle | undefined;
+                readonly color?: import('../Customs/SyTextField/types').ColorType | undefined;
+                readonly isClearable?: boolean | undefined;
+                readonly showDivider?: boolean | undefined;
+                readonly label?: string | undefined;
+                readonly required?: boolean | undefined;
+                readonly errorMessages?: string[] | null | undefined;
+                readonly warningMessages?: string[] | null | undefined;
+                readonly successMessages?: string[] | null | undefined;
+                readonly readonly?: boolean | undefined;
+                readonly isActive?: boolean | undefined;
+                readonly baseColor?: string | undefined;
+                readonly bgColor?: string | undefined;
+                readonly centerAffix?: boolean | undefined;
+                readonly counter?: string | number | boolean | undefined;
+                readonly counterValue?: number | ((value: any) => number) | undefined;
+                readonly density?: "default" | "comfortable" | "compact" | undefined;
+                readonly direction?: "horizontal" | "vertical" | undefined;
+                readonly isDirty?: boolean | undefined;
+                readonly disabled?: boolean | undefined;
+                readonly isOnError?: boolean | undefined;
+                readonly isFlat?: boolean | undefined;
+                readonly isFocused?: boolean | undefined;
+                readonly areDetailsHidden?: boolean | "auto" | undefined;
+                readonly areSpinButtonsHidden?: boolean | undefined;
+                readonly hint?: string | undefined;
+                readonly id?: string | undefined;
+                readonly loading?: string | boolean | undefined;
+                readonly maxErrors?: string | number | undefined;
+                readonly maxWidth?: string | number | undefined;
+                readonly messages?: string | string[] | undefined;
+                readonly minWidth?: string | number | undefined;
+                readonly name?: string | undefined;
+                readonly displayPersistentClear?: boolean | undefined;
+                readonly displayPersistentCounter?: boolean | undefined;
+                readonly displayPersistentHint?: boolean | undefined;
+                readonly displayPersistentPlaceholder?: boolean | undefined;
+                readonly placeholder?: string | undefined;
+                readonly prefix?: string | undefined;
+                readonly isReversed?: boolean | undefined;
+                readonly role?: string | undefined;
+                readonly rounded?: string | number | boolean | undefined;
+                readonly isOnSingleLine?: boolean | undefined;
+                readonly suffix?: string | undefined;
+                readonly theme?: string | undefined;
+                readonly isTiled?: boolean | undefined;
+                readonly type?: string | undefined;
+                readonly width?: string | number | undefined;
+                readonly displayAsterisk?: boolean | undefined;
+                readonly noIcon?: boolean | undefined;
+                readonly customRules?: ValidationRule[] | undefined;
+                readonly customWarningRules?: ValidationRule[] | undefined;
+                readonly customSuccessRules?: ValidationRule[] | undefined;
+                readonly showSuccessMessages?: boolean | undefined;
+                readonly isValidateOnBlur?: boolean | undefined;
+                readonly disableErrorHandling?: boolean | undefined;
+                readonly "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+                readonly onClear?: ((...args: any[]) => any) | undefined;
+                readonly "onPrepend-icon-click"?: ((...args: any[]) => any) | undefined;
+                readonly "onAppend-icon-click"?: ((...args: any[]) => any) | undefined;
+            } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps;
+            $attrs: {
+                [x: string]: unknown;
+            };
+            $refs: {
+                [x: string]: unknown;
+            };
+            $slots: Readonly<{
+                [name: string]: import('vue').Slot<any> | undefined;
+            }>;
+            $root: import('vue').ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import('vue').ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}, {}, {}, string, import('vue').ComponentProvideOptions>, {}, {}, "", {}, any> | null;
+            $parent: import('vue').ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import('vue').ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}, {}, {}, string, import('vue').ComponentProvideOptions>, {}, {}, "", {}, any> | null;
+            $host: Element | null;
+            $emit: ((event: "update:modelValue", ...args: any[]) => void) & ((event: "clear", ...args: any[]) => void) & ((event: "prepend-icon-click", ...args: any[]) => void) & ((event: "append-icon-click", ...args: any[]) => void);
+            $el: any;
+            $options: import('vue').ComponentOptionsBase<Readonly<{
+                modelValue?: string | number | null | undefined;
+                prependIcon?: import('../Customs/SyTextField/types').IconType;
+                appendIcon?: import('../Customs/SyTextField/types').IconType;
+                prependInnerIcon?: import('../Customs/SyTextField/types').IconType;
+                appendInnerIcon?: import('../Customs/SyTextField/types').IconType;
+                prependTooltip?: string | undefined;
+                appendTooltip?: string | undefined;
+                tooltipLocation?: "top" | "bottom" | "start" | "end" | undefined;
+                variantStyle?: import('../Customs/SyTextField/types').VariantStyle | undefined;
+                color?: import('../Customs/SyTextField/types').ColorType | undefined;
+                isClearable?: boolean | undefined;
+                showDivider?: boolean | undefined;
+                label?: string | undefined;
+                required?: boolean | undefined;
+                errorMessages?: string[] | null | undefined;
+                warningMessages?: string[] | null | undefined;
+                successMessages?: string[] | null | undefined;
+                readonly?: boolean | undefined;
+                isActive?: boolean | undefined;
+                baseColor?: string | undefined;
+                bgColor?: string | undefined;
+                centerAffix?: boolean | undefined;
+                counter?: string | number | boolean | undefined;
+                counterValue?: number | ((value: any) => number) | undefined;
+                density?: "default" | "comfortable" | "compact" | undefined;
+                direction?: "horizontal" | "vertical" | undefined;
+                isDirty?: boolean | undefined;
+                disabled?: boolean | undefined;
+                isOnError?: boolean | undefined;
+                isFlat?: boolean | undefined;
+                isFocused?: boolean | undefined;
+                areDetailsHidden?: boolean | "auto" | undefined;
+                areSpinButtonsHidden?: boolean | undefined;
+                hint?: string | undefined;
+                id?: string | undefined;
+                loading?: string | boolean | undefined;
+                maxErrors?: string | number | undefined;
+                maxWidth?: string | number | undefined;
+                messages?: string | string[] | undefined;
+                minWidth?: string | number | undefined;
+                name?: string | undefined;
+                displayPersistentClear?: boolean | undefined;
+                displayPersistentCounter?: boolean | undefined;
+                displayPersistentHint?: boolean | undefined;
+                displayPersistentPlaceholder?: boolean | undefined;
+                placeholder?: string | undefined;
+                prefix?: string | undefined;
+                isReversed?: boolean | undefined;
+                role?: string | undefined;
+                rounded?: string | number | boolean | undefined;
+                isOnSingleLine?: boolean | undefined;
+                suffix?: string | undefined;
+                theme?: string | undefined;
+                isTiled?: boolean | undefined;
+                type?: string | undefined;
+                width?: string | number | undefined;
+                displayAsterisk?: boolean | undefined;
+                noIcon?: boolean | undefined;
+                customRules?: ValidationRule[] | undefined;
+                customWarningRules?: ValidationRule[] | undefined;
+                customSuccessRules?: ValidationRule[] | undefined;
+                showSuccessMessages?: boolean | undefined;
+                isValidateOnBlur?: boolean | undefined;
+                disableErrorHandling?: boolean | undefined;
+            }> & Readonly<{
+                "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+                onClear?: ((...args: any[]) => any) | undefined;
+                "onPrepend-icon-click"?: ((...args: any[]) => any) | undefined;
+                "onAppend-icon-click"?: ((...args: any[]) => any) | undefined;
+            }>, {
+                validation: {
+                    errors: import('vue').Ref<string[], string[]>;
+                    warnings: import('vue').Ref<string[], string[]>;
+                    successes: import('vue').Ref<string[], string[]>;
+                    hasError: import('vue').ComputedRef<boolean>;
+                    hasWarning: import('vue').ComputedRef<boolean>;
+                    hasSuccess: import('vue').ComputedRef<boolean>;
+                    validateField: (value: unknown, rules?: ValidationRule[], warningRules?: ValidationRule[], successRules?: ValidationRule[]) => import('../../composables/validation/useValidation').ValidationResult;
+                    validateOnSubmit: () => Promise<boolean>;
+                    clearValidation: () => void;
+                };
+                validateOnSubmit: () => boolean;
+                checkErrorOnBlur: () => void;
+            }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+                "update:modelValue": (...args: any[]) => void;
+                clear: (...args: any[]) => void;
+                "prepend-icon-click": (...args: any[]) => void;
+                "append-icon-click": (...args: any[]) => void;
+            }, string, {
+                modelValue: string | number | null;
+                prependIcon: "error" | "warning" | "info" | "success" | "close" | "calendar";
+                appendIcon: "error" | "warning" | "info" | "success" | "close" | "calendar";
+                prependInnerIcon: "error" | "warning" | "info" | "success" | "close" | "calendar";
+                appendInnerIcon: "error" | "warning" | "info" | "success" | "close" | "calendar";
+                prependTooltip: string;
+                appendTooltip: string;
+                tooltipLocation: "top" | "bottom" | "start" | "end";
+                variantStyle: import('../Customs/SyTextField/types').VariantStyle;
+                color: import('../Customs/SyTextField/types').ColorType;
+                isClearable: boolean;
+                label: string;
+                errorMessages: string[] | null;
+                warningMessages: string[] | null;
+                successMessages: string[] | null;
+                readonly: boolean;
+                isActive: boolean;
+                baseColor: string;
+                bgColor: string;
+                centerAffix: boolean;
+                counter: string | number | boolean;
+                counterValue: number | ((value: any) => number);
+                density: "default" | "comfortable" | "compact";
+                direction: "horizontal" | "vertical";
+                isDirty: boolean;
+                disabled: boolean;
+                isOnError: boolean;
+                isFlat: boolean;
+                isFocused: boolean;
+                areDetailsHidden: boolean | "auto";
+                areSpinButtonsHidden: boolean;
+                hint: string;
+                id: string;
+                loading: string | boolean;
+                maxErrors: string | number;
+                maxWidth: string | number;
+                messages: string | string[];
+                minWidth: string | number;
+                name: string;
+                displayPersistentClear: boolean;
+                displayPersistentCounter: boolean;
+                displayPersistentHint: boolean;
+                displayPersistentPlaceholder: boolean;
+                placeholder: string;
+                prefix: string;
+                isReversed: boolean;
+                role: string;
+                rounded: string | number | boolean;
+                isOnSingleLine: boolean;
+                suffix: string;
+                theme: string;
+                isTiled: boolean;
+                type: string;
+                width: string | number;
+                displayAsterisk: boolean;
+                noIcon: boolean;
+                customRules: ValidationRule[];
+                customWarningRules: ValidationRule[];
+                customSuccessRules: ValidationRule[];
+                showSuccessMessages: boolean;
+                isValidateOnBlur: boolean;
+                disableErrorHandling: boolean;
+            }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
+                beforeCreate?: ((() => void) | (() => void)[]) | undefined;
+                created?: ((() => void) | (() => void)[]) | undefined;
+                beforeMount?: ((() => void) | (() => void)[]) | undefined;
+                mounted?: ((() => void) | (() => void)[]) | undefined;
+                beforeUpdate?: ((() => void) | (() => void)[]) | undefined;
+                updated?: ((() => void) | (() => void)[]) | undefined;
+                activated?: ((() => void) | (() => void)[]) | undefined;
+                deactivated?: ((() => void) | (() => void)[]) | undefined;
+                beforeDestroy?: ((() => void) | (() => void)[]) | undefined;
+                beforeUnmount?: ((() => void) | (() => void)[]) | undefined;
+                destroyed?: ((() => void) | (() => void)[]) | undefined;
+                unmounted?: ((() => void) | (() => void)[]) | undefined;
+                renderTracked?: (((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[]) | undefined;
+                renderTriggered?: (((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[]) | undefined;
+                errorCaptured?: (((err: unknown, instance: import('vue').ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import('vue').ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}, {}, {}, string, import('vue').ComponentProvideOptions>, {}, {}, "", {}, any> | null, info: string) => boolean | void) | ((err: unknown, instance: import('vue').ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import('vue').ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}, {}, {}, string, import('vue').ComponentProvideOptions>, {}, {}, "", {}, any> | null, info: string) => boolean | void)[]) | undefined;
+            };
+            $forceUpdate: () => void;
+            $nextTick: typeof import('vue').nextTick;
+            $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (args_0: R, args_1: R, args_2: import('@vue/reactivity').OnCleanup) => any : (args_0: any, args_1: any, args_2: import('@vue/reactivity').OnCleanup) => any, options?: import('vue').WatchOptions<boolean> | undefined): import('vue').WatchStopHandle;
+        } & Readonly<{
+            modelValue: string | number | null;
+            prependIcon: "error" | "warning" | "info" | "success" | "close" | "calendar";
+            appendIcon: "error" | "warning" | "info" | "success" | "close" | "calendar";
+            prependInnerIcon: "error" | "warning" | "info" | "success" | "close" | "calendar";
+            appendInnerIcon: "error" | "warning" | "info" | "success" | "close" | "calendar";
+            prependTooltip: string;
+            appendTooltip: string;
+            tooltipLocation: "top" | "bottom" | "start" | "end";
+            variantStyle: import('../Customs/SyTextField/types').VariantStyle;
+            color: import('../Customs/SyTextField/types').ColorType;
+            isClearable: boolean;
+            label: string;
+            errorMessages: string[] | null;
+            warningMessages: string[] | null;
+            successMessages: string[] | null;
+            readonly: boolean;
+            isActive: boolean;
+            baseColor: string;
+            bgColor: string;
+            centerAffix: boolean;
+            counter: string | number | boolean;
+            counterValue: number | ((value: any) => number);
+            density: "default" | "comfortable" | "compact";
+            direction: "horizontal" | "vertical";
+            isDirty: boolean;
+            disabled: boolean;
+            isOnError: boolean;
+            isFlat: boolean;
+            isFocused: boolean;
+            areDetailsHidden: boolean | "auto";
+            areSpinButtonsHidden: boolean;
+            hint: string;
+            id: string;
+            loading: string | boolean;
+            maxErrors: string | number;
+            maxWidth: string | number;
+            messages: string | string[];
+            minWidth: string | number;
+            name: string;
+            displayPersistentClear: boolean;
+            displayPersistentCounter: boolean;
+            displayPersistentHint: boolean;
+            displayPersistentPlaceholder: boolean;
+            placeholder: string;
+            prefix: string;
+            isReversed: boolean;
+            role: string;
+            rounded: string | number | boolean;
+            isOnSingleLine: boolean;
+            suffix: string;
+            theme: string;
+            isTiled: boolean;
+            type: string;
+            width: string | number;
+            displayAsterisk: boolean;
+            noIcon: boolean;
+            customRules: ValidationRule[];
+            customWarningRules: ValidationRule[];
+            customSuccessRules: ValidationRule[];
+            showSuccessMessages: boolean;
+            isValidateOnBlur: boolean;
+            disableErrorHandling: boolean;
+        }> & Omit<Readonly<{
+            modelValue?: string | number | null | undefined;
+            prependIcon?: import('../Customs/SyTextField/types').IconType;
+            appendIcon?: import('../Customs/SyTextField/types').IconType;
+            prependInnerIcon?: import('../Customs/SyTextField/types').IconType;
+            appendInnerIcon?: import('../Customs/SyTextField/types').IconType;
+            prependTooltip?: string | undefined;
+            appendTooltip?: string | undefined;
+            tooltipLocation?: "top" | "bottom" | "start" | "end" | undefined;
+            variantStyle?: import('../Customs/SyTextField/types').VariantStyle | undefined;
+            color?: import('../Customs/SyTextField/types').ColorType | undefined;
+            isClearable?: boolean | undefined;
+            showDivider?: boolean | undefined;
+            label?: string | undefined;
+            required?: boolean | undefined;
+            errorMessages?: string[] | null | undefined;
+            warningMessages?: string[] | null | undefined;
+            successMessages?: string[] | null | undefined;
+            readonly?: boolean | undefined;
+            isActive?: boolean | undefined;
+            baseColor?: string | undefined;
+            bgColor?: string | undefined;
+            centerAffix?: boolean | undefined;
+            counter?: string | number | boolean | undefined;
+            counterValue?: number | ((value: any) => number) | undefined;
+            density?: "default" | "comfortable" | "compact" | undefined;
+            direction?: "horizontal" | "vertical" | undefined;
+            isDirty?: boolean | undefined;
+            disabled?: boolean | undefined;
+            isOnError?: boolean | undefined;
+            isFlat?: boolean | undefined;
+            isFocused?: boolean | undefined;
+            areDetailsHidden?: boolean | "auto" | undefined;
+            areSpinButtonsHidden?: boolean | undefined;
+            hint?: string | undefined;
+            id?: string | undefined;
+            loading?: string | boolean | undefined;
+            maxErrors?: string | number | undefined;
+            maxWidth?: string | number | undefined;
+            messages?: string | string[] | undefined;
+            minWidth?: string | number | undefined;
+            name?: string | undefined;
+            displayPersistentClear?: boolean | undefined;
+            displayPersistentCounter?: boolean | undefined;
+            displayPersistentHint?: boolean | undefined;
+            displayPersistentPlaceholder?: boolean | undefined;
+            placeholder?: string | undefined;
+            prefix?: string | undefined;
+            isReversed?: boolean | undefined;
+            role?: string | undefined;
+            rounded?: string | number | boolean | undefined;
+            isOnSingleLine?: boolean | undefined;
+            suffix?: string | undefined;
+            theme?: string | undefined;
+            isTiled?: boolean | undefined;
+            type?: string | undefined;
+            width?: string | number | undefined;
+            displayAsterisk?: boolean | undefined;
+            noIcon?: boolean | undefined;
+            customRules?: ValidationRule[] | undefined;
+            customWarningRules?: ValidationRule[] | undefined;
+            customSuccessRules?: ValidationRule[] | undefined;
+            showSuccessMessages?: boolean | undefined;
+            isValidateOnBlur?: boolean | undefined;
+            disableErrorHandling?: boolean | undefined;
+        }> & Readonly<{
+            "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+            onClear?: ((...args: any[]) => any) | undefined;
+            "onPrepend-icon-click"?: ((...args: any[]) => any) | undefined;
+            "onAppend-icon-click"?: ((...args: any[]) => any) | undefined;
+        }>, "validation" | "validateOnSubmit" | "checkErrorOnBlur" | ("modelValue" | "prependIcon" | "appendIcon" | "prependInnerIcon" | "appendInnerIcon" | "prependTooltip" | "appendTooltip" | "tooltipLocation" | "variantStyle" | "color" | "isClearable" | "label" | "errorMessages" | "warningMessages" | "successMessages" | "readonly" | "isActive" | "baseColor" | "bgColor" | "centerAffix" | "counter" | "counterValue" | "density" | "direction" | "isDirty" | "disabled" | "isOnError" | "isFlat" | "isFocused" | "areDetailsHidden" | "areSpinButtonsHidden" | "hint" | "id" | "loading" | "maxErrors" | "maxWidth" | "messages" | "minWidth" | "name" | "displayPersistentClear" | "displayPersistentCounter" | "displayPersistentHint" | "displayPersistentPlaceholder" | "placeholder" | "prefix" | "isReversed" | "role" | "rounded" | "isOnSingleLine" | "suffix" | "theme" | "isTiled" | "type" | "width" | "displayAsterisk" | "noIcon" | "customRules" | "customWarningRules" | "customSuccessRules" | "showSuccessMessages" | "isValidateOnBlur" | "disableErrorHandling")> & import('vue').ShallowUnwrapRef<{
+            validation: {
+                errors: import('vue').Ref<string[], string[]>;
+                warnings: import('vue').Ref<string[], string[]>;
+                successes: import('vue').Ref<string[], string[]>;
+                hasError: import('vue').ComputedRef<boolean>;
+                hasWarning: import('vue').ComputedRef<boolean>;
+                hasSuccess: import('vue').ComputedRef<boolean>;
+                validateField: (value: unknown, rules?: ValidationRule[], warningRules?: ValidationRule[], successRules?: ValidationRule[]) => import('../../composables/validation/useValidation').ValidationResult;
+                validateOnSubmit: () => Promise<boolean>;
+                clearValidation: () => void;
+            };
+            validateOnSubmit: () => boolean;
+            checkErrorOnBlur: () => void;
+        }> & {} & import('vue').ComponentCustomProperties & {} & {
+            $slots: {
+                prepend?(_: {}): any;
+                append?(_: {}): any;
+                'prepend-inner'?(_: {}): any;
+                'append-inner'?(_: {}): any;
+                details?(_: {}): any;
+            };
+        }) | null;
+        datePickerRef: ({
+            $: import('vue').ComponentInternalInstance;
+            $data: {};
+            $props: Partial<{
+                active: string | string[];
+                transition: string;
+                header: string;
+                style: import('vue').StyleValue;
+                title: string;
+                disabled: boolean;
+                tag: string | import('vuetify/lib/types.mjs').JSXComponent<any>;
+                landscape: boolean;
+                rounded: string | number | boolean;
+                tile: boolean;
+                divided: boolean;
+                nextIcon: import('vuetify/lib/composables/icons.mjs').IconValue;
+                prevIcon: import('vuetify/lib/composables/icons.mjs').IconValue;
+                reverseTransition: string;
+                hideHeader: boolean;
+                modeIcon: import('vuetify/lib/composables/icons.mjs').IconValue;
+                viewMode: "month" | "year" | "months";
+                showAdjacentMonths: boolean;
+                weekdays: import('vuetify/lib/composables/calendar.mjs').CalendarWeekdays[];
+                weeksInMonth: "static" | "dynamic";
+                firstDayOfWeek: string | number;
+                hideWeekdays: boolean;
+                showWeek: boolean;
+            }> & Omit<{
+                transition: string;
+                header: string;
+                style: import('vue').StyleValue;
+                title: string;
+                disabled: boolean;
+                tag: string | import('vuetify/lib/types.mjs').JSXComponent<any>;
+                landscape: boolean;
+                tile: boolean;
+                divided: boolean;
+                nextIcon: import('vuetify/lib/composables/icons.mjs').IconValue;
+                prevIcon: import('vuetify/lib/composables/icons.mjs').IconValue;
+                reverseTransition: string;
+                hideHeader: boolean;
+                modeIcon: import('vuetify/lib/composables/icons.mjs').IconValue;
+                viewMode: "month" | "year" | "months";
+                showAdjacentMonths: boolean;
+                weekdays: import('vuetify/lib/composables/calendar.mjs').CalendarWeekdays[];
+                weeksInMonth: "static" | "dynamic";
+                hideWeekdays: boolean;
+                showWeek: boolean;
+                max?: unknown;
+                location?: import('vuetify/lib/types.mjs').Anchor | null | undefined;
+                height?: string | number | undefined;
+                width?: string | number | undefined;
+                active?: string | string[] | undefined;
+                min?: unknown;
+                border?: string | number | boolean | undefined;
+                color?: string | undefined;
+                maxHeight?: string | number | undefined;
+                maxWidth?: string | number | undefined;
+                minHeight?: string | number | undefined;
+                minWidth?: string | number | undefined;
+                position?: "fixed" | "absolute" | "static" | "relative" | "sticky" | undefined;
+                text?: string | undefined;
+                month?: string | number | undefined;
+                year?: number | undefined;
+                class?: any;
+                theme?: string | undefined;
+                elevation?: string | number | undefined;
+                rounded?: string | number | boolean | undefined;
+                bgColor?: string | undefined;
+                controlHeight?: string | number | undefined;
+                headerColor?: string | undefined;
+                firstDayOfWeek?: string | number | undefined;
+                allowedDates?: unknown[] | ((date: unknown) => boolean) | undefined;
+                "onUpdate:month"?: ((date: any) => any) | undefined;
+                "onUpdate:year"?: ((date: any) => any) | undefined;
+                "onUpdate:viewMode"?: ((date: any) => any) | undefined;
+            } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, "disabled" | "rounded" | "style" | "active" | "tile" | "title" | "transition" | "header" | "tag" | "divided" | "landscape" | "hideHeader" | "showAdjacentMonths" | "weekdays" | "weeksInMonth" | "firstDayOfWeek" | "hideWeekdays" | "showWeek" | "reverseTransition" | "nextIcon" | "prevIcon" | "modeIcon" | "viewMode">;
+            $attrs: {
+                [x: string]: unknown;
+            };
+            $refs: {
+                [x: string]: unknown;
+            };
+            $slots: Readonly<{
+                default?: (() => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
+                    [key: string]: any;
+                }>[]) | undefined;
+                title?: (() => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
+                    [key: string]: any;
+                }>[]) | undefined;
+                actions?: (() => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
+                    [key: string]: any;
+                }>[]) | undefined;
+                header?: ((arg: {
+                    header: string;
+                    transition: string;
+                }) => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
+                    [key: string]: any;
+                }>[]) | undefined;
+            }>;
+            $root: import('vue').ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import('vue').ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}, {}, {}, string, import('vue').ComponentProvideOptions>, {}, {}, "", {}, any> | null;
+            $parent: import('vue').ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import('vue').ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}, {}, {}, string, import('vue').ComponentProvideOptions>, {}, {}, "", {}, any> | null;
+            $host: Element | null;
+            $emit: ((event: "update:month", date: any) => void) & ((event: "update:year", date: any) => void) & ((event: "update:viewMode", date: any) => void);
+            $el: any;
+            $options: import('vue').ComponentOptionsBase<{
+                transition: string;
+                header: string;
+                style: import('vue').StyleValue;
+                title: string;
+                disabled: boolean;
+                tag: string | import('vuetify/lib/types.mjs').JSXComponent<any>;
+                landscape: boolean;
+                tile: boolean;
+                divided: boolean;
+                nextIcon: import('vuetify/lib/composables/icons.mjs').IconValue;
+                prevIcon: import('vuetify/lib/composables/icons.mjs').IconValue;
+                reverseTransition: string;
+                hideHeader: boolean;
+                modeIcon: import('vuetify/lib/composables/icons.mjs').IconValue;
+                viewMode: "month" | "year" | "months";
+                showAdjacentMonths: boolean;
+                weekdays: import('vuetify/lib/composables/calendar.mjs').CalendarWeekdays[];
+                weeksInMonth: "static" | "dynamic";
+                hideWeekdays: boolean;
+                showWeek: boolean;
+            } & {
+                max?: unknown;
+                location?: import('vuetify/lib/types.mjs').Anchor | null | undefined;
+                height?: string | number | undefined;
+                width?: string | number | undefined;
+                active?: string | string[] | undefined;
+                min?: unknown;
+                border?: string | number | boolean | undefined;
+                color?: string | undefined;
+                maxHeight?: string | number | undefined;
+                maxWidth?: string | number | undefined;
+                minHeight?: string | number | undefined;
+                minWidth?: string | number | undefined;
+                position?: "fixed" | "absolute" | "static" | "relative" | "sticky" | undefined;
+                text?: string | undefined;
+                month?: string | number | undefined;
+                year?: number | undefined;
+                class?: any;
+                theme?: string | undefined;
+                elevation?: string | number | undefined;
+                rounded?: string | number | boolean | undefined;
+                bgColor?: string | undefined;
+                controlHeight?: string | number | undefined;
+                headerColor?: string | undefined;
+                firstDayOfWeek?: string | number | undefined;
+                allowedDates?: unknown[] | ((date: unknown) => boolean) | undefined;
+            } & {
+                "onUpdate:month"?: ((date: any) => any) | undefined;
+                "onUpdate:year"?: ((date: any) => any) | undefined;
+                "onUpdate:viewMode"?: ((date: any) => any) | undefined;
+            }, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, Omit<{
+                'update:modelValue': (date: any) => true;
+                'update:month': (date: any) => true;
+                'update:year': (date: any) => true;
+                'update:viewMode': (date: any) => true;
+            }, "modelValue" | "update:modelValue" | "$children" | "v-slots" | "v-slot:default" | "multiple" | "v-slot:actions" | "v-slot:title" | "v-slot:header">, string, {
+                active: string | string[];
+                transition: string;
+                header: string;
+                style: import('vue').StyleValue;
+                title: string;
+                disabled: boolean;
+                tag: string | import('vuetify/lib/types.mjs').JSXComponent<any>;
+                landscape: boolean;
+                rounded: string | number | boolean;
+                tile: boolean;
+                divided: boolean;
+                nextIcon: import('vuetify/lib/composables/icons.mjs').IconValue;
+                prevIcon: import('vuetify/lib/composables/icons.mjs').IconValue;
+                reverseTransition: string;
+                hideHeader: boolean;
+                modeIcon: import('vuetify/lib/composables/icons.mjs').IconValue;
+                viewMode: "month" | "year" | "months";
+                showAdjacentMonths: boolean;
+                weekdays: import('vuetify/lib/composables/calendar.mjs').CalendarWeekdays[];
+                weeksInMonth: "static" | "dynamic";
+                firstDayOfWeek: string | number;
+                hideWeekdays: boolean;
+                showWeek: boolean;
+            }, {}, string, import('vue').SlotsType<Partial<{
+                default: () => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
+                    [key: string]: any;
+                }>[];
+                title: () => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
+                    [key: string]: any;
+                }>[];
+                actions: () => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
+                    [key: string]: any;
+                }>[];
+                header: (arg: {
+                    header: string;
+                    transition: string;
+                }) => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
+                    [key: string]: any;
+                }>[];
+            }>>, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
+                beforeCreate?: ((() => void) | (() => void)[]) | undefined;
+                created?: ((() => void) | (() => void)[]) | undefined;
+                beforeMount?: ((() => void) | (() => void)[]) | undefined;
+                mounted?: ((() => void) | (() => void)[]) | undefined;
+                beforeUpdate?: ((() => void) | (() => void)[]) | undefined;
+                updated?: ((() => void) | (() => void)[]) | undefined;
+                activated?: ((() => void) | (() => void)[]) | undefined;
+                deactivated?: ((() => void) | (() => void)[]) | undefined;
+                beforeDestroy?: ((() => void) | (() => void)[]) | undefined;
+                beforeUnmount?: ((() => void) | (() => void)[]) | undefined;
+                destroyed?: ((() => void) | (() => void)[]) | undefined;
+                unmounted?: ((() => void) | (() => void)[]) | undefined;
+                renderTracked?: (((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[]) | undefined;
+                renderTriggered?: (((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[]) | undefined;
+                errorCaptured?: (((err: unknown, instance: import('vue').ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import('vue').ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}, {}, {}, string, import('vue').ComponentProvideOptions>, {}, {}, "", {}, any> | null, info: string) => boolean | void) | ((err: unknown, instance: import('vue').ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import('vue').ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}, {}, {}, string, import('vue').ComponentProvideOptions>, {}, {}, "", {}, any> | null, info: string) => boolean | void)[]) | undefined;
+            };
+            $forceUpdate: () => void;
+            $nextTick: typeof import('vue').nextTick;
+            $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (args_0: R, args_1: R, args_2: import('@vue/reactivity').OnCleanup) => any : (args_0: any, args_1: any, args_2: import('@vue/reactivity').OnCleanup) => any, options?: import('vue').WatchOptions<boolean> | undefined): import('vue').WatchStopHandle;
+        } & Readonly<{
+            active: string | string[];
+            transition: string;
+            header: string;
+            style: import('vue').StyleValue;
+            title: string;
+            disabled: boolean;
+            tag: string | import('vuetify/lib/types.mjs').JSXComponent<any>;
+            landscape: boolean;
+            rounded: string | number | boolean;
+            tile: boolean;
+            divided: boolean;
+            nextIcon: import('vuetify/lib/composables/icons.mjs').IconValue;
+            prevIcon: import('vuetify/lib/composables/icons.mjs').IconValue;
+            reverseTransition: string;
+            hideHeader: boolean;
+            modeIcon: import('vuetify/lib/composables/icons.mjs').IconValue;
+            viewMode: "month" | "year" | "months";
+            showAdjacentMonths: boolean;
+            weekdays: import('vuetify/lib/composables/calendar.mjs').CalendarWeekdays[];
+            weeksInMonth: "static" | "dynamic";
+            firstDayOfWeek: string | number;
+            hideWeekdays: boolean;
+            showWeek: boolean;
+        }> & Omit<{
+            transition: string;
+            header: string;
+            style: import('vue').StyleValue;
+            title: string;
+            disabled: boolean;
+            tag: string | import('vuetify/lib/types.mjs').JSXComponent<any>;
+            landscape: boolean;
+            tile: boolean;
+            divided: boolean;
+            nextIcon: import('vuetify/lib/composables/icons.mjs').IconValue;
+            prevIcon: import('vuetify/lib/composables/icons.mjs').IconValue;
+            reverseTransition: string;
+            hideHeader: boolean;
+            modeIcon: import('vuetify/lib/composables/icons.mjs').IconValue;
+            viewMode: "month" | "year" | "months";
+            showAdjacentMonths: boolean;
+            weekdays: import('vuetify/lib/composables/calendar.mjs').CalendarWeekdays[];
+            weeksInMonth: "static" | "dynamic";
+            hideWeekdays: boolean;
+            showWeek: boolean;
+        } & {
+            max?: unknown;
+            location?: import('vuetify/lib/types.mjs').Anchor | null | undefined;
+            height?: string | number | undefined;
+            width?: string | number | undefined;
+            active?: string | string[] | undefined;
+            min?: unknown;
+            border?: string | number | boolean | undefined;
+            color?: string | undefined;
+            maxHeight?: string | number | undefined;
+            maxWidth?: string | number | undefined;
+            minHeight?: string | number | undefined;
+            minWidth?: string | number | undefined;
+            position?: "fixed" | "absolute" | "static" | "relative" | "sticky" | undefined;
+            text?: string | undefined;
+            month?: string | number | undefined;
+            year?: number | undefined;
+            class?: any;
+            theme?: string | undefined;
+            elevation?: string | number | undefined;
+            rounded?: string | number | boolean | undefined;
+            bgColor?: string | undefined;
+            controlHeight?: string | number | undefined;
+            headerColor?: string | undefined;
+            firstDayOfWeek?: string | number | undefined;
+            allowedDates?: unknown[] | ((date: unknown) => boolean) | undefined;
+        } & {
+            "onUpdate:month"?: ((date: any) => any) | undefined;
+            "onUpdate:year"?: ((date: any) => any) | undefined;
+            "onUpdate:viewMode"?: ((date: any) => any) | undefined;
+        }, "disabled" | "rounded" | "style" | "active" | "tile" | "title" | "transition" | "header" | "tag" | "divided" | "landscape" | "hideHeader" | "showAdjacentMonths" | "weekdays" | "weeksInMonth" | "firstDayOfWeek" | "hideWeekdays" | "showWeek" | "reverseTransition" | "nextIcon" | "prevIcon" | "modeIcon" | "viewMode"> & import('vue').ShallowUnwrapRef<{}> & {} & import('vue').ComponentCustomProperties & {} & import('vuetify/lib/util/defineComponent.mjs').GenericProps<{
+            modelValue?: Date | Date[] | null | undefined;
+            "onUpdate:modelValue"?: ((value: Date | Date[] | null) => void) | undefined;
+            multiple?: false | "range" | undefined;
+        }, import('vuetify/lib/components/VDatePicker/VDatePicker.mjs').VDatePickerSlots>) | null;
     }, HTMLDivElement, import('vue').ComponentProvideOptions, {
         P: {};
         B: {};
@@ -1362,7 +2794,7 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
         noIcon?: boolean | undefined;
         noCalendar?: boolean | undefined;
         isOutlined?: boolean | undefined;
-        readOnly?: boolean | undefined;
+        readonly?: boolean | undefined;
         width?: string | undefined;
         disableErrorHandling?: boolean | undefined;
         showSuccessMessages?: boolean | undefined;
@@ -1384,7 +2816,7 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
     }, {}, {}, {}, {
         required: boolean;
         modelValue: import('../../composables/date/useDateInitialization').DateInput;
-        readOnly: boolean;
+        readonly: boolean;
         bgColor: string;
         disabled: boolean;
         placeholder: string;