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

@cnamts/synapse 0.0.10-alpha → 0.0.12-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 (653) hide show

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

@@ -0,0 +1,1403 @@
+import { RuleOptions } from '../../composables';
+type DateInput = string | null;
+type PeriodValue = {
+    from: DateInput;
+    to: DateInput;
+};
+type __VLS_Props = {
+    modelValue?: PeriodValue;
+    placeholderFrom?: string;
+    placeholderTo?: string;
+    format?: string;
+    dateFormatReturn?: string;
+    showWeekNumber?: boolean;
+    required?: boolean;
+    displayIcon?: boolean;
+    displayAppendIcon?: boolean;
+    isDisabled?: boolean;
+    noIcon?: boolean;
+    noCalendar?: boolean;
+    isOutlined?: boolean;
+    showSuccessMessages?: boolean;
+    customRules?: {
+        type: string;
+        options: RuleOptions;
+    }[];
+    customWarningRules?: {
+        type: string;
+        options: RuleOptions;
+    }[];
+};
+declare const _default: import('vue').DefineComponent<__VLS_Props, {
+    validateOnSubmit: () => boolean;
+    errors: import('vue').Ref<string[], string[]>;
+    successes: import('vue').Ref<string[], string[]>;
+    isValid: import('vue').ComputedRef<boolean>;
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "update:modelValue": (...args: any[]) => void;
+}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
+    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+}>, {
+    required: boolean;
+    modelValue: PeriodValue;
+    isDisabled: boolean;
+    noIcon: boolean;
+    customRules: {
+        type: string;
+        options: RuleOptions;
+    }[];
+    customWarningRules: {
+        type: string;
+        options: RuleOptions;
+    }[];
+    showSuccessMessages: boolean;
+    format: string;
+    dateFormatReturn: string;
+    isOutlined: boolean;
+    displayIcon: boolean;
+    displayAppendIcon: boolean;
+    showWeekNumber: boolean;
+    noCalendar: boolean;
+    placeholderFrom: string;
+    placeholderTo: string;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
+    fromDateRef: import('vue').CreateComponentPublicInstanceWithMixins<Readonly<{
+        modelValue?: (string | object | string[] | null) | undefined;
+        placeholder?: string | undefined;
+        format?: string | undefined;
+        dateFormatReturn?: string | undefined;
+        isBirthDate?: boolean | undefined;
+        showWeekNumber?: boolean | undefined;
+        required?: boolean | undefined;
+        displayRange?: boolean | undefined;
+        displayIcon?: boolean | undefined;
+        displayAppendIcon?: boolean | undefined;
+        displayPrependIcon?: boolean | undefined;
+        customRules?: {
+            type: string;
+            options: RuleOptions;
+        }[] | undefined;
+        customWarningRules?: {
+            type: string;
+            options: RuleOptions;
+        }[] | undefined;
+        isDisabled?: boolean | undefined;
+        noIcon?: boolean | undefined;
+        noCalendar?: boolean | undefined;
+        isOutlined?: boolean | undefined;
+        isReadOnly?: boolean | undefined;
+        width?: string | undefined;
+    }> & Readonly<{
+        "onUpdate:modelValue"?: ((value: string | [string, string] | null) => any) | undefined;
+        onBlur?: (() => any) | undefined;
+        onFocus?: (() => any) | undefined;
+        onClosed?: (() => any) | undefined;
+    }>, {
+        validateOnSubmit: () => any;
+        isDatePickerVisible: import('vue').Ref<boolean, boolean>;
+        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;
+    }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+        "update:modelValue": (value: string | [string, string] | null) => any;
+        blur: () => any;
+        focus: () => any;
+        closed: () => any;
+    }, import('vue').PublicProps, {
+        required: boolean;
+        modelValue: string | object | string[] | null;
+        isReadOnly: boolean;
+        isDisabled: boolean;
+        placeholder: string;
+        width: string;
+        noIcon: boolean;
+        customRules: {
+            type: string;
+            options: RuleOptions;
+        }[];
+        customWarningRules: {
+            type: string;
+            options: RuleOptions;
+        }[];
+        format: string;
+        dateFormatReturn: string;
+        isOutlined: boolean;
+        displayIcon: boolean;
+        displayAppendIcon: boolean;
+        displayPrependIcon: boolean;
+        isBirthDate: boolean;
+        showWeekNumber: boolean;
+        displayRange: boolean;
+        noCalendar: boolean;
+    }, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {
+        dateTextInputRef: import('vue').CreateComponentPublicInstanceWithMixins<Readonly<{
+            modelValue?: (string | null) | undefined;
+            placeholder?: string | undefined;
+            format?: string | undefined;
+            dateFormatReturn?: string | undefined;
+            label?: string | undefined;
+            required?: boolean | undefined;
+            isDisabled?: boolean | undefined;
+            isReadOnly?: 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;
+            displayPrependIcon?: boolean | undefined;
+        }> & Readonly<{
+            onBlur?: (() => any) | undefined;
+            onFocus?: (() => any) | undefined;
+            "onUpdate:model-value"?: ((value: string | null) => any) | undefined;
+        }>, {
+            validateOnSubmit: () => boolean;
+            focus: () => void;
+            blur: () => void;
+        }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+            blur: () => any;
+            focus: () => any;
+            "update:model-value": (value: string | null) => any;
+        }, import('vue').PublicProps, {
+            required: boolean;
+            modelValue: string | null;
+            label: string;
+            isReadOnly: boolean;
+            isDisabled: boolean;
+            placeholder: string;
+            noIcon: boolean;
+            customRules: {
+                type: string;
+                options: RuleOptions;
+            }[];
+            customWarningRules: {
+                type: string;
+                options: RuleOptions;
+            }[];
+            format: string;
+            dateFormatReturn: string;
+            isOutlined: boolean;
+            displayIcon: boolean;
+            displayAppendIcon: boolean;
+            displayPrependIcon: boolean;
+        }, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {
+            inputRef: ({
+                $: import('vue').ComponentInternalInstance;
+                $data: {};
+                $props: {
+                    readonly modelValue?: string | number | null | undefined;
+                    readonly prependIcon?: import('../Customs/SyTextField/types').IconType;
+                    readonly appendIcon?: import('../Customs/SyTextField/types').IconType;
+                    readonly prependInnerIcon?: import('../Customs/SyTextField/types').IconType;
+                    readonly appendInnerIcon?: import('../Customs/SyTextField/types').IconType;
+                    readonly prependTooltip?: string | undefined;
+                    readonly appendTooltip?: string | undefined;
+                    readonly tooltipLocation?: "top" | "bottom" | "start" | "end" | undefined;
+                    readonly variantStyle?: import('../Customs/SyTextField/types').VariantStyle | undefined;
+                    readonly color?: import('../Customs/SyTextField/types').ColorType | undefined;
+                    readonly isClearable?: boolean | undefined;
+                    readonly showDivider?: boolean | undefined;
+                    readonly label?: string | undefined;
+                    readonly required?: boolean | undefined;
+                    readonly errorMessages?: string[] | null | undefined;
+                    readonly warningMessages?: string[] | null | undefined;
+                    readonly successMessages?: string[] | null | undefined;
+                    readonly isReadOnly?: boolean | undefined;
+                    readonly isActive?: boolean | undefined;
+                    readonly baseColor?: string | undefined;
+                    readonly bgColor?: string | undefined;
+                    readonly centerAffix?: boolean | undefined;
+                    readonly counter?: string | number | boolean | undefined;
+                    readonly counterValue?: number | ((value: any) => number) | undefined;
+                    readonly density?: "default" | "comfortable" | "compact" | undefined;
+                    readonly direction?: "horizontal" | "vertical" | undefined;
+                    readonly isDirty?: boolean | undefined;
+                    readonly isDisabled?: boolean | undefined;
+                    readonly isOnError?: boolean | undefined;
+                    readonly isFlat?: boolean | undefined;
+                    readonly isFocused?: boolean | undefined;
+                    readonly areDetailsHidden?: boolean | "auto" | undefined;
+                    readonly areSpinButtonsHidden?: boolean | undefined;
+                    readonly hint?: string | undefined;
+                    readonly id?: string | undefined;
+                    readonly loading?: string | boolean | undefined;
+                    readonly maxErrors?: string | number | undefined;
+                    readonly maxWidth?: string | number | undefined;
+                    readonly messages?: string | string[] | undefined;
+                    readonly minWidth?: string | number | undefined;
+                    readonly name?: string | undefined;
+                    readonly displayPersistentClear?: boolean | undefined;
+                    readonly displayPersistentCounter?: boolean | undefined;
+                    readonly displayPersistentHint?: boolean | undefined;
+                    readonly displayPersistentPlaceholder?: boolean | undefined;
+                    readonly placeholder?: string | undefined;
+                    readonly prefix?: string | undefined;
+                    readonly isReversed?: boolean | undefined;
+                    readonly role?: string | undefined;
+                    readonly rounded?: string | number | boolean | undefined;
+                    readonly isOnSingleLine?: boolean | undefined;
+                    readonly suffix?: string | undefined;
+                    readonly theme?: string | undefined;
+                    readonly isTiled?: boolean | undefined;
+                    readonly type?: string | undefined;
+                    readonly width?: string | number | undefined;
+                    readonly displayAsterisk?: boolean | undefined;
+                    readonly noIcon?: boolean | undefined;
+                    readonly customRules?: import('../../composables/validation/useValidation').ValidationRule[] | undefined;
+                    readonly customWarningRules?: import('../../composables/validation/useValidation').ValidationRule[] | undefined;
+                    readonly customSuccessRules?: import('../../composables/validation/useValidation').ValidationRule[] | undefined;
+                    readonly showSuccessMessages?: boolean | undefined;
+                    readonly isValidateOnBlur?: boolean | undefined;
+                    readonly "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+                    readonly onClear?: ((...args: any[]) => any) | undefined;
+                    readonly "onPrepend-icon-click"?: ((...args: any[]) => any) | undefined;
+                    readonly "onAppend-icon-click"?: ((...args: any[]) => any) | undefined;
+                } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps;
+                $attrs: {
+                    [x: string]: unknown;
+                };
+                $refs: {
+                    [x: string]: unknown;
+                };
+                $slots: Readonly<{
+                    [name: string]: import('vue').Slot<any> | undefined;
+                }>;
+                $root: import('vue').ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import('vue').ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}, {}, {}, string, import('vue').ComponentProvideOptions>, {}, {}, "", {}, any> | null;
+                $parent: import('vue').ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import('vue').ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}, {}, {}, string, import('vue').ComponentProvideOptions>, {}, {}, "", {}, any> | null;
+                $host: Element | null;
+                $emit: ((event: "update:modelValue", ...args: any[]) => void) & ((event: "clear", ...args: any[]) => void) & ((event: "prepend-icon-click", ...args: any[]) => void) & ((event: "append-icon-click", ...args: any[]) => void);
+                $el: any;
+                $options: import('vue').ComponentOptionsBase<Readonly<{
+                    modelValue?: string | number | null | undefined;
+                    prependIcon?: import('../Customs/SyTextField/types').IconType;
+                    appendIcon?: import('../Customs/SyTextField/types').IconType;
+                    prependInnerIcon?: import('../Customs/SyTextField/types').IconType;
+                    appendInnerIcon?: import('../Customs/SyTextField/types').IconType;
+                    prependTooltip?: string | undefined;
+                    appendTooltip?: string | undefined;
+                    tooltipLocation?: "top" | "bottom" | "start" | "end" | undefined;
+                    variantStyle?: import('../Customs/SyTextField/types').VariantStyle | undefined;
+                    color?: import('../Customs/SyTextField/types').ColorType | undefined;
+                    isClearable?: boolean | undefined;
+                    showDivider?: boolean | undefined;
+                    label?: string | undefined;
+                    required?: boolean | undefined;
+                    errorMessages?: string[] | null | undefined;
+                    warningMessages?: string[] | null | undefined;
+                    successMessages?: string[] | null | undefined;
+                    isReadOnly?: boolean | undefined;
+                    isActive?: boolean | undefined;
+                    baseColor?: string | undefined;
+                    bgColor?: string | undefined;
+                    centerAffix?: boolean | undefined;
+                    counter?: string | number | boolean | undefined;
+                    counterValue?: number | ((value: any) => number) | undefined;
+                    density?: "default" | "comfortable" | "compact" | undefined;
+                    direction?: "horizontal" | "vertical" | undefined;
+                    isDirty?: boolean | undefined;
+                    isDisabled?: boolean | undefined;
+                    isOnError?: boolean | undefined;
+                    isFlat?: boolean | undefined;
+                    isFocused?: boolean | undefined;
+                    areDetailsHidden?: boolean | "auto" | undefined;
+                    areSpinButtonsHidden?: boolean | undefined;
+                    hint?: string | undefined;
+                    id?: string | undefined;
+                    loading?: string | boolean | undefined;
+                    maxErrors?: string | number | undefined;
+                    maxWidth?: string | number | undefined;
+                    messages?: string | string[] | undefined;
+                    minWidth?: string | number | undefined;
+                    name?: string | undefined;
+                    displayPersistentClear?: boolean | undefined;
+                    displayPersistentCounter?: boolean | undefined;
+                    displayPersistentHint?: boolean | undefined;
+                    displayPersistentPlaceholder?: boolean | undefined;
+                    placeholder?: string | undefined;
+                    prefix?: string | undefined;
+                    isReversed?: boolean | undefined;
+                    role?: string | undefined;
+                    rounded?: string | number | boolean | undefined;
+                    isOnSingleLine?: boolean | undefined;
+                    suffix?: string | undefined;
+                    theme?: string | undefined;
+                    isTiled?: boolean | undefined;
+                    type?: string | undefined;
+                    width?: string | number | undefined;
+                    displayAsterisk?: boolean | undefined;
+                    noIcon?: boolean | undefined;
+                    customRules?: import('../../composables/validation/useValidation').ValidationRule[] | undefined;
+                    customWarningRules?: import('../../composables/validation/useValidation').ValidationRule[] | undefined;
+                    customSuccessRules?: import('../../composables/validation/useValidation').ValidationRule[] | undefined;
+                    showSuccessMessages?: boolean | undefined;
+                    isValidateOnBlur?: boolean | undefined;
+                }> & Readonly<{
+                    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+                    onClear?: ((...args: any[]) => any) | undefined;
+                    "onPrepend-icon-click"?: ((...args: any[]) => any) | undefined;
+                    "onAppend-icon-click"?: ((...args: any[]) => any) | undefined;
+                }>, {
+                    validation: {
+                        errors: import('vue').Ref<string[], string[]>;
+                        warnings: import('vue').Ref<string[], string[]>;
+                        successes: import('vue').Ref<string[], string[]>;
+                        hasError: import('vue').ComputedRef<boolean>;
+                        hasWarning: import('vue').ComputedRef<boolean>;
+                        hasSuccess: import('vue').ComputedRef<boolean>;
+                        validateField: (value: unknown, rules?: import('../../composables/validation/useValidation').ValidationRule[], warningRules?: import('../../composables/validation/useValidation').ValidationRule[], successRules?: import('../../composables/validation/useValidation').ValidationRule[]) => import('../../composables/validation/useValidation').ValidationResult;
+                        validateOnSubmit: () => Promise<boolean>;
+                        clearValidation: () => void;
+                    };
+                    validateOnSubmit: () => boolean;
+                    checkErrorOnBlur: () => void;
+                }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+                    "update:modelValue": (...args: any[]) => void;
+                    clear: (...args: any[]) => void;
+                    "prepend-icon-click": (...args: any[]) => void;
+                    "append-icon-click": (...args: any[]) => void;
+                }, string, {
+                    modelValue: string | number | null;
+                    prependIcon: "error" | "warning" | "info" | "success" | "close" | "calendar";
+                    appendIcon: "error" | "warning" | "info" | "success" | "close" | "calendar";
+                    prependInnerIcon: "error" | "warning" | "info" | "success" | "close" | "calendar";
+                    appendInnerIcon: "error" | "warning" | "info" | "success" | "close" | "calendar";
+                    prependTooltip: string;
+                    appendTooltip: string;
+                    tooltipLocation: "top" | "bottom" | "start" | "end";
+                    variantStyle: import('../Customs/SyTextField/types').VariantStyle;
+                    color: import('../Customs/SyTextField/types').ColorType;
+                    isClearable: boolean;
+                    label: string;
+                    errorMessages: string[] | null;
+                    warningMessages: string[] | null;
+                    successMessages: string[] | null;
+                    isReadOnly: boolean;
+                    isActive: boolean;
+                    baseColor: string;
+                    bgColor: string;
+                    centerAffix: boolean;
+                    counter: string | number | boolean;
+                    counterValue: number | ((value: any) => number);
+                    density: "default" | "comfortable" | "compact";
+                    direction: "horizontal" | "vertical";
+                    isDirty: boolean;
+                    isDisabled: boolean;
+                    isOnError: boolean;
+                    isFlat: boolean;
+                    isFocused: boolean;
+                    areDetailsHidden: boolean | "auto";
+                    areSpinButtonsHidden: boolean;
+                    hint: string;
+                    id: string;
+                    loading: string | boolean;
+                    maxErrors: string | number;
+                    maxWidth: string | number;
+                    messages: string | string[];
+                    minWidth: string | number;
+                    name: string;
+                    displayPersistentClear: boolean;
+                    displayPersistentCounter: boolean;
+                    displayPersistentHint: boolean;
+                    displayPersistentPlaceholder: boolean;
+                    placeholder: string;
+                    prefix: string;
+                    isReversed: boolean;
+                    role: string;
+                    rounded: string | number | boolean;
+                    isOnSingleLine: boolean;
+                    suffix: string;
+                    theme: string;
+                    isTiled: boolean;
+                    type: string;
+                    width: string | number;
+                    displayAsterisk: boolean;
+                    noIcon: boolean;
+                    customRules: import('../../composables/validation/useValidation').ValidationRule[];
+                    customWarningRules: import('../../composables/validation/useValidation').ValidationRule[];
+                    customSuccessRules: import('../../composables/validation/useValidation').ValidationRule[];
+                    showSuccessMessages: boolean;
+                    isValidateOnBlur: boolean;
+                }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
+                    beforeCreate?: ((() => void) | (() => void)[]) | undefined;
+                    created?: ((() => void) | (() => void)[]) | undefined;
+                    beforeMount?: ((() => void) | (() => void)[]) | undefined;
+                    mounted?: ((() => void) | (() => void)[]) | undefined;
+                    beforeUpdate?: ((() => void) | (() => void)[]) | undefined;
+                    updated?: ((() => void) | (() => void)[]) | undefined;
+                    activated?: ((() => void) | (() => void)[]) | undefined;
+                    deactivated?: ((() => void) | (() => void)[]) | undefined;
+                    beforeDestroy?: ((() => void) | (() => void)[]) | undefined;
+                    beforeUnmount?: ((() => void) | (() => void)[]) | undefined;
+                    destroyed?: ((() => void) | (() => void)[]) | undefined;
+                    unmounted?: ((() => void) | (() => void)[]) | undefined;
+                    renderTracked?: (((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[]) | undefined;
+                    renderTriggered?: (((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[]) | undefined;
+                    errorCaptured?: (((err: unknown, instance: import('vue').ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import('vue').ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}, {}, {}, string, import('vue').ComponentProvideOptions>, {}, {}, "", {}, any> | null, info: string) => boolean | void) | ((err: unknown, instance: import('vue').ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import('vue').ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}, {}, {}, string, import('vue').ComponentProvideOptions>, {}, {}, "", {}, any> | null, info: string) => boolean | void)[]) | undefined;
+                };
+                $forceUpdate: () => void;
+                $nextTick: typeof import('vue').nextTick;
+                $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (args_0: R, args_1: R, args_2: import('@vue/reactivity').OnCleanup) => any : (args_0: any, args_1: any, args_2: import('@vue/reactivity').OnCleanup) => any, options?: import('vue').WatchOptions<boolean> | undefined): import('vue').WatchStopHandle;
+            } & Readonly<{
+                modelValue: string | number | null;
+                prependIcon: "error" | "warning" | "info" | "success" | "close" | "calendar";
+                appendIcon: "error" | "warning" | "info" | "success" | "close" | "calendar";
+                prependInnerIcon: "error" | "warning" | "info" | "success" | "close" | "calendar";
+                appendInnerIcon: "error" | "warning" | "info" | "success" | "close" | "calendar";
+                prependTooltip: string;
+                appendTooltip: string;
+                tooltipLocation: "top" | "bottom" | "start" | "end";
+                variantStyle: import('../Customs/SyTextField/types').VariantStyle;
+                color: import('../Customs/SyTextField/types').ColorType;
+                isClearable: boolean;
+                label: string;
+                errorMessages: string[] | null;
+                warningMessages: string[] | null;
+                successMessages: string[] | null;
+                isReadOnly: boolean;
+                isActive: boolean;
+                baseColor: string;
+                bgColor: string;
+                centerAffix: boolean;
+                counter: string | number | boolean;
+                counterValue: number | ((value: any) => number);
+                density: "default" | "comfortable" | "compact";
+                direction: "horizontal" | "vertical";
+                isDirty: boolean;
+                isDisabled: boolean;
+                isOnError: boolean;
+                isFlat: boolean;
+                isFocused: boolean;
+                areDetailsHidden: boolean | "auto";
+                areSpinButtonsHidden: boolean;
+                hint: string;
+                id: string;
+                loading: string | boolean;
+                maxErrors: string | number;
+                maxWidth: string | number;
+                messages: string | string[];
+                minWidth: string | number;
+                name: string;
+                displayPersistentClear: boolean;
+                displayPersistentCounter: boolean;
+                displayPersistentHint: boolean;
+                displayPersistentPlaceholder: boolean;
+                placeholder: string;
+                prefix: string;
+                isReversed: boolean;
+                role: string;
+                rounded: string | number | boolean;
+                isOnSingleLine: boolean;
+                suffix: string;
+                theme: string;
+                isTiled: boolean;
+                type: string;
+                width: string | number;
+                displayAsterisk: boolean;
+                noIcon: boolean;
+                customRules: import('../../composables/validation/useValidation').ValidationRule[];
+                customWarningRules: import('../../composables/validation/useValidation').ValidationRule[];
+                customSuccessRules: import('../../composables/validation/useValidation').ValidationRule[];
+                showSuccessMessages: boolean;
+                isValidateOnBlur: boolean;
+            }> & Omit<Readonly<{
+                modelValue?: string | number | null | undefined;
+                prependIcon?: import('../Customs/SyTextField/types').IconType;
+                appendIcon?: import('../Customs/SyTextField/types').IconType;
+                prependInnerIcon?: import('../Customs/SyTextField/types').IconType;
+                appendInnerIcon?: import('../Customs/SyTextField/types').IconType;
+                prependTooltip?: string | undefined;
+                appendTooltip?: string | undefined;
+                tooltipLocation?: "top" | "bottom" | "start" | "end" | undefined;
+                variantStyle?: import('../Customs/SyTextField/types').VariantStyle | undefined;
+                color?: import('../Customs/SyTextField/types').ColorType | undefined;
+                isClearable?: boolean | undefined;
+                showDivider?: boolean | undefined;
+                label?: string | undefined;
+                required?: boolean | undefined;
+                errorMessages?: string[] | null | undefined;
+                warningMessages?: string[] | null | undefined;
+                successMessages?: string[] | null | undefined;
+                isReadOnly?: boolean | undefined;
+                isActive?: boolean | undefined;
+                baseColor?: string | undefined;
+                bgColor?: string | undefined;
+                centerAffix?: boolean | undefined;
+                counter?: string | number | boolean | undefined;
+                counterValue?: number | ((value: any) => number) | undefined;
+                density?: "default" | "comfortable" | "compact" | undefined;
+                direction?: "horizontal" | "vertical" | undefined;
+                isDirty?: boolean | undefined;
+                isDisabled?: boolean | undefined;
+                isOnError?: boolean | undefined;
+                isFlat?: boolean | undefined;
+                isFocused?: boolean | undefined;
+                areDetailsHidden?: boolean | "auto" | undefined;
+                areSpinButtonsHidden?: boolean | undefined;
+                hint?: string | undefined;
+                id?: string | undefined;
+                loading?: string | boolean | undefined;
+                maxErrors?: string | number | undefined;
+                maxWidth?: string | number | undefined;
+                messages?: string | string[] | undefined;
+                minWidth?: string | number | undefined;
+                name?: string | undefined;
+                displayPersistentClear?: boolean | undefined;
+                displayPersistentCounter?: boolean | undefined;
+                displayPersistentHint?: boolean | undefined;
+                displayPersistentPlaceholder?: boolean | undefined;
+                placeholder?: string | undefined;
+                prefix?: string | undefined;
+                isReversed?: boolean | undefined;
+                role?: string | undefined;
+                rounded?: string | number | boolean | undefined;
+                isOnSingleLine?: boolean | undefined;
+                suffix?: string | undefined;
+                theme?: string | undefined;
+                isTiled?: boolean | undefined;
+                type?: string | undefined;
+                width?: string | number | undefined;
+                displayAsterisk?: boolean | undefined;
+                noIcon?: boolean | undefined;
+                customRules?: import('../../composables/validation/useValidation').ValidationRule[] | undefined;
+                customWarningRules?: import('../../composables/validation/useValidation').ValidationRule[] | undefined;
+                customSuccessRules?: import('../../composables/validation/useValidation').ValidationRule[] | undefined;
+                showSuccessMessages?: boolean | undefined;
+                isValidateOnBlur?: 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: {
+                    errors: import('vue').Ref<string[], string[]>;
+                    warnings: import('vue').Ref<string[], string[]>;
+                    successes: import('vue').Ref<string[], string[]>;
+                    hasError: import('vue').ComputedRef<boolean>;
+                    hasWarning: import('vue').ComputedRef<boolean>;
+                    hasSuccess: import('vue').ComputedRef<boolean>;
+                    validateField: (value: unknown, rules?: import('../../composables/validation/useValidation').ValidationRule[], warningRules?: import('../../composables/validation/useValidation').ValidationRule[], successRules?: import('../../composables/validation/useValidation').ValidationRule[]) => import('../../composables/validation/useValidation').ValidationResult;
+                    validateOnSubmit: () => Promise<boolean>;
+                    clearValidation: () => void;
+                };
+                validateOnSubmit: () => boolean;
+                checkErrorOnBlur: () => void;
+            }> & {} & import('vue').ComponentCustomProperties & {} & {
+                $slots: {
+                    prepend?(_: {}): any;
+                    append?(_: {}): any;
+                    'prepend-inner'?(_: {}): any;
+                    'append-inner'?(_: {}): any;
+                    details?(_: {}): any;
+                };
+            }) | null;
+        }, any, import('vue').ComponentProvideOptions, {
+            P: {};
+            B: {};
+            D: {};
+            C: {};
+            M: {};
+            Defaults: {};
+        }, Readonly<{
+            modelValue?: (string | null) | undefined;
+            placeholder?: string | undefined;
+            format?: string | undefined;
+            dateFormatReturn?: string | undefined;
+            label?: string | undefined;
+            required?: boolean | undefined;
+            isDisabled?: boolean | undefined;
+            isReadOnly?: 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;
+            displayPrependIcon?: boolean | undefined;
+        }> & Readonly<{
+            onBlur?: (() => any) | undefined;
+            onFocus?: (() => any) | undefined;
+            "onUpdate:model-value"?: ((value: string | null) => any) | undefined;
+        }>, {
+            validateOnSubmit: () => boolean;
+            focus: () => void;
+            blur: () => void;
+        }, {}, {}, {}, {
+            required: boolean;
+            modelValue: string | null;
+            label: string;
+            isReadOnly: boolean;
+            isDisabled: boolean;
+            placeholder: string;
+            noIcon: boolean;
+            customRules: {
+                type: string;
+                options: RuleOptions;
+            }[];
+            customWarningRules: {
+                type: string;
+                options: RuleOptions;
+            }[];
+            format: string;
+            dateFormatReturn: string;
+            isOutlined: boolean;
+            displayIcon: boolean;
+            displayAppendIcon: boolean;
+            displayPrependIcon: boolean;
+        }> | null;
+    }, HTMLDivElement, import('vue').ComponentProvideOptions, {
+        P: {};
+        B: {};
+        D: {};
+        C: {};
+        M: {};
+        Defaults: {};
+    }, Readonly<{
+        modelValue?: (string | object | string[] | null) | undefined;
+        placeholder?: string | undefined;
+        format?: string | undefined;
+        dateFormatReturn?: string | undefined;
+        isBirthDate?: boolean | undefined;
+        showWeekNumber?: boolean | undefined;
+        required?: boolean | undefined;
+        displayRange?: boolean | undefined;
+        displayIcon?: boolean | undefined;
+        displayAppendIcon?: boolean | undefined;
+        displayPrependIcon?: boolean | undefined;
+        customRules?: {
+            type: string;
+            options: RuleOptions;
+        }[] | undefined;
+        customWarningRules?: {
+            type: string;
+            options: RuleOptions;
+        }[] | undefined;
+        isDisabled?: boolean | undefined;
+        noIcon?: boolean | undefined;
+        noCalendar?: boolean | undefined;
+        isOutlined?: boolean | undefined;
+        isReadOnly?: boolean | undefined;
+        width?: string | undefined;
+    }> & Readonly<{
+        "onUpdate:modelValue"?: ((value: string | [string, string] | null) => any) | undefined;
+        onBlur?: (() => any) | undefined;
+        onFocus?: (() => any) | undefined;
+        onClosed?: (() => any) | undefined;
+    }>, {
+        validateOnSubmit: () => any;
+        isDatePickerVisible: import('vue').Ref<boolean, boolean>;
+        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;
+    }, {}, {}, {}, {
+        required: boolean;
+        modelValue: string | object | string[] | null;
+        isReadOnly: boolean;
+        isDisabled: boolean;
+        placeholder: string;
+        width: string;
+        noIcon: boolean;
+        customRules: {
+            type: string;
+            options: RuleOptions;
+        }[];
+        customWarningRules: {
+            type: string;
+            options: RuleOptions;
+        }[];
+        format: string;
+        dateFormatReturn: string;
+        isOutlined: boolean;
+        displayIcon: boolean;
+        displayAppendIcon: boolean;
+        displayPrependIcon: boolean;
+        isBirthDate: boolean;
+        showWeekNumber: boolean;
+        displayRange: boolean;
+        noCalendar: boolean;
+    }> | null;
+    toDateRef: import('vue').CreateComponentPublicInstanceWithMixins<Readonly<{
+        modelValue?: (string | object | string[] | null) | undefined;
+        placeholder?: string | undefined;
+        format?: string | undefined;
+        dateFormatReturn?: string | undefined;
+        isBirthDate?: boolean | undefined;
+        showWeekNumber?: boolean | undefined;
+        required?: boolean | undefined;
+        displayRange?: boolean | undefined;
+        displayIcon?: boolean | undefined;
+        displayAppendIcon?: boolean | undefined;
+        displayPrependIcon?: boolean | undefined;
+        customRules?: {
+            type: string;
+            options: RuleOptions;
+        }[] | undefined;
+        customWarningRules?: {
+            type: string;
+            options: RuleOptions;
+        }[] | undefined;
+        isDisabled?: boolean | undefined;
+        noIcon?: boolean | undefined;
+        noCalendar?: boolean | undefined;
+        isOutlined?: boolean | undefined;
+        isReadOnly?: boolean | undefined;
+        width?: string | undefined;
+    }> & Readonly<{
+        "onUpdate:modelValue"?: ((value: string | [string, string] | null) => any) | undefined;
+        onBlur?: (() => any) | undefined;
+        onFocus?: (() => any) | undefined;
+        onClosed?: (() => any) | undefined;
+    }>, {
+        validateOnSubmit: () => any;
+        isDatePickerVisible: import('vue').Ref<boolean, boolean>;
+        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;
+    }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+        "update:modelValue": (value: string | [string, string] | null) => any;
+        blur: () => any;
+        focus: () => any;
+        closed: () => any;
+    }, import('vue').PublicProps, {
+        required: boolean;
+        modelValue: string | object | string[] | null;
+        isReadOnly: boolean;
+        isDisabled: boolean;
+        placeholder: string;
+        width: string;
+        noIcon: boolean;
+        customRules: {
+            type: string;
+            options: RuleOptions;
+        }[];
+        customWarningRules: {
+            type: string;
+            options: RuleOptions;
+        }[];
+        format: string;
+        dateFormatReturn: string;
+        isOutlined: boolean;
+        displayIcon: boolean;
+        displayAppendIcon: boolean;
+        displayPrependIcon: boolean;
+        isBirthDate: boolean;
+        showWeekNumber: boolean;
+        displayRange: boolean;
+        noCalendar: boolean;
+    }, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {
+        dateTextInputRef: import('vue').CreateComponentPublicInstanceWithMixins<Readonly<{
+            modelValue?: (string | null) | undefined;
+            placeholder?: string | undefined;
+            format?: string | undefined;
+            dateFormatReturn?: string | undefined;
+            label?: string | undefined;
+            required?: boolean | undefined;
+            isDisabled?: boolean | undefined;
+            isReadOnly?: 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;
+            displayPrependIcon?: boolean | undefined;
+        }> & Readonly<{
+            onBlur?: (() => any) | undefined;
+            onFocus?: (() => any) | undefined;
+            "onUpdate:model-value"?: ((value: string | null) => any) | undefined;
+        }>, {
+            validateOnSubmit: () => boolean;
+            focus: () => void;
+            blur: () => void;
+        }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+            blur: () => any;
+            focus: () => any;
+            "update:model-value": (value: string | null) => any;
+        }, import('vue').PublicProps, {
+            required: boolean;
+            modelValue: string | null;
+            label: string;
+            isReadOnly: boolean;
+            isDisabled: boolean;
+            placeholder: string;
+            noIcon: boolean;
+            customRules: {
+                type: string;
+                options: RuleOptions;
+            }[];
+            customWarningRules: {
+                type: string;
+                options: RuleOptions;
+            }[];
+            format: string;
+            dateFormatReturn: string;
+            isOutlined: boolean;
+            displayIcon: boolean;
+            displayAppendIcon: boolean;
+            displayPrependIcon: boolean;
+        }, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {
+            inputRef: ({
+                $: import('vue').ComponentInternalInstance;
+                $data: {};
+                $props: {
+                    readonly modelValue?: string | number | null | undefined;
+                    readonly prependIcon?: import('../Customs/SyTextField/types').IconType;
+                    readonly appendIcon?: import('../Customs/SyTextField/types').IconType;
+                    readonly prependInnerIcon?: import('../Customs/SyTextField/types').IconType;
+                    readonly appendInnerIcon?: import('../Customs/SyTextField/types').IconType;
+                    readonly prependTooltip?: string | undefined;
+                    readonly appendTooltip?: string | undefined;
+                    readonly tooltipLocation?: "top" | "bottom" | "start" | "end" | undefined;
+                    readonly variantStyle?: import('../Customs/SyTextField/types').VariantStyle | undefined;
+                    readonly color?: import('../Customs/SyTextField/types').ColorType | undefined;
+                    readonly isClearable?: boolean | undefined;
+                    readonly showDivider?: boolean | undefined;
+                    readonly label?: string | undefined;
+                    readonly required?: boolean | undefined;
+                    readonly errorMessages?: string[] | null | undefined;
+                    readonly warningMessages?: string[] | null | undefined;
+                    readonly successMessages?: string[] | null | undefined;
+                    readonly isReadOnly?: boolean | undefined;
+                    readonly isActive?: boolean | undefined;
+                    readonly baseColor?: string | undefined;
+                    readonly bgColor?: string | undefined;
+                    readonly centerAffix?: boolean | undefined;
+                    readonly counter?: string | number | boolean | undefined;
+                    readonly counterValue?: number | ((value: any) => number) | undefined;
+                    readonly density?: "default" | "comfortable" | "compact" | undefined;
+                    readonly direction?: "horizontal" | "vertical" | undefined;
+                    readonly isDirty?: boolean | undefined;
+                    readonly isDisabled?: boolean | undefined;
+                    readonly isOnError?: boolean | undefined;
+                    readonly isFlat?: boolean | undefined;
+                    readonly isFocused?: boolean | undefined;
+                    readonly areDetailsHidden?: boolean | "auto" | undefined;
+                    readonly areSpinButtonsHidden?: boolean | undefined;
+                    readonly hint?: string | undefined;
+                    readonly id?: string | undefined;
+                    readonly loading?: string | boolean | undefined;
+                    readonly maxErrors?: string | number | undefined;
+                    readonly maxWidth?: string | number | undefined;
+                    readonly messages?: string | string[] | undefined;
+                    readonly minWidth?: string | number | undefined;
+                    readonly name?: string | undefined;
+                    readonly displayPersistentClear?: boolean | undefined;
+                    readonly displayPersistentCounter?: boolean | undefined;
+                    readonly displayPersistentHint?: boolean | undefined;
+                    readonly displayPersistentPlaceholder?: boolean | undefined;
+                    readonly placeholder?: string | undefined;
+                    readonly prefix?: string | undefined;
+                    readonly isReversed?: boolean | undefined;
+                    readonly role?: string | undefined;
+                    readonly rounded?: string | number | boolean | undefined;
+                    readonly isOnSingleLine?: boolean | undefined;
+                    readonly suffix?: string | undefined;
+                    readonly theme?: string | undefined;
+                    readonly isTiled?: boolean | undefined;
+                    readonly type?: string | undefined;
+                    readonly width?: string | number | undefined;
+                    readonly displayAsterisk?: boolean | undefined;
+                    readonly noIcon?: boolean | undefined;
+                    readonly customRules?: import('../../composables/validation/useValidation').ValidationRule[] | undefined;
+                    readonly customWarningRules?: import('../../composables/validation/useValidation').ValidationRule[] | undefined;
+                    readonly customSuccessRules?: import('../../composables/validation/useValidation').ValidationRule[] | undefined;
+                    readonly showSuccessMessages?: boolean | undefined;
+                    readonly isValidateOnBlur?: boolean | undefined;
+                    readonly "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+                    readonly onClear?: ((...args: any[]) => any) | undefined;
+                    readonly "onPrepend-icon-click"?: ((...args: any[]) => any) | undefined;
+                    readonly "onAppend-icon-click"?: ((...args: any[]) => any) | undefined;
+                } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps;
+                $attrs: {
+                    [x: string]: unknown;
+                };
+                $refs: {
+                    [x: string]: unknown;
+                };
+                $slots: Readonly<{
+                    [name: string]: import('vue').Slot<any> | undefined;
+                }>;
+                $root: import('vue').ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import('vue').ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}, {}, {}, string, import('vue').ComponentProvideOptions>, {}, {}, "", {}, any> | null;
+                $parent: import('vue').ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import('vue').ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}, {}, {}, string, import('vue').ComponentProvideOptions>, {}, {}, "", {}, any> | null;
+                $host: Element | null;
+                $emit: ((event: "update:modelValue", ...args: any[]) => void) & ((event: "clear", ...args: any[]) => void) & ((event: "prepend-icon-click", ...args: any[]) => void) & ((event: "append-icon-click", ...args: any[]) => void);
+                $el: any;
+                $options: import('vue').ComponentOptionsBase<Readonly<{
+                    modelValue?: string | number | null | undefined;
+                    prependIcon?: import('../Customs/SyTextField/types').IconType;
+                    appendIcon?: import('../Customs/SyTextField/types').IconType;
+                    prependInnerIcon?: import('../Customs/SyTextField/types').IconType;
+                    appendInnerIcon?: import('../Customs/SyTextField/types').IconType;
+                    prependTooltip?: string | undefined;
+                    appendTooltip?: string | undefined;
+                    tooltipLocation?: "top" | "bottom" | "start" | "end" | undefined;
+                    variantStyle?: import('../Customs/SyTextField/types').VariantStyle | undefined;
+                    color?: import('../Customs/SyTextField/types').ColorType | undefined;
+                    isClearable?: boolean | undefined;
+                    showDivider?: boolean | undefined;
+                    label?: string | undefined;
+                    required?: boolean | undefined;
+                    errorMessages?: string[] | null | undefined;
+                    warningMessages?: string[] | null | undefined;
+                    successMessages?: string[] | null | undefined;
+                    isReadOnly?: boolean | undefined;
+                    isActive?: boolean | undefined;
+                    baseColor?: string | undefined;
+                    bgColor?: string | undefined;
+                    centerAffix?: boolean | undefined;
+                    counter?: string | number | boolean | undefined;
+                    counterValue?: number | ((value: any) => number) | undefined;
+                    density?: "default" | "comfortable" | "compact" | undefined;
+                    direction?: "horizontal" | "vertical" | undefined;
+                    isDirty?: boolean | undefined;
+                    isDisabled?: boolean | undefined;
+                    isOnError?: boolean | undefined;
+                    isFlat?: boolean | undefined;
+                    isFocused?: boolean | undefined;
+                    areDetailsHidden?: boolean | "auto" | undefined;
+                    areSpinButtonsHidden?: boolean | undefined;
+                    hint?: string | undefined;
+                    id?: string | undefined;
+                    loading?: string | boolean | undefined;
+                    maxErrors?: string | number | undefined;
+                    maxWidth?: string | number | undefined;
+                    messages?: string | string[] | undefined;
+                    minWidth?: string | number | undefined;
+                    name?: string | undefined;
+                    displayPersistentClear?: boolean | undefined;
+                    displayPersistentCounter?: boolean | undefined;
+                    displayPersistentHint?: boolean | undefined;
+                    displayPersistentPlaceholder?: boolean | undefined;
+                    placeholder?: string | undefined;
+                    prefix?: string | undefined;
+                    isReversed?: boolean | undefined;
+                    role?: string | undefined;
+                    rounded?: string | number | boolean | undefined;
+                    isOnSingleLine?: boolean | undefined;
+                    suffix?: string | undefined;
+                    theme?: string | undefined;
+                    isTiled?: boolean | undefined;
+                    type?: string | undefined;
+                    width?: string | number | undefined;
+                    displayAsterisk?: boolean | undefined;
+                    noIcon?: boolean | undefined;
+                    customRules?: import('../../composables/validation/useValidation').ValidationRule[] | undefined;
+                    customWarningRules?: import('../../composables/validation/useValidation').ValidationRule[] | undefined;
+                    customSuccessRules?: import('../../composables/validation/useValidation').ValidationRule[] | undefined;
+                    showSuccessMessages?: boolean | undefined;
+                    isValidateOnBlur?: boolean | undefined;
+                }> & Readonly<{
+                    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+                    onClear?: ((...args: any[]) => any) | undefined;
+                    "onPrepend-icon-click"?: ((...args: any[]) => any) | undefined;
+                    "onAppend-icon-click"?: ((...args: any[]) => any) | undefined;
+                }>, {
+                    validation: {
+                        errors: import('vue').Ref<string[], string[]>;
+                        warnings: import('vue').Ref<string[], string[]>;
+                        successes: import('vue').Ref<string[], string[]>;
+                        hasError: import('vue').ComputedRef<boolean>;
+                        hasWarning: import('vue').ComputedRef<boolean>;
+                        hasSuccess: import('vue').ComputedRef<boolean>;
+                        validateField: (value: unknown, rules?: import('../../composables/validation/useValidation').ValidationRule[], warningRules?: import('../../composables/validation/useValidation').ValidationRule[], successRules?: import('../../composables/validation/useValidation').ValidationRule[]) => import('../../composables/validation/useValidation').ValidationResult;
+                        validateOnSubmit: () => Promise<boolean>;
+                        clearValidation: () => void;
+                    };
+                    validateOnSubmit: () => boolean;
+                    checkErrorOnBlur: () => void;
+                }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+                    "update:modelValue": (...args: any[]) => void;
+                    clear: (...args: any[]) => void;
+                    "prepend-icon-click": (...args: any[]) => void;
+                    "append-icon-click": (...args: any[]) => void;
+                }, string, {
+                    modelValue: string | number | null;
+                    prependIcon: "error" | "warning" | "info" | "success" | "close" | "calendar";
+                    appendIcon: "error" | "warning" | "info" | "success" | "close" | "calendar";
+                    prependInnerIcon: "error" | "warning" | "info" | "success" | "close" | "calendar";
+                    appendInnerIcon: "error" | "warning" | "info" | "success" | "close" | "calendar";
+                    prependTooltip: string;
+                    appendTooltip: string;
+                    tooltipLocation: "top" | "bottom" | "start" | "end";
+                    variantStyle: import('../Customs/SyTextField/types').VariantStyle;
+                    color: import('../Customs/SyTextField/types').ColorType;
+                    isClearable: boolean;
+                    label: string;
+                    errorMessages: string[] | null;
+                    warningMessages: string[] | null;
+                    successMessages: string[] | null;
+                    isReadOnly: boolean;
+                    isActive: boolean;
+                    baseColor: string;
+                    bgColor: string;
+                    centerAffix: boolean;
+                    counter: string | number | boolean;
+                    counterValue: number | ((value: any) => number);
+                    density: "default" | "comfortable" | "compact";
+                    direction: "horizontal" | "vertical";
+                    isDirty: boolean;
+                    isDisabled: boolean;
+                    isOnError: boolean;
+                    isFlat: boolean;
+                    isFocused: boolean;
+                    areDetailsHidden: boolean | "auto";
+                    areSpinButtonsHidden: boolean;
+                    hint: string;
+                    id: string;
+                    loading: string | boolean;
+                    maxErrors: string | number;
+                    maxWidth: string | number;
+                    messages: string | string[];
+                    minWidth: string | number;
+                    name: string;
+                    displayPersistentClear: boolean;
+                    displayPersistentCounter: boolean;
+                    displayPersistentHint: boolean;
+                    displayPersistentPlaceholder: boolean;
+                    placeholder: string;
+                    prefix: string;
+                    isReversed: boolean;
+                    role: string;
+                    rounded: string | number | boolean;
+                    isOnSingleLine: boolean;
+                    suffix: string;
+                    theme: string;
+                    isTiled: boolean;
+                    type: string;
+                    width: string | number;
+                    displayAsterisk: boolean;
+                    noIcon: boolean;
+                    customRules: import('../../composables/validation/useValidation').ValidationRule[];
+                    customWarningRules: import('../../composables/validation/useValidation').ValidationRule[];
+                    customSuccessRules: import('../../composables/validation/useValidation').ValidationRule[];
+                    showSuccessMessages: boolean;
+                    isValidateOnBlur: boolean;
+                }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
+                    beforeCreate?: ((() => void) | (() => void)[]) | undefined;
+                    created?: ((() => void) | (() => void)[]) | undefined;
+                    beforeMount?: ((() => void) | (() => void)[]) | undefined;
+                    mounted?: ((() => void) | (() => void)[]) | undefined;
+                    beforeUpdate?: ((() => void) | (() => void)[]) | undefined;
+                    updated?: ((() => void) | (() => void)[]) | undefined;
+                    activated?: ((() => void) | (() => void)[]) | undefined;
+                    deactivated?: ((() => void) | (() => void)[]) | undefined;
+                    beforeDestroy?: ((() => void) | (() => void)[]) | undefined;
+                    beforeUnmount?: ((() => void) | (() => void)[]) | undefined;
+                    destroyed?: ((() => void) | (() => void)[]) | undefined;
+                    unmounted?: ((() => void) | (() => void)[]) | undefined;
+                    renderTracked?: (((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[]) | undefined;
+                    renderTriggered?: (((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[]) | undefined;
+                    errorCaptured?: (((err: unknown, instance: import('vue').ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import('vue').ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}, {}, {}, string, import('vue').ComponentProvideOptions>, {}, {}, "", {}, any> | null, info: string) => boolean | void) | ((err: unknown, instance: import('vue').ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import('vue').ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}, {}, {}, string, import('vue').ComponentProvideOptions>, {}, {}, "", {}, any> | null, info: string) => boolean | void)[]) | undefined;
+                };
+                $forceUpdate: () => void;
+                $nextTick: typeof import('vue').nextTick;
+                $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (args_0: R, args_1: R, args_2: import('@vue/reactivity').OnCleanup) => any : (args_0: any, args_1: any, args_2: import('@vue/reactivity').OnCleanup) => any, options?: import('vue').WatchOptions<boolean> | undefined): import('vue').WatchStopHandle;
+            } & Readonly<{
+                modelValue: string | number | null;
+                prependIcon: "error" | "warning" | "info" | "success" | "close" | "calendar";
+                appendIcon: "error" | "warning" | "info" | "success" | "close" | "calendar";
+                prependInnerIcon: "error" | "warning" | "info" | "success" | "close" | "calendar";
+                appendInnerIcon: "error" | "warning" | "info" | "success" | "close" | "calendar";
+                prependTooltip: string;
+                appendTooltip: string;
+                tooltipLocation: "top" | "bottom" | "start" | "end";
+                variantStyle: import('../Customs/SyTextField/types').VariantStyle;
+                color: import('../Customs/SyTextField/types').ColorType;
+                isClearable: boolean;
+                label: string;
+                errorMessages: string[] | null;
+                warningMessages: string[] | null;
+                successMessages: string[] | null;
+                isReadOnly: boolean;
+                isActive: boolean;
+                baseColor: string;
+                bgColor: string;
+                centerAffix: boolean;
+                counter: string | number | boolean;
+                counterValue: number | ((value: any) => number);
+                density: "default" | "comfortable" | "compact";
+                direction: "horizontal" | "vertical";
+                isDirty: boolean;
+                isDisabled: boolean;
+                isOnError: boolean;
+                isFlat: boolean;
+                isFocused: boolean;
+                areDetailsHidden: boolean | "auto";
+                areSpinButtonsHidden: boolean;
+                hint: string;
+                id: string;
+                loading: string | boolean;
+                maxErrors: string | number;
+                maxWidth: string | number;
+                messages: string | string[];
+                minWidth: string | number;
+                name: string;
+                displayPersistentClear: boolean;
+                displayPersistentCounter: boolean;
+                displayPersistentHint: boolean;
+                displayPersistentPlaceholder: boolean;
+                placeholder: string;
+                prefix: string;
+                isReversed: boolean;
+                role: string;
+                rounded: string | number | boolean;
+                isOnSingleLine: boolean;
+                suffix: string;
+                theme: string;
+                isTiled: boolean;
+                type: string;
+                width: string | number;
+                displayAsterisk: boolean;
+                noIcon: boolean;
+                customRules: import('../../composables/validation/useValidation').ValidationRule[];
+                customWarningRules: import('../../composables/validation/useValidation').ValidationRule[];
+                customSuccessRules: import('../../composables/validation/useValidation').ValidationRule[];
+                showSuccessMessages: boolean;
+                isValidateOnBlur: boolean;
+            }> & Omit<Readonly<{
+                modelValue?: string | number | null | undefined;
+                prependIcon?: import('../Customs/SyTextField/types').IconType;
+                appendIcon?: import('../Customs/SyTextField/types').IconType;
+                prependInnerIcon?: import('../Customs/SyTextField/types').IconType;
+                appendInnerIcon?: import('../Customs/SyTextField/types').IconType;
+                prependTooltip?: string | undefined;
+                appendTooltip?: string | undefined;
+                tooltipLocation?: "top" | "bottom" | "start" | "end" | undefined;
+                variantStyle?: import('../Customs/SyTextField/types').VariantStyle | undefined;
+                color?: import('../Customs/SyTextField/types').ColorType | undefined;
+                isClearable?: boolean | undefined;
+                showDivider?: boolean | undefined;
+                label?: string | undefined;
+                required?: boolean | undefined;
+                errorMessages?: string[] | null | undefined;
+                warningMessages?: string[] | null | undefined;
+                successMessages?: string[] | null | undefined;
+                isReadOnly?: boolean | undefined;
+                isActive?: boolean | undefined;
+                baseColor?: string | undefined;
+                bgColor?: string | undefined;
+                centerAffix?: boolean | undefined;
+                counter?: string | number | boolean | undefined;
+                counterValue?: number | ((value: any) => number) | undefined;
+                density?: "default" | "comfortable" | "compact" | undefined;
+                direction?: "horizontal" | "vertical" | undefined;
+                isDirty?: boolean | undefined;
+                isDisabled?: boolean | undefined;
+                isOnError?: boolean | undefined;
+                isFlat?: boolean | undefined;
+                isFocused?: boolean | undefined;
+                areDetailsHidden?: boolean | "auto" | undefined;
+                areSpinButtonsHidden?: boolean | undefined;
+                hint?: string | undefined;
+                id?: string | undefined;
+                loading?: string | boolean | undefined;
+                maxErrors?: string | number | undefined;
+                maxWidth?: string | number | undefined;
+                messages?: string | string[] | undefined;
+                minWidth?: string | number | undefined;
+                name?: string | undefined;
+                displayPersistentClear?: boolean | undefined;
+                displayPersistentCounter?: boolean | undefined;
+                displayPersistentHint?: boolean | undefined;
+                displayPersistentPlaceholder?: boolean | undefined;
+                placeholder?: string | undefined;
+                prefix?: string | undefined;
+                isReversed?: boolean | undefined;
+                role?: string | undefined;
+                rounded?: string | number | boolean | undefined;
+                isOnSingleLine?: boolean | undefined;
+                suffix?: string | undefined;
+                theme?: string | undefined;
+                isTiled?: boolean | undefined;
+                type?: string | undefined;
+                width?: string | number | undefined;
+                displayAsterisk?: boolean | undefined;
+                noIcon?: boolean | undefined;
+                customRules?: import('../../composables/validation/useValidation').ValidationRule[] | undefined;
+                customWarningRules?: import('../../composables/validation/useValidation').ValidationRule[] | undefined;
+                customSuccessRules?: import('../../composables/validation/useValidation').ValidationRule[] | undefined;
+                showSuccessMessages?: boolean | undefined;
+                isValidateOnBlur?: 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: {
+                    errors: import('vue').Ref<string[], string[]>;
+                    warnings: import('vue').Ref<string[], string[]>;
+                    successes: import('vue').Ref<string[], string[]>;
+                    hasError: import('vue').ComputedRef<boolean>;
+                    hasWarning: import('vue').ComputedRef<boolean>;
+                    hasSuccess: import('vue').ComputedRef<boolean>;
+                    validateField: (value: unknown, rules?: import('../../composables/validation/useValidation').ValidationRule[], warningRules?: import('../../composables/validation/useValidation').ValidationRule[], successRules?: import('../../composables/validation/useValidation').ValidationRule[]) => import('../../composables/validation/useValidation').ValidationResult;
+                    validateOnSubmit: () => Promise<boolean>;
+                    clearValidation: () => void;
+                };
+                validateOnSubmit: () => boolean;
+                checkErrorOnBlur: () => void;
+            }> & {} & import('vue').ComponentCustomProperties & {} & {
+                $slots: {
+                    prepend?(_: {}): any;
+                    append?(_: {}): any;
+                    'prepend-inner'?(_: {}): any;
+                    'append-inner'?(_: {}): any;
+                    details?(_: {}): any;
+                };
+            }) | null;
+        }, any, import('vue').ComponentProvideOptions, {
+            P: {};
+            B: {};
+            D: {};
+            C: {};
+            M: {};
+            Defaults: {};
+        }, Readonly<{
+            modelValue?: (string | null) | undefined;
+            placeholder?: string | undefined;
+            format?: string | undefined;
+            dateFormatReturn?: string | undefined;
+            label?: string | undefined;
+            required?: boolean | undefined;
+            isDisabled?: boolean | undefined;
+            isReadOnly?: 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;
+            displayPrependIcon?: boolean | undefined;
+        }> & Readonly<{
+            onBlur?: (() => any) | undefined;
+            onFocus?: (() => any) | undefined;
+            "onUpdate:model-value"?: ((value: string | null) => any) | undefined;
+        }>, {
+            validateOnSubmit: () => boolean;
+            focus: () => void;
+            blur: () => void;
+        }, {}, {}, {}, {
+            required: boolean;
+            modelValue: string | null;
+            label: string;
+            isReadOnly: boolean;
+            isDisabled: boolean;
+            placeholder: string;
+            noIcon: boolean;
+            customRules: {
+                type: string;
+                options: RuleOptions;
+            }[];
+            customWarningRules: {
+                type: string;
+                options: RuleOptions;
+            }[];
+            format: string;
+            dateFormatReturn: string;
+            isOutlined: boolean;
+            displayIcon: boolean;
+            displayAppendIcon: boolean;
+            displayPrependIcon: boolean;
+        }> | null;
+    }, HTMLDivElement, import('vue').ComponentProvideOptions, {
+        P: {};
+        B: {};
+        D: {};
+        C: {};
+        M: {};
+        Defaults: {};
+    }, Readonly<{
+        modelValue?: (string | object | string[] | null) | undefined;
+        placeholder?: string | undefined;
+        format?: string | undefined;
+        dateFormatReturn?: string | undefined;
+        isBirthDate?: boolean | undefined;
+        showWeekNumber?: boolean | undefined;
+        required?: boolean | undefined;
+        displayRange?: boolean | undefined;
+        displayIcon?: boolean | undefined;
+        displayAppendIcon?: boolean | undefined;
+        displayPrependIcon?: boolean | undefined;
+        customRules?: {
+            type: string;
+            options: RuleOptions;
+        }[] | undefined;
+        customWarningRules?: {
+            type: string;
+            options: RuleOptions;
+        }[] | undefined;
+        isDisabled?: boolean | undefined;
+        noIcon?: boolean | undefined;
+        noCalendar?: boolean | undefined;
+        isOutlined?: boolean | undefined;
+        isReadOnly?: boolean | undefined;
+        width?: string | undefined;
+    }> & Readonly<{
+        "onUpdate:modelValue"?: ((value: string | [string, string] | null) => any) | undefined;
+        onBlur?: (() => any) | undefined;
+        onFocus?: (() => any) | undefined;
+        onClosed?: (() => any) | undefined;
+    }>, {
+        validateOnSubmit: () => any;
+        isDatePickerVisible: import('vue').Ref<boolean, boolean>;
+        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;
+    }, {}, {}, {}, {
+        required: boolean;
+        modelValue: string | object | string[] | null;
+        isReadOnly: boolean;
+        isDisabled: boolean;
+        placeholder: string;
+        width: string;
+        noIcon: boolean;
+        customRules: {
+            type: string;
+            options: RuleOptions;
+        }[];
+        customWarningRules: {
+            type: string;
+            options: RuleOptions;
+        }[];
+        format: string;
+        dateFormatReturn: string;
+        isOutlined: boolean;
+        displayIcon: boolean;
+        displayAppendIcon: boolean;
+        displayPrependIcon: boolean;
+        isBirthDate: boolean;
+        showWeekNumber: boolean;
+        displayRange: boolean;
+        noCalendar: boolean;
+    }> | null;
+}, HTMLDivElement>;
+export default _default;