@cnamts/synapse 0.0.11-alpha → 0.0.13-alpha

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

@@ -1,4 +1,4 @@
-import { RuleOptions } from '../../composables';
+import { ValidationRule } from '../../composables/validation/useValidation';
 type DateInput = string | null;
 type PeriodValue = {
     from: DateInput;
@@ -19,19 +19,24 @@ type __VLS_Props = {
     noCalendar?: boolean;
     isOutlined?: boolean;
     showSuccessMessages?: boolean;
-    customRules?: {
-        type: string;
-        options: RuleOptions;
-    }[];
-    customWarningRules?: {
-        type: string;
-        options: RuleOptions;
-    }[];
+    customRules?: ValidationRule[];
+    customWarningRules?: ValidationRule[];
+    disableErrorHandling?: boolean;
 };
 declare const _default: import('vue').DefineComponent<__VLS_Props, {
     validateOnSubmit: () => boolean;
-    errors: import('vue').Ref<string[], string[]>;
-    successes: import('vue').Ref<string[], string[]>;
+    errors: {
+        fromDate: import('vue').Ref<string[], string[]>;
+        toDate: import('vue').Ref<string[], string[]>;
+    };
+    successes: {
+        fromDate: import('vue').Ref<string[], string[]>;
+        toDate: import('vue').Ref<string[], string[]>;
+    };
+    warnings: {
+        fromDate: import('vue').Ref<string[], string[]>;
+        toDate: import('vue').Ref<string[], string[]>;
+    };
     isValid: import('vue').ComputedRef<boolean>;
 }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
     "update:modelValue": (...args: any[]) => void;
@@ -42,15 +47,10 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
     modelValue: PeriodValue;
     isDisabled: boolean;
     noIcon: boolean;
-    customRules: {
-        type: string;
-        options: RuleOptions;
-    }[];
-    customWarningRules: {
-        type: string;
-        options: RuleOptions;
-    }[];
+    customRules: ValidationRule[];
+    customWarningRules: ValidationRule[];
     showSuccessMessages: boolean;
+    disableErrorHandling: boolean;
     format: string;
     dateFormatReturn: string;
     isOutlined: boolean;
@@ -62,7 +62,7 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
     placeholderTo: string;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
     fromDateRef: import('vue').CreateComponentPublicInstanceWithMixins<Readonly<{
-        modelValue?: (string | object | string[] | null) | undefined;
+        modelValue?: import('../../composables/date/useDateInitialization').DateInput | undefined;
         placeholder?: string | undefined;
         format?: string | undefined;
         dateFormatReturn?: string | undefined;
@@ -75,11 +75,11 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
         displayPrependIcon?: boolean | undefined;
         customRules?: {
             type: string;
-            options: RuleOptions;
+            options: any;
         }[] | undefined;
         customWarningRules?: {
             type: string;
-            options: RuleOptions;
+            options: any;
         }[] | undefined;
         isDisabled?: boolean | undefined;
         noIcon?: boolean | undefined;
@@ -87,10 +87,12 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
         isOutlined?: boolean | undefined;
         isReadOnly?: boolean | undefined;
         width?: string | undefined;
+        disableErrorHandling?: boolean | undefined;
+        showSuccessMessages?: boolean | undefined;
     }> & Readonly<{
+        "onUpdate:modelValue"?: ((value: import('../../composables/date/useDateInitialization').DateValue) => any) | undefined;
         onBlur?: (() => any) | undefined;
         onFocus?: (() => any) | undefined;
-        "onUpdate:modelValue"?: ((value: string | [string, string] | null) => any) | undefined;
         onClosed?: (() => any) | undefined;
     }>, {
         validateOnSubmit: () => any;
@@ -98,15 +100,17 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
         selectedDates: import('vue').Ref<Date | Date[] | null, Date | Date[] | null>;
         errorMessages: import('vue').Ref<string[], string[]>;
         handleClickOutside: (event: MouseEvent) => void;
-        initializeSelectedDates: (modelValue: string | object | string[] | null) => Date | Date[] | null;
+        initializeSelectedDates: (modelValue: import('../../composables/date/useDateInitialization').DateInput, displayFormat: string, returnFormat?: string) => Date | Date[] | null;
+        updateAccessibility: () => Promise<void>;
+        openDatePicker: () => void;
     }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+        "update:modelValue": (value: import('../../composables/date/useDateInitialization').DateValue) => any;
         blur: () => any;
         focus: () => any;
-        "update:modelValue": (value: string | [string, string] | null) => any;
         closed: () => any;
     }, import('vue').PublicProps, {
         required: boolean;
-        modelValue: string | object | string[] | null;
+        modelValue: import('../../composables/date/useDateInitialization').DateInput;
         isReadOnly: boolean;
         isDisabled: boolean;
         placeholder: string;
@@ -114,12 +118,14 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
         noIcon: boolean;
         customRules: {
             type: string;
-            options: RuleOptions;
+            options: any;
         }[];
         customWarningRules: {
             type: string;
-            options: RuleOptions;
+            options: any;
         }[];
+        showSuccessMessages: boolean;
+        disableErrorHandling: boolean;
         format: string;
         dateFormatReturn: string;
         isOutlined: boolean;
@@ -144,27 +150,23 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
             displayIcon?: boolean | undefined;
             displayAppendIcon?: boolean | undefined;
             noIcon?: boolean | undefined;
-            customRules?: {
-                type: string;
-                options: RuleOptions;
-            }[] | undefined;
-            customWarningRules?: {
-                type: string;
-                options: RuleOptions;
-            }[] | undefined;
+            customRules?: ValidationRule[] | undefined;
+            customWarningRules?: ValidationRule[] | undefined;
             displayPrependIcon?: boolean | undefined;
+            disableErrorHandling?: boolean | undefined;
+            showSuccessMessages?: boolean | undefined;
         }> & Readonly<{
-            "onUpdate:model-value"?: ((value: string | null) => any) | undefined;
             onBlur?: (() => any) | undefined;
             onFocus?: (() => any) | undefined;
+            "onUpdate:model-value"?: ((value: string | null) => any) | undefined;
         }>, {
-            validateOnSubmit: () => boolean;
+            validateOnSubmit: () => Promise<boolean>;
             focus: () => void;
             blur: () => void;
         }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
