@cnamts/synapse 0.0.12-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,8 +87,10 @@ 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: string | [string, string] | null) => any) | undefined;
+        "onUpdate:modelValue"?: ((value: import('../../composables/date/useDateInitialization').DateValue) => any) | undefined;
         onBlur?: (() => any) | undefined;
         onFocus?: (() => any) | undefined;
         onClosed?: (() => any) | undefined;
@@ -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: string | [string, string] | null) => any;
+        "update:modelValue": (value: import('../../composables/date/useDateInitialization').DateValue) => any;
         blur: () => any;
         focus: () => 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,21 +150,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<{
             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, {} & {
@@ -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;
@@ -250,11 +248,12 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
                     readonly width?: string | number | undefined;
                     readonly displayAsterisk?: boolean | undefined;
                     readonly noIcon?: boolean | undefined;
-                    readonly customRules?: import('../../composables/validation/useValidation').ValidationRule[] | undefined;
-                    readonly customWarningRules?: import('../../composables/validation/useValidation').ValidationRule[] | undefined;
-                    readonly customSuccessRules?: import('../../composables/validation/useValidation').ValidationRule[] | undefined;
+                    readonly 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;
@@ -333,11 +332,12 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
                     width?: string | number | undefined;
                     displayAsterisk?: boolean | undefined;
                     noIcon?: boolean | undefined;
-                    customRules?: import('../../composables/validation/useValidation').ValidationRule[] | undefined;
-                    customWarningRules?: import('../../composables/validation/useValidation').ValidationRule[] | undefined;
-                    customSuccessRules?: import('../../composables/validation/useValidation').ValidationRule[] | 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;
@@ -351,7 +351,7 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
                         hasError: import('vue').ComputedRef<boolean>;
                         hasWarning: import('vue').ComputedRef<boolean>;
                         hasSuccess: import('vue').ComputedRef<boolean>;
-                        validateField: (value: unknown, rules?: import('../../composables/validation/useValidation').ValidationRule[], warningRules?: import('../../composables/validation/useValidation').ValidationRule[], successRules?: import('../../composables/validation/useValidation').ValidationRule[]) => import('../../composables/validation/useValidation').ValidationResult;
+                        validateField: (value: unknown, rules?: ValidationRule[], warningRules?: ValidationRule[], successRules?: ValidationRule[]) => import('../../composables/validation/useValidation').ValidationResult;
                         validateOnSubmit: () => Promise<boolean>;
                         clearValidation: () => void;
                     };
@@ -419,11 +419,12 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
                     width: string | number;
                     displayAsterisk: boolean;
                     noIcon: boolean;
-                    customRules: import('../../composables/validation/useValidation').ValidationRule[];
-                    customWarningRules: import('../../composables/validation/useValidation').ValidationRule[];
-                    customSuccessRules: import('../../composables/validation/useValidation').ValidationRule[];
+                    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;
@@ -501,11 +502,12 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
                 width: string | number;
                 displayAsterisk: boolean;
                 noIcon: boolean;
-                customRules: import('../../composables/validation/useValidation').ValidationRule[];
-                customWarningRules: import('../../composables/validation/useValidation').ValidationRule[];
-                customSuccessRules: import('../../composables/validation/useValidation').ValidationRule[];
+                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;
@@ -565,17 +567,18 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
                 width?: string | number | undefined;
                 displayAsterisk?: boolean | undefined;
                 noIcon?: boolean | undefined;
-                customRules?: import('../../composables/validation/useValidation').ValidationRule[] | undefined;
-                customWarningRules?: import('../../composables/validation/useValidation').ValidationRule[] | undefined;
-                customSuccessRules?: import('../../composables/validation/useValidation').ValidationRule[] | 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" | "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")> & import('vue').ShallowUnwrapRef<{
+            }>, "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[]>;
@@ -583,7 +586,7 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
                     hasError: import('vue').ComputedRef<boolean>;
                     hasWarning: import('vue').ComputedRef<boolean>;
                     hasSuccess: import('vue').ComputedRef<boolean>;
-                    validateField: (value: unknown, rules?: import('../../composables/validation/useValidation').ValidationRule[], warningRules?: import('../../composables/validation/useValidation').ValidationRule[], successRules?: import('../../composables/validation/useValidation').ValidationRule[]) => import('../../composables/validation/useValidation').ValidationResult;
+                    validateField: (value: unknown, rules?: ValidationRule[], warningRules?: ValidationRule[], successRules?: ValidationRule[]) => import('../../composables/validation/useValidation').ValidationResult;
                     validateOnSubmit: () => Promise<boolean>;
                     clearValidation: () => void;
                 };
@@ -618,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<{
             onBlur?: (() => any) | undefined;
             onFocus?: (() => any) | undefined;
             "onUpdate:model-value"?: ((value: string | null) => any) | undefined;
         }>, {
-            validateOnSubmit: () => boolean;
+            validateOnSubmit: () => Promise<boolean>;
             focus: () => void;
             blur: () => void;
         }, {}, {}, {}, {
@@ -643,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;
@@ -666,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;
@@ -679,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;
@@ -691,8 +686,10 @@ 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: string | [string, string] | null) => any) | undefined;
+        "onUpdate:modelValue"?: ((value: import('../../composables/date/useDateInitialization').DateValue) => any) | undefined;
         onBlur?: (() => any) | undefined;
         onFocus?: (() => any) | undefined;
         onClosed?: (() => any) | undefined;
