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

@cnamts/synapse 0.0.12-alpha → 0.0.14-alpha

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

Files changed (731) hide show

package/dist/{src/components → components}/PeriodField/PeriodField.d.ts RENAMED Viewed

@@ -1,4 +1,4 @@
-import { RuleOptions } from '../../composables';
+import { ValidationRule } from '../../composables/validation/useValidation';
 type DateInput = string | null;
 type PeriodValue = {
     from: DateInput;
@@ -14,24 +14,30 @@ type __VLS_Props = {
     required?: boolean;
     displayIcon?: boolean;
     displayAppendIcon?: boolean;
-    isDisabled?: boolean;
+    disabled?: boolean;
     noIcon?: boolean;
     noCalendar?: boolean;
     isOutlined?: boolean;
     showSuccessMessages?: boolean;
-    customRules?: {
-        type: string;
-        options: RuleOptions;
-    }[];
-    customWarningRules?: {
-        type: string;
-        options: RuleOptions;
-    }[];
+    customRules?: ValidationRule[];
+    customWarningRules?: ValidationRule[];
+    disableErrorHandling?: boolean;
+    readOnly?: 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;
@@ -40,17 +46,13 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
 }>, {
     required: boolean;
     modelValue: PeriodValue;
-    isDisabled: boolean;
+    readOnly: boolean;
+    disabled: 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 +64,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,20 +77,23 @@ 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;
+        disabled?: boolean | undefined;
         noIcon?: boolean | undefined;
         noCalendar?: boolean | undefined;
         isOutlined?: boolean | undefined;
-        isReadOnly?: boolean | undefined;
+        readOnly?: boolean | undefined;
         width?: string | undefined;
+        disableErrorHandling?: boolean | undefined;
+        showSuccessMessages?: boolean | undefined;
+        bgColor?: string | 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,28 +103,33 @@ 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;
-        isReadOnly: boolean;
-        isDisabled: boolean;
+        modelValue: import('../../composables/date/useDateInitialization').DateInput;
+        readOnly: boolean;
+        bgColor: string;
+        disabled: boolean;
         placeholder: string;
         width: string;
         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;
@@ -138,27 +148,23 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
             dateFormatReturn?: string | undefined;
             label?: string | undefined;
             required?: boolean | undefined;
-            isDisabled?: boolean | undefined;
-            isReadOnly?: boolean | undefined;
+            disabled?: boolean | undefined;
+            readOnly?: boolean | undefined;
             isOutlined?: boolean | undefined;
             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, {} & {
@@ -169,18 +175,14 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
             required: boolean;
             modelValue: string | null;
             label: string;
-            isReadOnly: boolean;
-            isDisabled: boolean;
+            readOnly: boolean;
+            disabled: 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;
@@ -209,7 +211,7 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
                     readonly errorMessages?: string[] | null | undefined;
                     readonly warningMessages?: string[] | null | undefined;
                     readonly successMessages?: string[] | null | undefined;
-                    readonly isReadOnly?: boolean | undefined;
+                    readonly readOnly?: boolean | undefined;
                     readonly isActive?: boolean | undefined;
                     readonly baseColor?: string | undefined;
                     readonly bgColor?: string | undefined;
@@ -219,7 +221,7 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
                     readonly density?: "default" | "comfortable" | "compact" | undefined;
                     readonly direction?: "horizontal" | "vertical" | undefined;
                     readonly isDirty?: boolean | undefined;
-                    readonly isDisabled?: boolean | undefined;
+                    readonly disabled?: boolean | undefined;
                     readonly isOnError?: boolean | undefined;
                     readonly isFlat?: boolean | undefined;
                     readonly isFocused?: boolean | undefined;
@@ -250,11 +252,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;
@@ -292,7 +295,7 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
                     errorMessages?: string[] | null | undefined;
                     warningMessages?: string[] | null | undefined;
                     successMessages?: string[] | null | undefined;
-                    isReadOnly?: boolean | undefined;
+                    readOnly?: boolean | undefined;
                     isActive?: boolean | undefined;
                     baseColor?: string | undefined;
                     bgColor?: string | undefined;
@@ -302,7 +305,7 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
                     density?: "default" | "comfortable" | "compact" | undefined;
                     direction?: "horizontal" | "vertical" | undefined;
                     isDirty?: boolean | undefined;
-                    isDisabled?: boolean | undefined;
+                    disabled?: boolean | undefined;
                     isOnError?: boolean | undefined;
                     isFlat?: boolean | undefined;
                     isFocused?: boolean | undefined;
@@ -333,11 +336,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 +355,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;
                     };
@@ -378,7 +382,7 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
                     errorMessages: string[] | null;
                     warningMessages: string[] | null;
                     successMessages: string[] | null;
-                    isReadOnly: boolean;
+                    readOnly: boolean;
                     isActive: boolean;
                     baseColor: string;
                     bgColor: string;
@@ -388,7 +392,7 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
                     density: "default" | "comfortable" | "compact";
                     direction: "horizontal" | "vertical";
                     isDirty: boolean;
-                    isDisabled: boolean;
+                    disabled: boolean;
                     isOnError: boolean;
                     isFlat: boolean;
                     isFocused: boolean;
@@ -419,11 +423,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;
@@ -460,7 +465,7 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
                 errorMessages: string[] | null;
                 warningMessages: string[] | null;
                 successMessages: string[] | null;
-                isReadOnly: boolean;
+                readOnly: boolean;
                 isActive: boolean;
                 baseColor: string;
                 bgColor: string;
@@ -470,7 +475,7 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
                 density: "default" | "comfortable" | "compact";
                 direction: "horizontal" | "vertical";
                 isDirty: boolean;
-                isDisabled: boolean;
+                disabled: boolean;
                 isOnError: boolean;
                 isFlat: boolean;
                 isFocused: boolean;
@@ -501,11 +506,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;
@@ -524,7 +530,7 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
                 errorMessages?: string[] | null | undefined;
                 warningMessages?: string[] | null | undefined;
                 successMessages?: string[] | null | undefined;
-                isReadOnly?: boolean | undefined;
+                readOnly?: boolean | undefined;
                 isActive?: boolean | undefined;
                 baseColor?: string | undefined;
                 bgColor?: string | undefined;
@@ -534,7 +540,7 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
                 density?: "default" | "comfortable" | "compact" | undefined;
                 direction?: "horizontal" | "vertical" | undefined;
                 isDirty?: boolean | undefined;
-                isDisabled?: boolean | undefined;
+                disabled?: boolean | undefined;
                 isOnError?: boolean | undefined;
                 isFlat?: boolean | undefined;
                 isFocused?: boolean | undefined;
@@ -565,17 +571,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" | "readOnly" | "isActive" | "baseColor" | "bgColor" | "centerAffix" | "counter" | "counterValue" | "density" | "direction" | "isDirty" | "disabled" | "isOnError" | "isFlat" | "isFocused" | "areDetailsHidden" | "areSpinButtonsHidden" | "hint" | "id" | "loading" | "maxErrors" | "maxWidth" | "messages" | "minWidth" | "name" | "displayPersistentClear" | "displayPersistentCounter" | "displayPersistentHint" | "displayPersistentPlaceholder" | "placeholder" | "prefix" | "isReversed" | "role" | "rounded" | "isOnSingleLine" | "suffix" | "theme" | "isTiled" | "type" | "width" | "displayAsterisk" | "noIcon" | "customRules" | "customWarningRules" | "customSuccessRules" | "showSuccessMessages" | "isValidateOnBlur" | "disableErrorHandling")> & import('vue').ShallowUnwrapRef<{
                 validation: {
                     errors: import('vue').Ref<string[], string[]>;
                     warnings: import('vue').Ref<string[], string[]>;
@@ -583,7 +590,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;
                 };
@@ -612,45 +619,37 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
             dateFormatReturn?: string | undefined;
             label?: string | undefined;
             required?: boolean | undefined;
-            isDisabled?: boolean | undefined;
-            isReadOnly?: boolean | undefined;
+            disabled?: boolean | undefined;
+            readOnly?: boolean | undefined;
             isOutlined?: boolean | undefined;
             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;
         }, {}, {}, {}, {
             required: boolean;
             modelValue: string | null;
             label: string;
-            isReadOnly: boolean;
-            isDisabled: boolean;
+            readOnly: boolean;
+            disabled: 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 +665,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,20 +678,23 @@ 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;
+        disabled?: boolean | undefined;
         noIcon?: boolean | undefined;
         noCalendar?: boolean | undefined;
         isOutlined?: boolean | undefined;
-        isReadOnly?: boolean | undefined;
+        readOnly?: boolean | undefined;
         width?: string | undefined;
+        disableErrorHandling?: boolean | undefined;
+        showSuccessMessages?: boolean | undefined;
+        bgColor?: string | 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,23 +704,28 @@ 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;
-        isReadOnly: boolean;
-        isDisabled: boolean;
+        modelValue: import('../../composables/date/useDateInitialization').DateInput;
+        readOnly: boolean;
+        bgColor: string;
+        disabled: boolean;
         placeholder: string;
         width: string;
         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 +738,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,20 +751,23 @@ 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;
+        disabled?: boolean | undefined;
         noIcon?: boolean | undefined;
         noCalendar?: boolean | undefined;
         isOutlined?: boolean | undefined;
-        isReadOnly?: boolean | undefined;
+        readOnly?: boolean | undefined;
         width?: string | undefined;
+        disableErrorHandling?: boolean | undefined;
+        showSuccessMessages?: boolean | undefined;
+        bgColor?: string | 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,28 +777,33 @@ 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;
-        isReadOnly: boolean;
-        isDisabled: boolean;
+        modelValue: import('../../composables/date/useDateInitialization').DateInput;
+        readOnly: boolean;
+        bgColor: string;
+        disabled: boolean;
         placeholder: string;
         width: string;
         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;
@@ -807,27 +822,23 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
             dateFormatReturn?: string | undefined;
             label?: string | undefined;
             required?: boolean | undefined;
-            isDisabled?: boolean | undefined;
-            isReadOnly?: boolean | undefined;
+            disabled?: boolean | undefined;
+            readOnly?: boolean | undefined;
             isOutlined?: boolean | undefined;
             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, {} & {
@@ -838,18 +849,14 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
             required: boolean;
             modelValue: string | null;
             label: string;
-            isReadOnly: boolean;
-            isDisabled: boolean;
+            readOnly: boolean;
+            disabled: 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;
@@ -878,7 +885,7 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
                     readonly errorMessages?: string[] | null | undefined;
                     readonly warningMessages?: string[] | null | undefined;
                     readonly successMessages?: string[] | null | undefined;
-                    readonly isReadOnly?: boolean | undefined;
+                    readonly readOnly?: boolean | undefined;
                     readonly isActive?: boolean | undefined;
                     readonly baseColor?: string | undefined;
                     readonly bgColor?: string | undefined;
@@ -888,7 +895,7 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
                     readonly density?: "default" | "comfortable" | "compact" | undefined;
                     readonly direction?: "horizontal" | "vertical" | undefined;
                     readonly isDirty?: boolean | undefined;
-                    readonly isDisabled?: boolean | undefined;
+                    readonly disabled?: boolean | undefined;
                     readonly isOnError?: boolean | undefined;
                     readonly isFlat?: boolean | undefined;
                     readonly isFocused?: boolean | undefined;
@@ -919,11 +926,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;
@@ -961,7 +969,7 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
                     errorMessages?: string[] | null | undefined;
                     warningMessages?: string[] | null | undefined;
                     successMessages?: string[] | null | undefined;
-                    isReadOnly?: boolean | undefined;
+                    readOnly?: boolean | undefined;
                     isActive?: boolean | undefined;
                     baseColor?: string | undefined;
                     bgColor?: string | undefined;
@@ -971,7 +979,7 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
                     density?: "default" | "comfortable" | "compact" | undefined;
                     direction?: "horizontal" | "vertical" | undefined;
                     isDirty?: boolean | undefined;
-                    isDisabled?: boolean | undefined;
+                    disabled?: boolean | undefined;
                     isOnError?: boolean | undefined;
                     isFlat?: boolean | undefined;
                     isFocused?: boolean | undefined;
@@ -1002,11 +1010,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 +1029,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;
                     };
@@ -1047,7 +1056,7 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
                     errorMessages: string[] | null;
                     warningMessages: string[] | null;
                     successMessages: string[] | null;
-                    isReadOnly: boolean;
+                    readOnly: boolean;
                     isActive: boolean;
                     baseColor: string;
                     bgColor: string;
@@ -1057,7 +1066,7 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
                     density: "default" | "comfortable" | "compact";
                     direction: "horizontal" | "vertical";
                     isDirty: boolean;
-                    isDisabled: boolean;
+                    disabled: boolean;
                     isOnError: boolean;
                     isFlat: boolean;
                     isFocused: boolean;
@@ -1088,11 +1097,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;
@@ -1129,7 +1139,7 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
                 errorMessages: string[] | null;
                 warningMessages: string[] | null;
                 successMessages: string[] | null;
-                isReadOnly: boolean;
+                readOnly: boolean;
                 isActive: boolean;
                 baseColor: string;
                 bgColor: string;
@@ -1139,7 +1149,7 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
                 density: "default" | "comfortable" | "compact";
                 direction: "horizontal" | "vertical";
                 isDirty: boolean;
-                isDisabled: boolean;
+                disabled: boolean;
                 isOnError: boolean;
                 isFlat: boolean;
                 isFocused: boolean;
@@ -1170,11 +1180,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;
@@ -1193,7 +1204,7 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
                 errorMessages?: string[] | null | undefined;
                 warningMessages?: string[] | null | undefined;
                 successMessages?: string[] | null | undefined;
-                isReadOnly?: boolean | undefined;
+                readOnly?: boolean | undefined;
                 isActive?: boolean | undefined;
                 baseColor?: string | undefined;
                 bgColor?: string | undefined;
@@ -1203,7 +1214,7 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
                 density?: "default" | "comfortable" | "compact" | undefined;
                 direction?: "horizontal" | "vertical" | undefined;
                 isDirty?: boolean | undefined;
-                isDisabled?: boolean | undefined;
+                disabled?: boolean | undefined;
                 isOnError?: boolean | undefined;
                 isFlat?: boolean | undefined;
                 isFocused?: boolean | undefined;
@@ -1234,17 +1245,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" | "readOnly" | "isActive" | "baseColor" | "bgColor" | "centerAffix" | "counter" | "counterValue" | "density" | "direction" | "isDirty" | "disabled" | "isOnError" | "isFlat" | "isFocused" | "areDetailsHidden" | "areSpinButtonsHidden" | "hint" | "id" | "loading" | "maxErrors" | "maxWidth" | "messages" | "minWidth" | "name" | "displayPersistentClear" | "displayPersistentCounter" | "displayPersistentHint" | "displayPersistentPlaceholder" | "placeholder" | "prefix" | "isReversed" | "role" | "rounded" | "isOnSingleLine" | "suffix" | "theme" | "isTiled" | "type" | "width" | "displayAsterisk" | "noIcon" | "customRules" | "customWarningRules" | "customSuccessRules" | "showSuccessMessages" | "isValidateOnBlur" | "disableErrorHandling")> & import('vue').ShallowUnwrapRef<{
                 validation: {
                     errors: import('vue').Ref<string[], string[]>;
                     warnings: import('vue').Ref<string[], string[]>;
@@ -1252,7 +1264,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;
                 };
@@ -1281,45 +1293,37 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
             dateFormatReturn?: string | undefined;
             label?: string | undefined;
             required?: boolean | undefined;
-            isDisabled?: boolean | undefined;
-            isReadOnly?: boolean | undefined;
+            disabled?: boolean | undefined;
+            readOnly?: boolean | undefined;
             isOutlined?: boolean | undefined;
             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;
         }, {}, {}, {}, {
             required: boolean;
             modelValue: string | null;
             label: string;
-            isReadOnly: boolean;
-            isDisabled: boolean;
+            readOnly: boolean;
+            disabled: 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 +1339,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,20 +1352,23 @@ 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;
+        disabled?: boolean | undefined;
         noIcon?: boolean | undefined;
         noCalendar?: boolean | undefined;
         isOutlined?: boolean | undefined;
-        isReadOnly?: boolean | undefined;
+        readOnly?: boolean | undefined;
         width?: string | undefined;
+        disableErrorHandling?: boolean | undefined;
+        showSuccessMessages?: boolean | undefined;
+        bgColor?: string | 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,23 +1378,28 @@ 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;
-        isReadOnly: boolean;
-        isDisabled: boolean;
+        modelValue: import('../../composables/date/useDateInitialization').DateInput;
+        readOnly: boolean;
+        bgColor: string;
+        disabled: boolean;
         placeholder: string;
         width: string;
         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;