-            "update:model-value": (value: string | null) => any;
             blur: () => any;
             focus: () => any;
+            "update:model-value": (value: string | null) => any;
         }, import('vue').PublicProps, {
             required: boolean;
             modelValue: string | null;
@@ -173,14 +175,10 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
             isDisabled: boolean;
             placeholder: string;
             noIcon: boolean;
-            customRules: {
-                type: string;
-                options: RuleOptions;
-            }[];
-            customWarningRules: {
-                type: string;
-                options: RuleOptions;
-            }[];
+            customRules: ValidationRule[];
+            customWarningRules: ValidationRule[];
+            showSuccessMessages: boolean;
+            disableErrorHandling: boolean;
             format: string;
             dateFormatReturn: string;
             isOutlined: boolean;
@@ -197,6 +195,9 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
                     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;
@@ -247,17 +248,14 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
                     readonly width?: string | number | undefined;
                     readonly displayAsterisk?: boolean | undefined;
                     readonly noIcon?: boolean | undefined;
-                    readonly customRules?: {
-                        type: string;
-                        options: RuleOptions;
-                    }[] | undefined;
-                    readonly customWarningRules?: {
-                        type: string;
-                        options: RuleOptions;
-                    }[] | 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 "onUpdate:model-value"?: ((...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;
@@ -273,7 +271,7 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
                 $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: "clear", ...args: any[]) => void) & ((event: "update:model-value", ...args: any[]) => void) & ((event: "prepend-icon-click", ...args: any[]) => void) & ((event: "append-icon-click", ...args: any[]) => void);
+                $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;
@@ -281,6 +279,9 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
                     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;
@@ -331,29 +332,34 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
                     width?: string | number | undefined;
                     displayAsterisk?: boolean | undefined;
                     noIcon?: boolean | undefined;
-                    customRules?: {
-                        type: string;
-                        options: RuleOptions;
-                    }[] | undefined;
-                    customWarningRules?: {
-                        type: string;
-                        options: RuleOptions;
-                    }[] | 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;
-                    "onUpdate:model-value"?: ((...args: any[]) => any) | undefined;
                     "onPrepend-icon-click"?: ((...args: any[]) => any) | undefined;
                     "onAppend-icon-click"?: ((...args: any[]) => any) | undefined;
                 }>, {
-                    appendInnerIconColor: import('vue').ComputedRef<"error" | "warning" | "success" | "black">;
+                    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;
-                    errors: import('vue').Ref<string[], string[]>;
-                    warnings: import('vue').Ref<string[], string[]>;
-                    successes: import('vue').Ref<string[], string[]>;
+                    checkErrorOnBlur: () => void;
                 }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+                    "update:modelValue": (...args: any[]) => void;
                     clear: (...args: any[]) => void;
