@cnamts/synapse 1.0.0 → 1.0.2

package/dist/components/DatePicker/{DatePicker.d.ts → DatePicker/DatePicker.d.ts}

@@ -1,11 +1,13 @@
 import { nextTick, ComponentPublicInstance } from 'vue';
-import { DateValue, DateInput } from '../../composables/date/useDateInitializationDayjs';
+import { DateValue, DateInput } from '../../../composables/date/useDateInitializationDayjs';
 type __VLS_Props = {
     modelValue?: DateInput;
+    label?: string;
     placeholder?: string;
     format?: string;
     dateFormatReturn?: string;
     isBirthDate?: boolean;
+    birthDate?: boolean;
     showWeekNumber?: boolean;
     required?: boolean;
     displayRange?: boolean;
@@ -29,6 +31,19 @@ type __VLS_Props = {
     disableErrorHandling?: boolean;
     showSuccessMessages?: boolean;
     bgColor?: string;
+    density?: 'default' | 'comfortable' | 'compact';
+    hideDetails?: boolean | 'auto';
+    displayWeekendDays?: boolean;
+    displayTodayButton?: boolean;
+    displayHolidayDays?: boolean;
+    useCombinedMode?: boolean;
+    textFieldActivator?: boolean;
+    displayAsterisk?: boolean;
+    period?: {
+        min?: string;
+        max?: string;
+    };
+    autoClamp?: boolean;
 };
 declare const _default: import('vue').DefineComponent<__VLS_Props, {
     validateOnSubmit: () => any;
@@ -43,20 +58,27 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
     "update:modelValue": (value: DateValue) => any;
     blur: () => any;
     focus: () => any;
+    input: (value: DateValue) => any;
+    "date-selected": (value: DateValue) => any;
     closed: () => any;
 }, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
     "onUpdate:modelValue"?: ((value: DateValue) => any) | undefined;
     onBlur?: (() => any) | undefined;
     onFocus?: (() => any) | undefined;
+    onInput?: ((value: DateValue) => any) | undefined;
+    "onDate-selected"?: ((value: DateValue) => any) | undefined;
     onClosed?: (() => any) | undefined;
 }>, {
     required: boolean;
     modelValue: DateInput;
+    label: string;
     readonly: boolean;
     bgColor: string;
+    density: "default" | "comfortable" | "compact";
     disabled: boolean;
     placeholder: string;
     width: string;
+    displayAsterisk: boolean;
     noIcon: boolean;
     customRules: {
         type: string;
@@ -68,19 +90,31 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
     }[];
     showSuccessMessages: boolean;
     disableErrorHandling: boolean;
+    hideDetails: boolean | "auto";
     format: string;
+    noCalendar: boolean;
+    displayRange: boolean;
     dateFormatReturn: string;
+    textFieldActivator: boolean;
     isOutlined: boolean;
     displayIcon: boolean;
     displayAppendIcon: boolean;
     displayPrependIcon: boolean;
+    autoClamp: boolean;
     isBirthDate: boolean;
+    birthDate: boolean;
     showWeekNumber: boolean;
-    displayRange: boolean;
-    noCalendar: boolean;
+    displayTodayButton: boolean;
+    displayWeekendDays: boolean;
+    displayHolidayDays: boolean;
+    period: {
+        min?: string | undefined;
+        max?: string | undefined;
+    };
+    useCombinedMode: boolean;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
     dateTextInputRef: import('vue').CreateComponentPublicInstanceWithMixins<Readonly<{
-        modelValue?: (string | null) | undefined;
+        modelValue?: DateValue | undefined;
         placeholder?: string | undefined;
         format?: string | undefined;
         dateFormatReturn?: string | undefined;
@@ -92,16 +126,20 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
         displayIcon?: boolean | undefined;
         displayAppendIcon?: boolean | undefined;
         noIcon?: boolean | undefined;
-        customRules?: import('../../composables/validation/useValidation').ValidationRule[] | undefined;
-        customWarningRules?: import('../../composables/validation/useValidation').ValidationRule[] | undefined;
+        customRules?: import('../../../composables/validation/useValidation').ValidationRule[] | undefined;
+        customWarningRules?: import('../../../composables/validation/useValidation').ValidationRule[] | undefined;
         displayPrependIcon?: boolean | undefined;
         disableErrorHandling?: boolean | undefined;
         showSuccessMessages?: boolean | undefined;
         bgColor?: string | undefined;
+        displayRange?: boolean | undefined;
+        autoClamp?: boolean | undefined;
     }> & Readonly<{
         onBlur?: (() => any) | undefined;
         onFocus?: (() => any) | undefined;
-        "onUpdate:model-value"?: ((value: string | null) => any) | undefined;
+        onInput?: ((value: string) => any) | undefined;
+        "onUpdate:model-value"?: ((value: DateValue) => any) | undefined;
+        "onDate-selected"?: ((value: DateValue) => any) | undefined;
     }>, {
         validateOnSubmit: () => Promise<boolean>;
         focus(): void;
@@ -109,41 +147,45 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
     }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
         blur: () => any;
         focus: () => any;
-        "update:model-value": (value: string | null) => any;
+        input: (value: string) => any;
+        "update:model-value": (value: DateValue) => any;
+        "date-selected": (value: DateValue) => any;
     }, import('vue').PublicProps, {
         required: boolean;
-        modelValue: string | null;
+        modelValue: DateValue;
         label: string;
         readonly: boolean;
         bgColor: string;
         disabled: boolean;
         placeholder: string;
         noIcon: boolean;
-        customRules: import('../../composables/validation/useValidation').ValidationRule[];
-        customWarningRules: import('../../composables/validation/useValidation').ValidationRule[];
+        customRules: import('../../../composables/validation/useValidation').ValidationRule[];
+        customWarningRules: import('../../../composables/validation/useValidation').ValidationRule[];
         showSuccessMessages: boolean;
         disableErrorHandling: boolean;
         format: string;
+        displayRange: boolean;
         dateFormatReturn: string;
         isOutlined: boolean;
         displayIcon: boolean;
         displayAppendIcon: boolean;
         displayPrependIcon: boolean;
+        autoClamp: 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 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 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;
@@ -192,9 +234,9 @@ 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?: 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 disableErrorHandling?: boolean | undefined;
@@ -1576,7 +1618,7 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
                     disabled: boolean;
                     readonly: boolean | null;
                     messages: string | readonly string[];
-                    rules: readonly (string | boolean | PromiseLike<import('vuetify/lib/composables/validation.mjs').ValidationResult> | [string, any, (string | undefined)?] | ((value: any) => import('vuetify/lib/composables/validation.mjs').ValidationResult) | ((value: any) => PromiseLike<import('vuetify/lib/composables/validation.mjs').ValidationResult>))[];
+                    rules: readonly (string | boolean | PromiseLike<import('vuetify/lib/composables/validation.mjs').ValidationResult> | ((value: any) => import('vuetify/lib/composables/validation.mjs').ValidationResult) | ((value: any) => PromiseLike<import('vuetify/lib/composables/validation.mjs').ValidationResult>) | [string, any, (string | undefined)?])[];
                     focused: boolean;
                     errorMessages: string | readonly string[] | null;
                     maxErrors: string | number;
@@ -1606,15 +1648,15 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
             $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;
+                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;
+                variantStyle?: import('../../Customs/SyTextField/types').VariantStyle | undefined;
+                color?: import('../../Customs/SyTextField/types').ColorType | undefined;
                 isClearable?: boolean | undefined;
                 showDivider?: boolean | undefined;
                 label?: string | undefined;
@@ -1663,9 +1705,9 @@ 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?: 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;
                 disableErrorHandling?: boolean | undefined;
@@ -1684,7 +1726,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?: 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;
                 };