@@ -702,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;
@@ -713,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;
@@ -731,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;
@@ -744,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;
@@ -756,8 +757,10 @@ 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: string | [string, string] | null) => any) | undefined;
+        "onUpdate:modelValue"?: ((value: import('../../composables/date/useDateInitialization').DateValue) => any) | undefined;
         onBlur?: (() => any) | undefined;
         onFocus?: (() => any) | undefined;
         onClosed?: (() => any) | undefined;
@@ -767,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: string | [string, string] | null) => any;
+        "update:modelValue": (value: import('../../composables/date/useDateInitialization').DateValue) => any;
         blur: () => any;
         focus: () => 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;
@@ -783,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;
@@ -813,21 +820,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<{
             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, {} & {
@@ -842,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;
@@ -919,11 +918,12 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
                     readonly width?: string | number | undefined;
                     readonly displayAsterisk?: boolean | undefined;
                     readonly noIcon?: boolean | undefined;
-                    readonly customRules?: import('../../composables/validation/useValidation').ValidationRule[] | undefined;
-                    readonly customWarningRules?: import('../../composables/validation/useValidation').ValidationRule[] | undefined;
-                    readonly customSuccessRules?: import('../../composables/validation/useValidation').ValidationRule[] | undefined;
+                    readonly 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;
@@ -1002,11 +1002,12 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
                     width?: string | number | undefined;
                     displayAsterisk?: boolean | undefined;
                     noIcon?: boolean | undefined;
-                    customRules?: import('../../composables/validation/useValidation').ValidationRule[] | undefined;
-                    customWarningRules?: import('../../composables/validation/useValidation').ValidationRule[] | undefined;
-                    customSuccessRules?: import('../../composables/validation/useValidation').ValidationRule[] | 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;
@@ -1020,7 +1021,7 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
                         hasError: import('vue').ComputedRef<boolean>;
                         hasWarning: import('vue').ComputedRef<boolean>;
                         hasSuccess: import('vue').ComputedRef<boolean>;
-                        validateField: (value: unknown, rules?: import('../../composables/validation/useValidation').ValidationRule[], warningRules?: import('../../composables/validation/useValidation').ValidationRule[], successRules?: import('../../composables/validation/useValidation').ValidationRule[]) => import('../../composables/validation/useValidation').ValidationResult;
+                        validateField: (value: unknown, rules?: ValidationRule[], warningRules?: ValidationRule[], successRules?: ValidationRule[]) => import('../../composables/validation/useValidation').ValidationResult;
                         validateOnSubmit: () => Promise<boolean>;
                         clearValidation: () => void;
                     };
@@ -1088,11 +1089,12 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
                     width: string | number;
                     displayAsterisk: boolean;
                     noIcon: boolean;
-                    customRules: import('../../composables/validation/useValidation').ValidationRule[];
-                    customWarningRules: import('../../composables/validation/useValidation').ValidationRule[];
-                    customSuccessRules: import('../../composables/validation/useValidation').ValidationRule[];
+                    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;
@@ -1170,11 +1172,12 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
                 width: string | number;
                 displayAsterisk: boolean;
                 noIcon: boolean;
-                customRules: import('../../composables/validation/useValidation').ValidationRule[];
-                customWarningRules: import('../../composables/validation/useValidation').ValidationRule[];
-                customSuccessRules: import('../../composables/validation/useValidation').ValidationRule[];
+                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;
@@ -1234,17 +1237,18 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
                 width?: string | number | undefined;
                 displayAsterisk?: boolean | undefined;
                 noIcon?: boolean | undefined;
-                customRules?: import('../../composables/validation/useValidation').ValidationRule[] | undefined;
-                customWarningRules?: import('../../composables/validation/useValidation').ValidationRule[] | undefined;
-                customSuccessRules?: import('../../composables/validation/useValidation').ValidationRule[] | 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" | "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")> & import('vue').ShallowUnwrapRef<{
+            }>, "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[]>;
@@ -1252,7 +1256,7 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
                     hasError: import('vue').ComputedRef<boolean>;
                     hasWarning: import('vue').ComputedRef<boolean>;
                     hasSuccess: import('vue').ComputedRef<boolean>;
-                    validateField: (value: unknown, rules?: import('../../composables/validation/useValidation').ValidationRule[], warningRules?: import('../../composables/validation/useValidation').ValidationRule[], successRules?: import('../../composables/validation/useValidation').ValidationRule[]) => import('../../composables/validation/useValidation').ValidationResult;
+                    validateField: (value: unknown, rules?: ValidationRule[], warningRules?: ValidationRule[], successRules?: ValidationRule[]) => import('../../composables/validation/useValidation').ValidationResult;
                     validateOnSubmit: () => Promise<boolean>;
                     clearValidation: () => void;
                 };
@@ -1287,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<{
             onBlur?: (() => any) | undefined;
             onFocus?: (() => any) | undefined;
             "onUpdate:model-value"?: ((value: string | null) => any) | undefined;
         }>, {
-            validateOnSubmit: () => boolean;
+            validateOnSubmit: () => Promise<boolean>;
             focus: () => void;
             blur: () => void;
         }, {}, {}, {}, {
@@ -1312,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;
@@ -1335,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;
@@ -1348,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;
@@ -1360,8 +1356,10 @@ 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: string | [string, string] | null) => any) | undefined;
+        "onUpdate:modelValue"?: ((value: import('../../composables/date/useDateInitialization').DateValue) => any) | undefined;
         onBlur?: (() => any) | undefined;
         onFocus?: (() => any) | undefined;
         onClosed?: (() => any) | undefined;
@@ -1371,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;
@@ -1382,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;