-                    "update:model-value": (...args: any[]) => void;
                     "prepend-icon-click": (...args: any[]) => void;
                     "append-icon-click": (...args: any[]) => void;
                 }, string, {
@@ -362,6 +368,9 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
                     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;
@@ -410,15 +419,12 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
                     width: string | number;
                     displayAsterisk: boolean;
                     noIcon: boolean;
-                    customRules: {
-                        type: string;
-                        options: RuleOptions;
-                    }[];
-                    customWarningRules: {
-                        type: string;
-                        options: RuleOptions;
-                    }[];
+                    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;
@@ -445,6 +451,9 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
                 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;
@@ -493,21 +502,21 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
                 width: string | number;
                 displayAsterisk: boolean;
                 noIcon: boolean;
-                customRules: {
-                    type: string;
-                    options: RuleOptions;
-                }[];
-                customWarningRules: {
-                    type: string;
-                    options: RuleOptions;
-                }[];
+                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;
@@ -558,26 +567,31 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
                 width?: string | number | undefined;
                 displayAsterisk?: boolean | undefined;
                 noIcon?: boolean | undefined;
-                customRules?: {
-                    type: string;
-                    options: RuleOptions;
-                }[] | undefined;
-                customWarningRules?: {
-                    type: string;
-                    options: RuleOptions;
-                }[] | 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;
-                "onUpdate:model-value"?: ((...args: any[]) => any) | undefined;
                 "onPrepend-icon-click"?: ((...args: any[]) => any) | undefined;
                 "onAppend-icon-click"?: ((...args: any[]) => any) | undefined;
-            }>, "appendInnerIconColor" | "validateOnSubmit" | "errors" | "warnings" | "successes" | ("modelValue" | "prependIcon" | "appendIcon" | "prependInnerIcon" | "appendInnerIcon" | "variantStyle" | "color" | "isClearable" | "label" | "errorMessages" | "warningMessages" | "successMessages" | "isReadOnly" | "isActive" | "baseColor" | "bgColor" | "centerAffix" | "counter" | "counterValue" | "density" | "direction" | "isDirty" | "isDisabled" | "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" | "showSuccessMessages")> & import('vue').ShallowUnwrapRef<{
-                appendInnerIconColor: import('vue').ComputedRef<"error" | "warning" | "success" | "black">;
+            }>, "validation" | "validateOnSubmit" | "checkErrorOnBlur" | ("modelValue" | "prependIcon" | "appendIcon" | "prependInnerIcon" | "appendInnerIcon" | "prependTooltip" | "appendTooltip" | "tooltipLocation" | "variantStyle" | "color" | "isClearable" | "label" | "errorMessages" | "warningMessages" | "successMessages" | "isReadOnly" | "isActive" | "baseColor" | "bgColor" | "centerAffix" | "counter" | "counterValue" | "density" | "direction" | "isDirty" | "isDisabled" | "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;
-                errors: import('vue').Ref<string[], string[]>;
-                warnings: import('vue').Ref<string[], string[]>;
-                successes: import('vue').Ref<string[], string[]>;
+                checkErrorOnBlur: () => void;
             }> & {} & import('vue').ComponentCustomProperties & {} & {
                 $slots: {
                     prepend?(_: {}): any;
@@ -607,21 +621,17 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
             displayIcon?: boolean | undefined;
             displayAppendIcon?: boolean | undefined;
             noIcon?: boolean | undefined;
-            customRules?: {
-                type: string;
-                options: RuleOptions;
-            }[] | undefined;
-            customWarningRules?: {
-                type: string;
-                options: RuleOptions;
-            }[] | undefined;
+            customRules?: ValidationRule[] | undefined;
+            customWarningRules?: ValidationRule[] | undefined;
             displayPrependIcon?: boolean | undefined;
+            disableErrorHandling?: boolean | undefined;
+            showSuccessMessages?: boolean | undefined;
         }> & Readonly<{
-            "onUpdate:model-value"?: ((value: string | null) => any) | undefined;
             onBlur?: (() => any) | undefined;
             onFocus?: (() => any) | undefined;
+            "onUpdate:model-value"?: ((value: string | null) => any) | undefined;
         }>, {
-            validateOnSubmit: () => boolean;
+            validateOnSubmit: () => Promise<boolean>;
             focus: () => void;
             blur: () => void;
         }, {}, {}, {}, {
@@ -632,14 +642,10 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
             isDisabled: boolean;
             placeholder: string;
             noIcon: boolean;
-            customRules: {
-                type: string;
-                options: RuleOptions;
-            }[];
-            customWarningRules: {
-                type: string;
-                options: RuleOptions;
-            }[];
+            customRules: ValidationRule[];
+            customWarningRules: ValidationRule[];
+            showSuccessMessages: boolean;
+            disableErrorHandling: boolean;
             format: string;
             dateFormatReturn: string;
             isOutlined: boolean;
@@ -655,7 +661,7 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
         M: {};
         Defaults: {};
     }, Readonly<{
-        modelValue?: (string | object | string[] | null) | undefined;
+        modelValue?: import('../../composables/date/useDateInitialization').DateInput | undefined;
         placeholder?: string | undefined;
         format?: string | undefined;
         dateFormatReturn?: string | undefined;
@@ -668,11 +674,11 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
         displayPrependIcon?: boolean | undefined;
         customRules?: {
             type: string;
-            options: RuleOptions;
+            options: any;
         }[] | undefined;
         customWarningRules?: {
             type: string;
-            options: RuleOptions;
+            options: any;
         }[] | undefined;
         isDisabled?: boolean | undefined;
         noIcon?: boolean | undefined;
@@ -680,10 +686,12 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
         isOutlined?: boolean | undefined;
         isReadOnly?: boolean | undefined;
         width?: string | undefined;
+        disableErrorHandling?: boolean | undefined;
+        showSuccessMessages?: boolean | undefined;
     }> & Readonly<{
+        "onUpdate:modelValue"?: ((value: import('../../composables/date/useDateInitialization').DateValue) => any) | undefined;
         onBlur?: (() => any) | undefined;
         onFocus?: (() => any) | undefined;
-        "onUpdate:modelValue"?: ((value: string | [string, string] | null) => any) | undefined;
         onClosed?: (() => any) | undefined;
     }>, {
         validateOnSubmit: () => any;
@@ -691,10 +699,12 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
         selectedDates: import('vue').Ref<Date | Date[] | null, Date | Date[] | null>;
         errorMessages: import('vue').Ref<string[], string[]>;
         handleClickOutside: (event: MouseEvent) => void;
-        initializeSelectedDates: (modelValue: string | object | string[] | null) => Date | Date[] | null;
+        initializeSelectedDates: (modelValue: import('../../composables/date/useDateInitialization').DateInput, displayFormat: string, returnFormat?: string) => Date | Date[] | null;
+        updateAccessibility: () => Promise<void>;
+        openDatePicker: () => void;
     }, {}, {}, {}, {
         required: boolean;
-        modelValue: string | object | string[] | null;
+        modelValue: import('../../composables/date/useDateInitialization').DateInput;
         isReadOnly: boolean;
         isDisabled: boolean;
         placeholder: string;
@@ -702,12 +712,14 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
         noIcon: boolean;
         customRules: {
             type: string;
-            options: RuleOptions;
+            options: any;
         }[];
         customWarningRules: {
             type: string;
-            options: RuleOptions;
+            options: any;
         }[];
+        showSuccessMessages: boolean;
+        disableErrorHandling: boolean;
         format: string;
         dateFormatReturn: string;
         isOutlined: boolean;
@@ -720,7 +732,7 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
         noCalendar: boolean;
     }> | null;
     toDateRef: import('vue').CreateComponentPublicInstanceWithMixins<Readonly<{
-        modelValue?: (string | object | string[] | null) | undefined;
+        modelValue?: import('../../composables/date/useDateInitialization').DateInput | undefined;
         placeholder?: string | undefined;
         format?: string | undefined;
         dateFormatReturn?: string | undefined;
@@ -733,11 +745,11 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
         displayPrependIcon?: boolean | undefined;
         customRules?: {
             type: string;
-            options: RuleOptions;
+            options: any;
         }[] | undefined;
         customWarningRules?: {
             type: string;
-            options: RuleOptions;
+            options: any;
         }[] | undefined;
         isDisabled?: boolean | undefined;
         noIcon?: boolean | undefined;
@@ -745,10 +757,12 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
         isOutlined?: boolean | undefined;
         isReadOnly?: boolean | undefined;
         width?: string | undefined;
+        disableErrorHandling?: boolean | undefined;
+        showSuccessMessages?: boolean | undefined;
     }> & Readonly<{
+        "onUpdate:modelValue"?: ((value: import('../../composables/date/useDateInitialization').DateValue) => any) | undefined;
         onBlur?: (() => any) | undefined;
         onFocus?: (() => any) | undefined;
-        "onUpdate:modelValue"?: ((value: string | [string, string] | null) => any) | undefined;
         onClosed?: (() => any) | undefined;
     }>, {
         validateOnSubmit: () => any;
@@ -756,15 +770,17 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
         selectedDates: import('vue').Ref<Date | Date[] | null, Date | Date[] | null>;
         errorMessages: import('vue').Ref<string[], string[]>;
         handleClickOutside: (event: MouseEvent) => void;
-        initializeSelectedDates: (modelValue: string | object | string[] | null) => Date | Date[] | null;
+        initializeSelectedDates: (modelValue: import('../../composables/date/useDateInitialization').DateInput, displayFormat: string, returnFormat?: string) => Date | Date[] | null;
+        updateAccessibility: () => Promise<void>;
+        openDatePicker: () => void;
     }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+        "update:modelValue": (value: import('../../composables/date/useDateInitialization').DateValue) => any;
         blur: () => any;
         focus: () => any;
-        "update:modelValue": (value: string | [string, string] | null) => any;
         closed: () => any;
     }, import('vue').PublicProps, {
         required: boolean;
-        modelValue: string | object | string[] | null;
+        modelValue: import('../../composables/date/useDateInitialization').DateInput;
         isReadOnly: boolean;
         isDisabled: boolean;
         placeholder: string;
@@ -772,12 +788,14 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
         noIcon: boolean;
         customRules: {
             type: string;
-            options: RuleOptions;
+            options: any;
         }[];
         customWarningRules: {
             type: string;
-            options: RuleOptions;
+            options: any;
         }[];
+        showSuccessMessages: boolean;
+        disableErrorHandling: boolean;
         format: string;
         dateFormatReturn: string;
         isOutlined: boolean;
@@ -802,27 +820,23 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
             displayIcon?: boolean | undefined;
             displayAppendIcon?: boolean | undefined;
             noIcon?: boolean | undefined;
-            customRules?: {
-                type: string;
-                options: RuleOptions;
-            }[] | undefined;
-            customWarningRules?: {
-                type: string;
-                options: RuleOptions;
-            }[] | undefined;
+            customRules?: ValidationRule[] | undefined;
+            customWarningRules?: ValidationRule[] | undefined;
             displayPrependIcon?: boolean | undefined;
+            disableErrorHandling?: boolean | undefined;
+            showSuccessMessages?: boolean | undefined;
         }> & Readonly<{
-            "onUpdate:model-value"?: ((value: string | null) => any) | undefined;
             onBlur?: (() => any) | undefined;
             onFocus?: (() => any) | undefined;
+            "onUpdate:model-value"?: ((value: string | null) => any) | undefined;
         }>, {
-            validateOnSubmit: () => boolean;
+            validateOnSubmit: () => Promise<boolean>;
             focus: () => void;
             blur: () => void;
         }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