@@ -1704,8 +1746,8 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
                 prependTooltip: string;
                 appendTooltip: string;
                 tooltipLocation: "top" | "bottom" | "start" | "end";
-                variantStyle: import('../Customs/SyTextField/types').VariantStyle;
-                color: import('../Customs/SyTextField/types').ColorType;
+                variantStyle: import('../../Customs/SyTextField/types').VariantStyle;
+                color: import('../../Customs/SyTextField/types').ColorType;
                 isClearable: boolean;
                 label: string;
                 errorMessages: string[] | null;
@@ -1752,9 +1794,9 @@ 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: import('../../../composables/validation/useValidation').ValidationRule[];
+                customWarningRules: import('../../../composables/validation/useValidation').ValidationRule[];
+                customSuccessRules: import('../../../composables/validation/useValidation').ValidationRule[];
                 showSuccessMessages: boolean;
                 isValidateOnBlur: boolean;
                 disableErrorHandling: boolean;
@@ -1789,8 +1831,8 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
             prependTooltip: string;
             appendTooltip: string;
             tooltipLocation: "top" | "bottom" | "start" | "end";
-            variantStyle: import('../Customs/SyTextField/types').VariantStyle;
-            color: import('../Customs/SyTextField/types').ColorType;
+            variantStyle: import('../../Customs/SyTextField/types').VariantStyle;
+            color: import('../../Customs/SyTextField/types').ColorType;
             isClearable: boolean;
             label: string;
             errorMessages: string[] | null;