-            "update:model-value": (value: string | null) => any;
             blur: () => any;
             focus: () => any;
+            "update:model-value": (value: string | null) => any;
         }, import('vue').PublicProps, {
             required: boolean;
             modelValue: string | null;
@@ -831,14 +845,10 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
             isDisabled: boolean;
             placeholder: string;
             noIcon: boolean;
-            customRules: {
-                type: string;
-                options: RuleOptions;
-            }[];
-            customWarningRules: {
-                type: string;
-                options: RuleOptions;
-            }[];
+            customRules: ValidationRule[];
+            customWarningRules: ValidationRule[];
+            showSuccessMessages: boolean;
+            disableErrorHandling: boolean;
             format: string;
             dateFormatReturn: string;
             isOutlined: boolean;
@@ -855,6 +865,9 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
                     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;
@@ -905,17 +918,14 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
                     readonly width?: string | number | undefined;
                     readonly displayAsterisk?: boolean | undefined;
                     readonly noIcon?: boolean | undefined;
-                    readonly customRules?: {
-                        type: string;
-                        options: RuleOptions;
-                    }[] | undefined;
-                    readonly customWarningRules?: {
-                        type: string;
-                        options: RuleOptions;
-                    }[] | 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 "onUpdate:model-value"?: ((...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;
@@ -931,7 +941,7 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
                 $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: "clear", ...args: any[]) => void) & ((event: "update:model-value", ...args: any[]) => void) & ((event: "prepend-icon-click", ...args: any[]) => void) & ((event: "append-icon-click", ...args: any[]) => void);
+                $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;
@@ -939,6 +949,9 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
                     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;
@@ -989,29 +1002,34 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
                     width?: string | number | undefined;
                     displayAsterisk?: boolean | undefined;
                     noIcon?: boolean | undefined;
-                    customRules?: {
-                        type: string;
-                        options: RuleOptions;
-                    }[] | undefined;
-                    customWarningRules?: {
-                        type: string;
-                        options: RuleOptions;
-                    }[] | 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;
-                    "onUpdate:model-value"?: ((...args: any[]) => any) | undefined;
                     "onPrepend-icon-click"?: ((...args: any[]) => any) | undefined;
                     "onAppend-icon-click"?: ((...args: any[]) => any) | undefined;
                 }>, {
-                    appendInnerIconColor: import('vue').ComputedRef<"error" | "warning" | "success" | "black">;
+                    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;
-                    errors: import('vue').Ref<string[], string[]>;
-                    warnings: import('vue').Ref<string[], string[]>;
-                    successes: import('vue').Ref<string[], string[]>;
+                    checkErrorOnBlur: () => void;
                 }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+                    "update:modelValue": (...args: any[]) => void;
                     clear: (...args: any[]) => void;