@@ -1837,9 +1879,9 @@ 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: import('../../../composables/validation/useValidation').ValidationRule[];
+            customWarningRules: import('../../../composables/validation/useValidation').ValidationRule[];
+            customSuccessRules: import('../../../composables/validation/useValidation').ValidationRule[];
             showSuccessMessages: boolean;
             isValidateOnBlur: boolean;
             disableErrorHandling: boolean;
@@ -1847,15 +1889,15 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
             autocomplete: string;
         }> & 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;
+            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;
+            variantStyle?: import('../../Customs/SyTextField/types').VariantStyle | undefined;
+            color?: import('../../Customs/SyTextField/types').ColorType | undefined;
             isClearable?: boolean | undefined;
             showDivider?: boolean | undefined;
             label?: string | undefined;
@@ -1904,9 +1946,9 @@ 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?: 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;
             disableErrorHandling?: boolean | undefined;
@@ -1925,7 +1967,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?: 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;
             };
@@ -1948,7 +1990,7 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
         M: {};
         Defaults: {};
     }, Readonly<{
-        modelValue?: (string | null) | undefined;
+        modelValue?: DateValue | undefined;
         placeholder?: string | undefined;
         format?: string | undefined;
         dateFormatReturn?: string | undefined;
@@ -1960,54 +2002,60 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
         displayIcon?: boolean | undefined;
         displayAppendIcon?: boolean | undefined;
         noIcon?: boolean | undefined;
-        customRules?: import('../../composables/validation/useValidation').ValidationRule[] | undefined;
-        customWarningRules?: import('../../composables/validation/useValidation').ValidationRule[] | undefined;
+        customRules?: import('../../../composables/validation/useValidation').ValidationRule[] | undefined;
+        customWarningRules?: import('../../../composables/validation/useValidation').ValidationRule[] | undefined;
         displayPrependIcon?: boolean | undefined;
         disableErrorHandling?: boolean | undefined;
         showSuccessMessages?: boolean | undefined;
         bgColor?: string | undefined;
+        displayRange?: boolean | undefined;
+        autoClamp?: boolean | undefined;
     }> & Readonly<{
         onBlur?: (() => any) | undefined;
         onFocus?: (() => any) | undefined;
-        "onUpdate:model-value"?: ((value: string | null) => any) | undefined;
+        onInput?: ((value: string) => any) | undefined;
+        "onUpdate:model-value"?: ((value: DateValue) => any) | undefined;
+        "onDate-selected"?: ((value: DateValue) => any) | undefined;
     }>, {
         validateOnSubmit: () => Promise<boolean>;
         focus(): void;
         blur(): void;
     }, {}, {}, {}, {
         required: boolean;
-        modelValue: string | null;
+        modelValue: DateValue;
         label: string;
         readonly: boolean;
         bgColor: string;
         disabled: boolean;
         placeholder: string;
         noIcon: boolean;
-        customRules: import('../../composables/validation/useValidation').ValidationRule[];
-        customWarningRules: import('../../composables/validation/useValidation').ValidationRule[];
+        customRules: import('../../../composables/validation/useValidation').ValidationRule[];
+        customWarningRules: import('../../../composables/validation/useValidation').ValidationRule[];
         showSuccessMessages: boolean;
         disableErrorHandling: boolean;
         format: string;
+        displayRange: boolean;
         dateFormatReturn: string;
         isOutlined: boolean;
         displayIcon: boolean;
         displayAppendIcon: boolean;
         displayPrependIcon: boolean;
+        autoClamp: boolean;
     }> | null;
     dateCalendarTextInputRef: ({
         $: import('vue').ComponentInternalInstance;
         $data: {};
         $props: {
             readonly modelValue?: string | number | null | undefined;
-            readonly prependIcon?: import('../Customs/SyTextField/types').IconType;
-            readonly appendIcon?: import('../Customs/SyTextField/types').IconType;
-            readonly prependInnerIcon?: import('../Customs/SyTextField/types').IconType;
-            readonly appendInnerIcon?: import('../Customs/SyTextField/types').IconType;
+            readonly 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 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;
@@ -2056,9 +2104,9 @@ 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?: 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 disableErrorHandling?: boolean | undefined;
@@ -3440,7 +3488,7 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
                 disabled: boolean;
                 readonly: boolean | null;
                 messages: string | readonly string[];
-                rules: readonly (string | boolean | PromiseLike<import('vuetify/lib/composables/validation.mjs').ValidationResult> | [string, any, (string | undefined)?] | ((value: any) => import('vuetify/lib/composables/validation.mjs').ValidationResult) | ((value: any) => PromiseLike<import('vuetify/lib/composables/validation.mjs').ValidationResult>))[];
+                rules: readonly (string | boolean | PromiseLike<import('vuetify/lib/composables/validation.mjs').ValidationResult> | ((value: any) => import('vuetify/lib/composables/validation.mjs').ValidationResult) | ((value: any) => PromiseLike<import('vuetify/lib/composables/validation.mjs').ValidationResult>) | [string, any, (string | undefined)?])[];
                 focused: boolean;
                 errorMessages: string | readonly string[] | null;
                 maxErrors: string | number;
@@ -3470,15 +3518,15 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
         $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;
+            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;
+            variantStyle?: import('../../Customs/SyTextField/types').VariantStyle | undefined;
+            color?: import('../../Customs/SyTextField/types').ColorType | undefined;
             isClearable?: boolean | undefined;
             showDivider?: boolean | undefined;
             label?: string | undefined;
@@ -3527,9 +3575,9 @@ 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?: 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;
             disableErrorHandling?: boolean | undefined;
@@ -3548,7 +3596,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?: 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;
             };
@@ -3568,8 +3616,8 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
             prependTooltip: string;
             appendTooltip: string;
             tooltipLocation: "top" | "bottom" | "start" | "end";
-            variantStyle: import('../Customs/SyTextField/types').VariantStyle;
-            color: import('../Customs/SyTextField/types').ColorType;
+            variantStyle: import('../../Customs/SyTextField/types').VariantStyle;
+            color: import('../../Customs/SyTextField/types').ColorType;
             isClearable: boolean;
             label: string;
             errorMessages: string[] | null;
@@ -3616,9 +3664,9 @@ 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: import('../../../composables/validation/useValidation').ValidationRule[];
+            customWarningRules: import('../../../composables/validation/useValidation').ValidationRule[];
+            customSuccessRules: import('../../../composables/validation/useValidation').ValidationRule[];
             showSuccessMessages: boolean;
             isValidateOnBlur: boolean;
             disableErrorHandling: boolean;
@@ -3653,8 +3701,8 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
         prependTooltip: string;
         appendTooltip: string;
         tooltipLocation: "top" | "bottom" | "start" | "end";
-        variantStyle: import('../Customs/SyTextField/types').VariantStyle;
-        color: import('../Customs/SyTextField/types').ColorType;
+        variantStyle: import('../../Customs/SyTextField/types').VariantStyle;
+        color: import('../../Customs/SyTextField/types').ColorType;
         isClearable: boolean;
         label: string;
         errorMessages: string[] | null;
@@ -3701,9 +3749,9 @@ 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: import('../../../composables/validation/useValidation').ValidationRule[];
+        customWarningRules: import('../../../composables/validation/useValidation').ValidationRule[];
+        customSuccessRules: import('../../../composables/validation/useValidation').ValidationRule[];
         showSuccessMessages: boolean;
         isValidateOnBlur: boolean;
         disableErrorHandling: boolean;
@@ -3711,15 +3759,15 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
         autocomplete: string;
     }> & 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;
+        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;
+        variantStyle?: import('../../Customs/SyTextField/types').VariantStyle | undefined;
+        color?: import('../../Customs/SyTextField/types').ColorType | undefined;
         isClearable?: boolean | undefined;
         showDivider?: boolean | undefined;
         label?: string | undefined;
@@ -3768,9 +3816,9 @@ 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?: 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;
         disableErrorHandling?: boolean | undefined;
@@ -3789,7 +3837,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?: 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;
         };