-                    "update:model-value": (...args: any[]) => void;
                     "prepend-icon-click": (...args: any[]) => void;
                     "append-icon-click": (...args: any[]) => void;
                 }, string, {
@@ -1020,6 +1038,9 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
                     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;
@@ -1068,15 +1089,12 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
                     width: string | number;
                     displayAsterisk: boolean;
                     noIcon: boolean;
-                    customRules: {
-                        type: string;
-                        options: RuleOptions;
-                    }[];
-                    customWarningRules: {
-                        type: string;
-                        options: RuleOptions;
-                    }[];
+                    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;
@@ -1103,6 +1121,9 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
                 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;
@@ -1151,21 +1172,21 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
                 width: string | number;
                 displayAsterisk: boolean;
                 noIcon: boolean;
-                customRules: {
-                    type: string;
-                    options: RuleOptions;
-                }[];
-                customWarningRules: {
-                    type: string;
-                    options: RuleOptions;
-                }[];
+                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;
@@ -1216,26 +1237,31 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
                 width?: string | number | undefined;
                 displayAsterisk?: boolean | undefined;
                 noIcon?: boolean | undefined;
-                customRules?: {
-                    type: string;
-                    options: RuleOptions;
-                }[] | undefined;
-                customWarningRules?: {
-                    type: string;
-                    options: RuleOptions;
-                }[] | 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;
-                "onUpdate:model-value"?: ((...args: any[]) => any) | undefined;
                 "onPrepend-icon-click"?: ((...args: any[]) => any) | undefined;
                 "onAppend-icon-click"?: ((...args: any[]) => any) | undefined;
-            }>, "appendInnerIconColor" | "validateOnSubmit" | "errors" | "warnings" | "successes" | ("modelValue" | "prependIcon" | "appendIcon" | "prependInnerIcon" | "appendInnerIcon" | "variantStyle" | "color" | "isClearable" | "label" | "errorMessages" | "warningMessages" | "successMessages" | "isReadOnly" | "isActive" | "baseColor" | "bgColor" | "centerAffix" | "counter" | "counterValue" | "density" | "direction" | "isDirty" | "isDisabled" | "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" | "showSuccessMessages")> & import('vue').ShallowUnwrapRef<{
-                appendInnerIconColor: import('vue').ComputedRef<"error" | "warning" | "success" | "black">;
+            }>, "validation" | "validateOnSubmit" | "checkErrorOnBlur" | ("modelValue" | "prependIcon" | "appendIcon" | "prependInnerIcon" | "appendInnerIcon" | "prependTooltip" | "appendTooltip" | "tooltipLocation" | "variantStyle" | "color" | "isClearable" | "label" | "errorMessages" | "warningMessages" | "successMessages" | "isReadOnly" | "isActive" | "baseColor" | "bgColor" | "centerAffix" | "counter" | "counterValue" | "density" | "direction" | "isDirty" | "isDisabled" | "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;
-                errors: import('vue').Ref<string[], string[]>;
-                warnings: import('vue').Ref<string[], string[]>;
-                successes: import('vue').Ref<string[], string[]>;
+                checkErrorOnBlur: () => void;
             }> & {} & import('vue').ComponentCustomProperties & {} & {
                 $slots: {
                     prepend?(_: {}): any;
@@ -1265,21 +1291,17 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
             displayIcon?: boolean | undefined;
             displayAppendIcon?: boolean | undefined;
             noIcon?: boolean | undefined;
-            customRules?: {
-                type: string;
-                options: RuleOptions;
-            }[] | undefined;
-            customWarningRules?: {
-                type: string;
-                options: RuleOptions;
-            }[] | undefined;
+            customRules?: ValidationRule[] | undefined;
+            customWarningRules?: ValidationRule[] | undefined;
             displayPrependIcon?: boolean | undefined;
+            disableErrorHandling?: boolean | undefined;
+            showSuccessMessages?: boolean | undefined;
         }> & Readonly<{
-            "onUpdate:model-value"?: ((value: string | null) => any) | undefined;
             onBlur?: (() => any) | undefined;
             onFocus?: (() => any) | undefined;
+            "onUpdate:model-value"?: ((value: string | null) => any) | undefined;
         }>, {
-            validateOnSubmit: () => boolean;
+            validateOnSubmit: () => Promise<boolean>;
             focus: () => void;
             blur: () => void;
         }, {}, {}, {}, {
@@ -1290,14 +1312,10 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
             isDisabled: boolean;
             placeholder: string;
             noIcon: boolean;
-            customRules: {
-                type: string;
-                options: RuleOptions;
-            }[];
-            customWarningRules: {
-                type: string;
-                options: RuleOptions;
-            }[];
+            customRules: ValidationRule[];
+            customWarningRules: ValidationRule[];
+            showSuccessMessages: boolean;
+            disableErrorHandling: boolean;
             format: string;
             dateFormatReturn: string;
             isOutlined: boolean;
@@ -1313,7 +1331,7 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
         M: {};
         Defaults: {};
     }, Readonly<{
-        modelValue?: (string | object | string[] | null) | undefined;
+        modelValue?: import('../../composables/date/useDateInitialization').DateInput | undefined;
         placeholder?: string | undefined;
         format?: string | undefined;
         dateFormatReturn?: string | undefined;
@@ -1326,11 +1344,11 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
         displayPrependIcon?: boolean | undefined;
         customRules?: {
             type: string;
-            options: RuleOptions;
+            options: any;
         }[] | undefined;
         customWarningRules?: {
             type: string;
-            options: RuleOptions;
+            options: any;
         }[] | undefined;
         isDisabled?: boolean | undefined;
         noIcon?: boolean | undefined;
@@ -1338,10 +1356,12 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
         isOutlined?: boolean | undefined;
         isReadOnly?: boolean | undefined;
         width?: string | undefined;
+        disableErrorHandling?: boolean | undefined;
+        showSuccessMessages?: boolean | undefined;
     }> & Readonly<{
+        "onUpdate:modelValue"?: ((value: import('../../composables/date/useDateInitialization').DateValue) => any) | undefined;
         onBlur?: (() => any) | undefined;
         onFocus?: (() => any) | undefined;
-        "onUpdate:modelValue"?: ((value: string | [string, string] | null) => any) | undefined;
         onClosed?: (() => any) | undefined;
     }>, {
         validateOnSubmit: () => any;
@@ -1349,10 +1369,12 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
         selectedDates: import('vue').Ref<Date | Date[] | null, Date | Date[] | null>;
         errorMessages: import('vue').Ref<string[], string[]>;
         handleClickOutside: (event: MouseEvent) => void;
-        initializeSelectedDates: (modelValue: string | object | string[] | null) => Date | Date[] | null;
+        initializeSelectedDates: (modelValue: import('../../composables/date/useDateInitialization').DateInput, displayFormat: string, returnFormat?: string) => Date | Date[] | null;
+        updateAccessibility: () => Promise<void>;
+        openDatePicker: () => void;
     }, {}, {}, {}, {
         required: boolean;
-        modelValue: string | object | string[] | null;
+        modelValue: import('../../composables/date/useDateInitialization').DateInput;
         isReadOnly: boolean;
         isDisabled: boolean;
         placeholder: string;
@@ -1360,12 +1382,14 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
         noIcon: boolean;
         customRules: {
             type: string;
-            options: RuleOptions;
+            options: any;
         }[];
         customWarningRules: {
             type: string;
-            options: RuleOptions;
+            options: any;
         }[];
+        showSuccessMessages: boolean;
+        disableErrorHandling: boolean;
         format: string;
         dateFormatReturn: string;
         isOutlined: boolean;