@@ -3824,7 +3872,7 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
             reverseTransition: string;
             hideHeader: boolean;
             modeIcon: import('vuetify/lib/composables/icons.mjs').IconValue;
-            viewMode: "year" | "month" | "months";
+            viewMode: "month" | "year" | "months";
             showAdjacentMonths: boolean;
             weekdays: import('vuetify/lib/composables/calendar.mjs').CalendarWeekdays[];
             weeksInMonth: "static" | "dynamic";
@@ -3846,7 +3894,7 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
             reverseTransition: string;
             hideHeader: boolean;
             modeIcon: import('vuetify/lib/composables/icons.mjs').IconValue;
-            viewMode: "year" | "month" | "months";
+            viewMode: "month" | "year" | "months";
             showAdjacentMonths: boolean;
             weekdays: import('vuetify/lib/composables/calendar.mjs').CalendarWeekdays[];
             weeksInMonth: "static" | "dynamic";
@@ -3877,6 +3925,8 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
             headerColor?: string | undefined;
             firstDayOfWeek?: string | number | undefined;
             allowedDates?: unknown[] | ((date: unknown) => boolean) | undefined;
+            allowedMonths?: number[] | ((date: number) => boolean) | undefined;
+            allowedYears?: number[] | ((date: number) => boolean) | undefined;
             "onUpdate:month"?: ((date: any) => any) | undefined;
             "onUpdate:year"?: ((date: any) => any) | undefined;
             "onUpdate:viewMode"?: ((date: any) => any) | undefined;
@@ -3924,7 +3974,7 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
             reverseTransition: string;
             hideHeader: boolean;
             modeIcon: import('vuetify/lib/composables/icons.mjs').IconValue;
-            viewMode: "year" | "month" | "months";
+            viewMode: "month" | "year" | "months";
             showAdjacentMonths: boolean;
             weekdays: import('vuetify/lib/composables/calendar.mjs').CalendarWeekdays[];
             weeksInMonth: "static" | "dynamic";
@@ -3956,6 +4006,8 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
             headerColor?: string | undefined;
             firstDayOfWeek?: string | number | undefined;
             allowedDates?: unknown[] | ((date: unknown) => boolean) | undefined;
+            allowedMonths?: number[] | ((date: number) => boolean) | undefined;
+            allowedYears?: number[] | ((date: number) => boolean) | undefined;
         } & {
             "onUpdate:month"?: ((date: any) => any) | undefined;
             "onUpdate:year"?: ((date: any) => any) | undefined;
@@ -3982,7 +4034,7 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
             reverseTransition: string;
             hideHeader: boolean;
             modeIcon: import('vuetify/lib/composables/icons.mjs').IconValue;
-            viewMode: "year" | "month" | "months";
+            viewMode: "month" | "year" | "months";
             showAdjacentMonths: boolean;
             weekdays: import('vuetify/lib/composables/calendar.mjs').CalendarWeekdays[];
             weeksInMonth: "static" | "dynamic";
@@ -4042,7 +4094,7 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
         reverseTransition: string;
         hideHeader: boolean;
         modeIcon: import('vuetify/lib/composables/icons.mjs').IconValue;
-        viewMode: "year" | "month" | "months";
+        viewMode: "month" | "year" | "months";
         showAdjacentMonths: boolean;
         weekdays: import('vuetify/lib/composables/calendar.mjs').CalendarWeekdays[];
         weeksInMonth: "static" | "dynamic";
@@ -4064,7 +4116,7 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
         reverseTransition: string;
         hideHeader: boolean;
         modeIcon: import('vuetify/lib/composables/icons.mjs').IconValue;
-        viewMode: "year" | "month" | "months";
+        viewMode: "month" | "year" | "months";
         showAdjacentMonths: boolean;
         weekdays: import('vuetify/lib/composables/calendar.mjs').CalendarWeekdays[];
         weeksInMonth: "static" | "dynamic";
@@ -4096,6 +4148,8 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
         headerColor?: string | undefined;
         firstDayOfWeek?: string | number | undefined;
         allowedDates?: unknown[] | ((date: unknown) => boolean) | undefined;
+        allowedMonths?: number[] | ((date: number) => boolean) | undefined;
+        allowedYears?: number[] | ((date: number) => boolean) | undefined;
     } & {
         "onUpdate:month"?: ((date: any) => any) | undefined;
         "onUpdate:year"?: ((date: any) => any) | undefined;