npm - @feedmepos/ui-library - Versions diffs - 1.1.5 → 1.1.7 - Mend

@feedmepos/ui-library 1.1.5 → 1.1.7

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 (207) hide show

package/dist/components.d.ts CHANGED Viewed

@@ -109,6 +109,10 @@ export declare const components: {
                 type: import("vue").PropType<boolean>;
                 default: boolean;
             };
+            zIndex: {
+                type: import("vue").PropType<number>;
+                default: undefined;
+            };
             modelValue: {
                 type: import("vue").PropType<boolean>;
                 default: boolean;
@@ -126,6 +130,10 @@ export declare const components: {
                 type: import("vue").PropType<boolean>;
                 default: boolean;
             };
+            zIndex: {
+                type: import("vue").PropType<number>;
+                default: undefined;
+            };
             modelValue: {
                 type: import("vue").PropType<boolean>;
                 default: boolean;
@@ -135,6 +143,7 @@ export declare const components: {
         }, {
             header: string;
             dismissAway: boolean;
+            zIndex: number;
             modelValue: boolean;
         }, true, {}, {}, {
             P: {};
@@ -152,6 +161,10 @@ export declare const components: {
                 type: import("vue").PropType<boolean>;
                 default: boolean;
             };
+            zIndex: {
+                type: import("vue").PropType<number>;
+                default: undefined;
+            };
             modelValue: {
                 type: import("vue").PropType<boolean>;
                 default: boolean;
@@ -161,6 +174,7 @@ export declare const components: {
         }, {}, {}, {}, {}, {
             header: string;
             dismissAway: boolean;
+            zIndex: number;
             modelValue: boolean;
         }>;
         __isFragment?: undefined;
@@ -175,6 +189,10 @@ export declare const components: {
             type: import("vue").PropType<boolean>;
             default: boolean;
         };
+        zIndex: {
+            type: import("vue").PropType<number>;
+            default: undefined;
+        };
         modelValue: {
             type: import("vue").PropType<boolean>;
             default: boolean;
@@ -186,6 +204,7 @@ export declare const components: {
     }, string, {
         header: string;
         dismissAway: boolean;
+        zIndex: number;
         modelValue: boolean;
     }, {}, string, {}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
         $slots: {
@@ -822,6 +841,10 @@ export declare const components: {
     }, {}>;
     FmDialog: {
         new (...args: any[]): import("vue").CreateComponentPublicInstance<Readonly<import("vue").ExtractPropTypes<{
+            zIndex: {
+                type: import("vue").PropType<number>;
+                default: undefined;
+            };
             modelValue: {
                 type: import("vue").PropType<boolean>;
                 required: true;
@@ -844,6 +867,10 @@ export declare const components: {
         }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
             "update:modelValue": (value: boolean) => void;
         }, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<import("vue").ExtractPropTypes<{
+            zIndex: {
+                type: import("vue").PropType<number>;
+                default: undefined;
+            };
             modelValue: {
                 type: import("vue").PropType<boolean>;
                 required: true;
@@ -864,6 +891,7 @@ export declare const components: {
         }>> & {
             "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
         }, {
+            zIndex: number;
             modelValue: boolean;
             overlay: boolean;
             minWidth: number;
@@ -876,6 +904,10 @@ export declare const components: {
             M: {};
             Defaults: {};
         }, Readonly<import("vue").ExtractPropTypes<{
+            zIndex: {
+                type: import("vue").PropType<number>;
+                default: undefined;
+            };
             modelValue: {
                 type: import("vue").PropType<boolean>;
                 required: true;
@@ -896,6 +928,7 @@ export declare const components: {
         }>> & {
             "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
         }, {}, {}, {}, {}, {
+            zIndex: number;
             modelValue: boolean;
             overlay: boolean;
             minWidth: number;
@@ -905,6 +938,10 @@ export declare const components: {
         __isTeleport?: undefined;
         __isSuspense?: undefined;
     } & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+        zIndex: {
+            type: import("vue").PropType<number>;
+            default: undefined;
+        };
         modelValue: {
             type: import("vue").PropType<boolean>;
             required: true;
@@ -927,6 +964,7 @@ export declare const components: {
     }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
         "update:modelValue": (value: boolean) => void;
     }, string, {
+        zIndex: number;
         modelValue: boolean;
         overlay: boolean;
         minWidth: number;
@@ -1088,6 +1126,10 @@ export declare const components: {
             type: import("vue").PropType<boolean>;
             default: boolean;
         };
+        zIndex: {
+            type: import("vue").PropType<number>;
+            default: undefined;
+        };
         message: {
             type: import("vue").PropType<string>;
             default: string;
@@ -1152,6 +1194,10 @@ export declare const components: {
             type: import("vue").PropType<boolean>;
             default: boolean;
         };
+        zIndex: {
+            type: import("vue").PropType<number>;
+            default: undefined;
+        };
         message: {
             type: import("vue").PropType<string>;
             default: string;
@@ -1209,6 +1255,7 @@ export declare const components: {
         "onDialog-closed"?: ((mv?: any) => any) | undefined;
     }, {
         dismissAway: boolean;
+        zIndex: number;
         message: string;
         overlay: boolean;
         minWidth: number;
@@ -1251,6 +1298,18 @@ export declare const components: {
             maintainAspectRatio: {
                 type: import("vue").PropType<boolean>;
             };
+            hideXAxis: {
+                type: import("vue").PropType<boolean>;
+                default: undefined;
+            };
+            hideYAxis: {
+                type: import("vue").PropType<boolean>;
+                default: undefined;
+            };
+            hideLegend: {
+                type: import("vue").PropType<boolean>;
+                default: undefined;
+            };
         }>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<import("vue").ExtractPropTypes<{
             name: {
                 type: import("vue").PropType<string>;
@@ -1278,10 +1337,25 @@ export declare const components: {
             maintainAspectRatio: {
                 type: import("vue").PropType<boolean>;
             };
+            hideXAxis: {
+                type: import("vue").PropType<boolean>;
+                default: undefined;
+            };
+            hideYAxis: {
+                type: import("vue").PropType<boolean>;
+                default: undefined;
+            };
+            hideLegend: {
+                type: import("vue").PropType<boolean>;
+                default: undefined;
+            };
         }>>, {
             name: string;
             paragraph: string;
             transpose: boolean;
+            hideXAxis: boolean;
+            hideYAxis: boolean;
+            hideLegend: boolean;
         }, true, {}, {}, {
             P: {};
             B: {};
@@ -1316,10 +1390,25 @@ export declare const components: {
             maintainAspectRatio: {
                 type: import("vue").PropType<boolean>;
             };
+            hideXAxis: {
+                type: import("vue").PropType<boolean>;
+                default: undefined;
+            };
+            hideYAxis: {
+                type: import("vue").PropType<boolean>;
+                default: undefined;
+            };
+            hideLegend: {
+                type: import("vue").PropType<boolean>;
+                default: undefined;
+            };
         }>>, {}, {}, {}, {}, {
             name: string;
             paragraph: string;
             transpose: boolean;
+            hideXAxis: boolean;
+            hideYAxis: boolean;
+            hideLegend: boolean;
         }>;
         __isFragment?: undefined;
         __isTeleport?: undefined;
@@ -1351,10 +1440,25 @@ export declare const components: {
         maintainAspectRatio: {
             type: import("vue").PropType<boolean>;
         };
+        hideXAxis: {
+            type: import("vue").PropType<boolean>;
+            default: undefined;
+        };
+        hideYAxis: {
+            type: import("vue").PropType<boolean>;
+            default: undefined;
+        };
+        hideLegend: {
+            type: import("vue").PropType<boolean>;
+            default: undefined;
+        };
     }>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
         name: string;
         paragraph: string;
         transpose: boolean;
+        hideXAxis: boolean;
+        hideYAxis: boolean;
+        hideLegend: boolean;
     }, {}, string, {}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
         $slots: {
             title?(_: {}): any;
@@ -1595,6 +1699,18 @@ export declare const components: {
                 type: import("vue").PropType<boolean>;
                 default: boolean;
             };
+            hideXAxis: {
+                type: import("vue").PropType<boolean>;
+                default: undefined;
+            };
+            hideYAxis: {
+                type: import("vue").PropType<boolean>;
+                default: undefined;
+            };
+            hideLegend: {
+                type: import("vue").PropType<boolean>;
+                default: undefined;
+            };
         }>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<import("vue").ExtractPropTypes<{
             name: {
                 type: import("vue").PropType<string>;
@@ -1624,12 +1740,27 @@ export declare const components: {
                 type: import("vue").PropType<boolean>;
                 default: boolean;
             };
+            hideXAxis: {
+                type: import("vue").PropType<boolean>;
+                default: undefined;
+            };
+            hideYAxis: {
+                type: import("vue").PropType<boolean>;
+                default: undefined;
+            };
+            hideLegend: {
+                type: import("vue").PropType<boolean>;
+                default: undefined;
+            };
         }>>, {
             name: string;
             paragraph: string;
             transpose: boolean;
             stacked: boolean;
             maintainAspectRatio: boolean;
+            hideXAxis: boolean;
+            hideYAxis: boolean;
+            hideLegend: boolean;
         }, true, {}, {}, {
             P: {};
             B: {};
@@ -1666,12 +1797,27 @@ export declare const components: {
                 type: import("vue").PropType<boolean>;
                 default: boolean;
             };
+            hideXAxis: {
+                type: import("vue").PropType<boolean>;
+                default: undefined;
+            };
+            hideYAxis: {
+                type: import("vue").PropType<boolean>;
+                default: undefined;
+            };
+            hideLegend: {
+                type: import("vue").PropType<boolean>;
+                default: undefined;
+            };
         }>>, {}, {}, {}, {}, {
             name: string;
             paragraph: string;
             transpose: boolean;
             stacked: boolean;
             maintainAspectRatio: boolean;
+            hideXAxis: boolean;
+            hideYAxis: boolean;
+            hideLegend: boolean;
         }>;
         __isFragment?: undefined;
         __isTeleport?: undefined;
@@ -1705,12 +1851,27 @@ export declare const components: {
             type: import("vue").PropType<boolean>;
             default: boolean;
         };
+        hideXAxis: {
+            type: import("vue").PropType<boolean>;
+            default: undefined;
+        };
+        hideYAxis: {
+            type: import("vue").PropType<boolean>;
+            default: undefined;
+        };
+        hideLegend: {
+            type: import("vue").PropType<boolean>;
+            default: undefined;
+        };
     }>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
         name: string;
         paragraph: string;
         transpose: boolean;
         stacked: boolean;
         maintainAspectRatio: boolean;
+        hideXAxis: boolean;
+        hideYAxis: boolean;
+        hideLegend: boolean;
     }, {}, string, {}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
         $slots: {
             title?(_: {}): any;
@@ -1863,15 +2024,1395 @@ export declare const components: {
         sublabel: string;
     }, {}, string, {}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
         $slots: {
-            label?(_: {}): any;
+            label?(_: {}): any;
+        };
+    });
+    FmDatePicker: {
+        new (...args: any[]): import("vue").CreateComponentPublicInstance<Readonly<import("vue").ExtractPropTypes<{
+            label: {
+                type: import("vue").PropType<string>;
+                default: string;
+            };
+            zIndex: {
+                type: import("vue").PropType<number>;
+                default: undefined;
+            };
+            modelValue: {
+                type: import("vue").PropType<string>;
+                required: true;
+            };
+            disabled: {
+                type: import("vue").PropType<boolean>;
+                default: undefined;
+            };
+            labelMark: {
+                type: import("vue").PropType<"required" | "none" | "optional">;
+                default: string;
+            };
+            labelInfo: {
+                type: import("vue").PropType<string>;
+                default: string;
+            };
+            focused: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
+            rules: {
+                type: import("vue").PropType<import("./composables/useValidation").ValidationRule[]>;
+                default: () => never[];
+            };
+            helperText: {
+                type: import("vue").PropType<string>;
+                default: string;
+            };
+            helperState: {
+                type: import("vue").PropType<"success" | "warning" | "none" | "error">;
+                default: string;
+            };
+            max: {
+                type: import("vue").PropType<string>;
+                default: () => string;
+            };
+            min: {
+                type: import("vue").PropType<string>;
+                default: () => string;
+            };
+            showValidBorder: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
+        }>> & {
+            "onUpdate:modelValue"?: ((value: string) => any) | undefined;
+        }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+            "update:modelValue": (value: string) => void;
+        }, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<import("vue").ExtractPropTypes<{
+            label: {
+                type: import("vue").PropType<string>;
+                default: string;
+            };
+            zIndex: {
+                type: import("vue").PropType<number>;
+                default: undefined;
+            };
+            modelValue: {
+                type: import("vue").PropType<string>;
+                required: true;
+            };
+            disabled: {
+                type: import("vue").PropType<boolean>;
+                default: undefined;
+            };
+            labelMark: {
+                type: import("vue").PropType<"required" | "none" | "optional">;
+                default: string;
+            };
+            labelInfo: {
+                type: import("vue").PropType<string>;
+                default: string;
+            };
+            focused: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
+            rules: {
+                type: import("vue").PropType<import("./composables/useValidation").ValidationRule[]>;
+                default: () => never[];
+            };
+            helperText: {
+                type: import("vue").PropType<string>;
+                default: string;
+            };
+            helperState: {
+                type: import("vue").PropType<"success" | "warning" | "none" | "error">;
+                default: string;
+            };
+            max: {
+                type: import("vue").PropType<string>;
+                default: () => string;
+            };
+            min: {
+                type: import("vue").PropType<string>;
+                default: () => string;
+            };
+            showValidBorder: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
+        }>> & {
+            "onUpdate:modelValue"?: ((value: string) => any) | undefined;
+        }, {
+            label: string;
+            zIndex: number;
+            disabled: boolean;
+            labelMark: "required" | "none" | "optional";
+            labelInfo: string;
+            focused: boolean;
+            rules: import("./composables/useValidation").ValidationRule[];
+            helperText: string;
+            helperState: "success" | "warning" | "none" | "error";
+            max: string;
+            min: string;
+            showValidBorder: boolean;
+        }, true, {}, {}, {
+            P: {};
+            B: {};
+            D: {};
+            C: {};
+            M: {};
+            Defaults: {};
+        }, Readonly<import("vue").ExtractPropTypes<{
+            label: {
+                type: import("vue").PropType<string>;
+                default: string;
+            };
+            zIndex: {
+                type: import("vue").PropType<number>;
+                default: undefined;
+            };
+            modelValue: {
+                type: import("vue").PropType<string>;
+                required: true;
+            };
+            disabled: {
+                type: import("vue").PropType<boolean>;
+                default: undefined;
+            };
+            labelMark: {
+                type: import("vue").PropType<"required" | "none" | "optional">;
+                default: string;
+            };
+            labelInfo: {
+                type: import("vue").PropType<string>;
+                default: string;
+            };
+            focused: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
+            rules: {
+                type: import("vue").PropType<import("./composables/useValidation").ValidationRule[]>;
+                default: () => never[];
+            };
+            helperText: {
+                type: import("vue").PropType<string>;
+                default: string;
+            };
+            helperState: {
+                type: import("vue").PropType<"success" | "warning" | "none" | "error">;
+                default: string;
+            };
+            max: {
+                type: import("vue").PropType<string>;
+                default: () => string;
+            };
+            min: {
+                type: import("vue").PropType<string>;
+                default: () => string;
+            };
+            showValidBorder: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
+        }>> & {
+            "onUpdate:modelValue"?: ((value: string) => any) | undefined;
+        }, {}, {}, {}, {}, {
+            label: string;
+            zIndex: number;
+            disabled: boolean;
+            labelMark: "required" | "none" | "optional";
+            labelInfo: string;
+            focused: boolean;
+            rules: import("./composables/useValidation").ValidationRule[];
+            helperText: string;
+            helperState: "success" | "warning" | "none" | "error";
+            max: string;
+            min: string;
+            showValidBorder: boolean;
+        }>;
+        __isFragment?: undefined;
+        __isTeleport?: undefined;
+        __isSuspense?: undefined;
+    } & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+        label: {
+            type: import("vue").PropType<string>;
+            default: string;
+        };
+        zIndex: {
+            type: import("vue").PropType<number>;
+            default: undefined;
+        };
+        modelValue: {
+            type: import("vue").PropType<string>;
+            required: true;
+        };
+        disabled: {
+            type: import("vue").PropType<boolean>;
+            default: undefined;
+        };
+        labelMark: {
+            type: import("vue").PropType<"required" | "none" | "optional">;
+            default: string;
+        };
+        labelInfo: {
+            type: import("vue").PropType<string>;
+            default: string;
+        };
+        focused: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
+        rules: {
+            type: import("vue").PropType<import("./composables/useValidation").ValidationRule[]>;
+            default: () => never[];
+        };
+        helperText: {
+            type: import("vue").PropType<string>;
+            default: string;
+        };
+        helperState: {
+            type: import("vue").PropType<"success" | "warning" | "none" | "error">;
+            default: string;
+        };
+        max: {
+            type: import("vue").PropType<string>;
+            default: () => string;
+        };
+        min: {
+            type: import("vue").PropType<string>;
+            default: () => string;
+        };
+        showValidBorder: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
+    }>> & {
+        "onUpdate:modelValue"?: ((value: string) => any) | undefined;
+    }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+        "update:modelValue": (value: string) => void;
+    }, string, {
+        label: string;
+        zIndex: number;
+        disabled: boolean;
+        labelMark: "required" | "none" | "optional";
+        labelInfo: string;
+        focused: boolean;
+        rules: import("./composables/useValidation").ValidationRule[];
+        helperText: string;
+        helperState: "success" | "warning" | "none" | "error";
+        max: string;
+        min: string;
+        showValidBorder: boolean;
+    }, {}, string, {}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
+        $slots: {
+            "trigger-button"?(_: {
+                invalid: boolean;
+                opened: boolean;
+                showValidBorder: boolean;
+            }): any;
+        };
+    });
+    FmDatePickerMobile: {
+        new (...args: any[]): import("vue").CreateComponentPublicInstance<Readonly<import("vue").ExtractPropTypes<{
+            label: {
+                type: import("vue").PropType<string>;
+                default: string;
+            };
+            zIndex: {
+                type: import("vue").PropType<number>;
+                default: number;
+            };
+            modelValue: {
+                type: import("vue").PropType<string>;
+                required: true;
+            };
+            disabled: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
+            labelMark: {
+                type: import("vue").PropType<"required" | "none" | "optional">;
+                default: string;
+            };
+            labelInfo: {
+                type: import("vue").PropType<string>;
+                default: string;
+            };
+            focused: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
+            rules: {
+                type: import("vue").PropType<import("./composables/useValidation").ValidationRule[]>;
+                default: () => never[];
+            };
+            helperText: {
+                type: import("vue").PropType<string>;
+                default: string;
+            };
+            helperState: {
+                type: import("vue").PropType<"success" | "warning" | "none" | "error">;
+                default: string;
+            };
+            max: {
+                type: import("vue").PropType<string>;
+                default: () => string;
+            };
+            min: {
+                type: import("vue").PropType<string>;
+                default: () => string;
+            };
+            showValidBorder: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
+        }>> & {
+            "onUpdate:modelValue"?: ((value: string) => any) | undefined;
+        }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+            "update:modelValue": (value: string) => void;
+        }, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<import("vue").ExtractPropTypes<{
+            label: {
+                type: import("vue").PropType<string>;
+                default: string;
+            };
+            zIndex: {
+                type: import("vue").PropType<number>;
+                default: number;
+            };
+            modelValue: {
+                type: import("vue").PropType<string>;
+                required: true;
+            };
+            disabled: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
+            labelMark: {
+                type: import("vue").PropType<"required" | "none" | "optional">;
+                default: string;
+            };
+            labelInfo: {
+                type: import("vue").PropType<string>;
+                default: string;
+            };
+            focused: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
+            rules: {
+                type: import("vue").PropType<import("./composables/useValidation").ValidationRule[]>;
+                default: () => never[];
+            };
+            helperText: {
+                type: import("vue").PropType<string>;
+                default: string;
+            };
+            helperState: {
+                type: import("vue").PropType<"success" | "warning" | "none" | "error">;
+                default: string;
+            };
+            max: {
+                type: import("vue").PropType<string>;
+                default: () => string;
+            };
+            min: {
+                type: import("vue").PropType<string>;
+                default: () => string;
+            };
+            showValidBorder: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
+        }>> & {
+            "onUpdate:modelValue"?: ((value: string) => any) | undefined;
+        }, {
+            label: string;
+            zIndex: number;
+            disabled: boolean;
+            labelMark: "required" | "none" | "optional";
+            labelInfo: string;
+            focused: boolean;
+            rules: import("./composables/useValidation").ValidationRule[];
+            helperText: string;
+            helperState: "success" | "warning" | "none" | "error";
+            max: string;
+            min: string;
+            showValidBorder: boolean;
+        }, true, {}, {}, {
+            P: {};
+            B: {};
+            D: {};
+            C: {};
+            M: {};
+            Defaults: {};
+        }, Readonly<import("vue").ExtractPropTypes<{
+            label: {
+                type: import("vue").PropType<string>;
+                default: string;
+            };
+            zIndex: {
+                type: import("vue").PropType<number>;
+                default: number;
+            };
+            modelValue: {
+                type: import("vue").PropType<string>;
+                required: true;
+            };
+            disabled: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
+            labelMark: {
+                type: import("vue").PropType<"required" | "none" | "optional">;
+                default: string;
+            };
+            labelInfo: {
+                type: import("vue").PropType<string>;
+                default: string;
+            };
+            focused: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
+            rules: {
+                type: import("vue").PropType<import("./composables/useValidation").ValidationRule[]>;
+                default: () => never[];
+            };
+            helperText: {
+                type: import("vue").PropType<string>;
+                default: string;
+            };
+            helperState: {
+                type: import("vue").PropType<"success" | "warning" | "none" | "error">;
+                default: string;
+            };
+            max: {
+                type: import("vue").PropType<string>;
+                default: () => string;
+            };
+            min: {
+                type: import("vue").PropType<string>;
+                default: () => string;
+            };
+            showValidBorder: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
+        }>> & {
+            "onUpdate:modelValue"?: ((value: string) => any) | undefined;
+        }, {}, {}, {}, {}, {
+            label: string;
+            zIndex: number;
+            disabled: boolean;
+            labelMark: "required" | "none" | "optional";
+            labelInfo: string;
+            focused: boolean;
+            rules: import("./composables/useValidation").ValidationRule[];
+            helperText: string;
+            helperState: "success" | "warning" | "none" | "error";
+            max: string;
+            min: string;
+            showValidBorder: boolean;
+        }>;
+        __isFragment?: undefined;
+        __isTeleport?: undefined;
+        __isSuspense?: undefined;
+    } & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+        label: {
+            type: import("vue").PropType<string>;
+            default: string;
+        };
+        zIndex: {
+            type: import("vue").PropType<number>;
+            default: number;
+        };
+        modelValue: {
+            type: import("vue").PropType<string>;
+            required: true;
+        };
+        disabled: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
+        labelMark: {
+            type: import("vue").PropType<"required" | "none" | "optional">;
+            default: string;
+        };
+        labelInfo: {
+            type: import("vue").PropType<string>;
+            default: string;
+        };
+        focused: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
+        rules: {
+            type: import("vue").PropType<import("./composables/useValidation").ValidationRule[]>;
+            default: () => never[];
+        };
+        helperText: {
+            type: import("vue").PropType<string>;
+            default: string;
+        };
+        helperState: {
+            type: import("vue").PropType<"success" | "warning" | "none" | "error">;
+            default: string;
+        };
+        max: {
+            type: import("vue").PropType<string>;
+            default: () => string;
+        };
+        min: {
+            type: import("vue").PropType<string>;
+            default: () => string;
+        };
+        showValidBorder: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
+    }>> & {
+        "onUpdate:modelValue"?: ((value: string) => any) | undefined;
+    }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+        "update:modelValue": (value: string) => void;
+    }, string, {
+        label: string;
+        zIndex: number;
+        disabled: boolean;
+        labelMark: "required" | "none" | "optional";
+        labelInfo: string;
+        focused: boolean;
+        rules: import("./composables/useValidation").ValidationRule[];
+        helperText: string;
+        helperState: "success" | "warning" | "none" | "error";
+        max: string;
+        min: string;
+        showValidBorder: boolean;
+    }, {}, string, {}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
+        $slots: {
+            label?(_: {}): any;
+            "trigger-button"?(_: {
+                invalid: boolean;
+                opened: boolean;
+                showValidBorder: boolean;
+            }): any;
+            prepend?(_: {}): any;
+            append?(_: {}): any;
+            "helper-text"?(_: {}): any;
+        };
+    });
+    FmDateRangePicker: {
+        new (...args: any[]): import("vue").CreateComponentPublicInstance<Readonly<import("vue").ExtractPropTypes<{
+            zIndex: {
+                type: import("vue").PropType<number>;
+            };
+            modelValue: {
+                type: import("vue").PropType<import("./components/form/calendar/date-range-picker/common").DateRange | import("./components/form/calendar/date-range-picker/common").DateRange[] | null>;
+                required: true;
+            };
+            disabled: {
+                type: import("vue").PropType<boolean>;
+                default: undefined;
+            };
+            labelMark: {
+                type: import("vue").PropType<"required" | "none" | "optional">;
+                default: string;
+            };
+            labelInfo: {
+                type: import("vue").PropType<string>;
+                default: string;
+            };
+            focused: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
+            rules: {
+                type: import("vue").PropType<import("./composables/useValidation").ValidationRule[]>;
+                default: () => never[];
+            };
+            helperText: {
+                type: import("vue").PropType<string>;
+                default: string;
+            };
+            helperState: {
+                type: import("vue").PropType<"success" | "warning" | "none" | "error">;
+                default: string;
+            };
+            max: {
+                type: import("vue").PropType<string>;
+                default: () => string;
+            };
+            min: {
+                type: import("vue").PropType<string>;
+                default: () => string;
+            };
+            showValidBorder: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
+            startLabel: {
+                type: import("vue").PropType<string>;
+                default: string;
+            };
+            endLabel: {
+                type: import("vue").PropType<string>;
+                default: string;
+            };
+            showPredefinedRange: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
+            predefinedRange: {
+                type: import("vue").PropType<import("./components/form/calendar/date-range-picker/common").FmCalendarPredefinedRange[]>;
+                default: () => {
+                    label: string;
+                    value: {
+                        startDate: string;
+                        endDate: string;
+                    };
+                }[];
+            };
+            compare: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
+            compareLabel: {
+                type: import("vue").PropType<string>;
+                default: string;
+            };
+        }>> & {
+            "onUpdate:modelValue"?: ((value: import("./components/form/calendar/date-range-picker/common").DateRange) => any) | undefined;
+        }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+            "update:modelValue": (value: import("./components/form/calendar/date-range-picker/common").DateRange) => void;
+        }, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<import("vue").ExtractPropTypes<{
+            zIndex: {
+                type: import("vue").PropType<number>;
+            };
+            modelValue: {
+                type: import("vue").PropType<import("./components/form/calendar/date-range-picker/common").DateRange | import("./components/form/calendar/date-range-picker/common").DateRange[] | null>;
+                required: true;
+            };
+            disabled: {
+                type: import("vue").PropType<boolean>;
+                default: undefined;
+            };
+            labelMark: {
+                type: import("vue").PropType<"required" | "none" | "optional">;
+                default: string;
+            };
+            labelInfo: {
+                type: import("vue").PropType<string>;
+                default: string;
+            };
+            focused: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
+            rules: {
+                type: import("vue").PropType<import("./composables/useValidation").ValidationRule[]>;
+                default: () => never[];
+            };
+            helperText: {
+                type: import("vue").PropType<string>;
+                default: string;
+            };
+            helperState: {
+                type: import("vue").PropType<"success" | "warning" | "none" | "error">;
+                default: string;
+            };
+            max: {
+                type: import("vue").PropType<string>;
+                default: () => string;
+            };
+            min: {
+                type: import("vue").PropType<string>;
+                default: () => string;
+            };
+            showValidBorder: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
+            startLabel: {
+                type: import("vue").PropType<string>;
+                default: string;
+            };
+            endLabel: {
+                type: import("vue").PropType<string>;
+                default: string;
+            };
+            showPredefinedRange: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
+            predefinedRange: {
+                type: import("vue").PropType<import("./components/form/calendar/date-range-picker/common").FmCalendarPredefinedRange[]>;
+                default: () => {
+                    label: string;
+                    value: {
+                        startDate: string;
+                        endDate: string;
+                    };
+                }[];
+            };
+            compare: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
+            compareLabel: {
+                type: import("vue").PropType<string>;
+                default: string;
+            };
+        }>> & {
+            "onUpdate:modelValue"?: ((value: import("./components/form/calendar/date-range-picker/common").DateRange) => any) | undefined;
+        }, {
+            disabled: boolean;
+            labelMark: "required" | "none" | "optional";
+            labelInfo: string;
+            focused: boolean;
+            rules: import("./composables/useValidation").ValidationRule[];
+            helperText: string;
+            helperState: "success" | "warning" | "none" | "error";
+            max: string;
+            min: string;
+            showValidBorder: boolean;
+            startLabel: string;
+            endLabel: string;
+            showPredefinedRange: boolean;
+            predefinedRange: import("./components/form/calendar/date-range-picker/common").FmCalendarPredefinedRange[];
+            compare: boolean;
+            compareLabel: string;
+        }, true, {}, {}, {
+            P: {};
+            B: {};
+            D: {};
+            C: {};
+            M: {};
+            Defaults: {};
+        }, Readonly<import("vue").ExtractPropTypes<{
+            zIndex: {
+                type: import("vue").PropType<number>;
+            };
+            modelValue: {
+                type: import("vue").PropType<import("./components/form/calendar/date-range-picker/common").DateRange | import("./components/form/calendar/date-range-picker/common").DateRange[] | null>;
+                required: true;
+            };
+            disabled: {
+                type: import("vue").PropType<boolean>;
+                default: undefined;
+            };
+            labelMark: {
+                type: import("vue").PropType<"required" | "none" | "optional">;
+                default: string;
+            };
+            labelInfo: {
+                type: import("vue").PropType<string>;
+                default: string;
+            };
+            focused: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
+            rules: {
+                type: import("vue").PropType<import("./composables/useValidation").ValidationRule[]>;
+                default: () => never[];
+            };
+            helperText: {
+                type: import("vue").PropType<string>;
+                default: string;
+            };
+            helperState: {
+                type: import("vue").PropType<"success" | "warning" | "none" | "error">;
+                default: string;
+            };
+            max: {
+                type: import("vue").PropType<string>;
+                default: () => string;
+            };
+            min: {
+                type: import("vue").PropType<string>;
+                default: () => string;
+            };
+            showValidBorder: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
+            startLabel: {
+                type: import("vue").PropType<string>;
+                default: string;
+            };
+            endLabel: {
+                type: import("vue").PropType<string>;
+                default: string;
+            };
+            showPredefinedRange: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
+            predefinedRange: {
+                type: import("vue").PropType<import("./components/form/calendar/date-range-picker/common").FmCalendarPredefinedRange[]>;
+                default: () => {
+                    label: string;
+                    value: {
+                        startDate: string;
+                        endDate: string;
+                    };
+                }[];
+            };
+            compare: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
+            compareLabel: {
+                type: import("vue").PropType<string>;
+                default: string;
+            };
+        }>> & {
+            "onUpdate:modelValue"?: ((value: import("./components/form/calendar/date-range-picker/common").DateRange) => any) | undefined;
+        }, {}, {}, {}, {}, {
+            disabled: boolean;
+            labelMark: "required" | "none" | "optional";
+            labelInfo: string;
+            focused: boolean;
+            rules: import("./composables/useValidation").ValidationRule[];
+            helperText: string;
+            helperState: "success" | "warning" | "none" | "error";
+            max: string;
+            min: string;
+            showValidBorder: boolean;
+            startLabel: string;
+            endLabel: string;
+            showPredefinedRange: boolean;
+            predefinedRange: import("./components/form/calendar/date-range-picker/common").FmCalendarPredefinedRange[];
+            compare: boolean;
+            compareLabel: string;
+        }>;
+        __isFragment?: undefined;
+        __isTeleport?: undefined;
+        __isSuspense?: undefined;
+    } & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+        zIndex: {
+            type: import("vue").PropType<number>;
+        };
+        modelValue: {
+            type: import("vue").PropType<import("./components/form/calendar/date-range-picker/common").DateRange | import("./components/form/calendar/date-range-picker/common").DateRange[] | null>;
+            required: true;
+        };
+        disabled: {
+            type: import("vue").PropType<boolean>;
+            default: undefined;
+        };
+        labelMark: {
+            type: import("vue").PropType<"required" | "none" | "optional">;
+            default: string;
+        };
+        labelInfo: {
+            type: import("vue").PropType<string>;
+            default: string;
+        };
+        focused: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
+        rules: {
+            type: import("vue").PropType<import("./composables/useValidation").ValidationRule[]>;
+            default: () => never[];
+        };
+        helperText: {
+            type: import("vue").PropType<string>;
+            default: string;
+        };
+        helperState: {
+            type: import("vue").PropType<"success" | "warning" | "none" | "error">;
+            default: string;
+        };
+        max: {
+            type: import("vue").PropType<string>;
+            default: () => string;
+        };
+        min: {
+            type: import("vue").PropType<string>;
+            default: () => string;
+        };
+        showValidBorder: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
+        startLabel: {
+            type: import("vue").PropType<string>;
+            default: string;
+        };
+        endLabel: {
+            type: import("vue").PropType<string>;
+            default: string;
+        };
+        showPredefinedRange: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
+        predefinedRange: {
+            type: import("vue").PropType<import("./components/form/calendar/date-range-picker/common").FmCalendarPredefinedRange[]>;
+            default: () => {
+                label: string;
+                value: {
+                    startDate: string;
+                    endDate: string;
+                };
+            }[];
+        };
+        compare: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
+        compareLabel: {
+            type: import("vue").PropType<string>;
+            default: string;
+        };
+    }>> & {
+        "onUpdate:modelValue"?: ((value: import("./components/form/calendar/date-range-picker/common").DateRange) => any) | undefined;
+    }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+        "update:modelValue": (value: import("./components/form/calendar/date-range-picker/common").DateRange) => void;
+    }, string, {
+        disabled: boolean;
+        labelMark: "required" | "none" | "optional";
+        labelInfo: string;
+        focused: boolean;
+        rules: import("./composables/useValidation").ValidationRule[];
+        helperText: string;
+        helperState: "success" | "warning" | "none" | "error";
+        max: string;
+        min: string;
+        showValidBorder: boolean;
+        startLabel: string;
+        endLabel: string;
+        showPredefinedRange: boolean;
+        predefinedRange: import("./components/form/calendar/date-range-picker/common").FmCalendarPredefinedRange[];
+        compare: boolean;
+        compareLabel: string;
+    }, {}, string, {}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
+        $slots: {
+            "trigger-button"?(_: {
+                opened: boolean;
+                invalid: boolean;
+                showValidBorder: boolean;
+                isComparing: boolean;
+            }): any;
+        };
+    });
+    FmDateRangePickerMobile: {
+        new (...args: any[]): import("vue").CreateComponentPublicInstance<Readonly<import("vue").ExtractPropTypes<{
+            zIndex: {
+                type: import("vue").PropType<number>;
+                default: number;
+            };
+            modelValue: {
+                type: import("vue").PropType<import("./components/form/calendar/date-range-picker/common").DateRange | import("./components/form/calendar/date-range-picker/common").DateRange[] | null>;
+                required: true;
+            };
+            disabled: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
+            labelMark: {
+                type: import("vue").PropType<"required" | "none" | "optional">;
+                default: string;
+            };
+            labelInfo: {
+                type: import("vue").PropType<string>;
+                default: string;
+            };
+            focused: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
+            rules: {
+                type: import("vue").PropType<import("./composables/useValidation").ValidationRule[]>;
+                default: () => never[];
+            };
+            helperText: {
+                type: import("vue").PropType<string>;
+                default: string;
+            };
+            helperState: {
+                type: import("vue").PropType<"success" | "warning" | "none" | "error">;
+                default: string;
+            };
+            max: {
+                type: import("vue").PropType<string>;
+                default: () => string;
+            };
+            min: {
+                type: import("vue").PropType<string>;
+                default: () => string;
+            };
+            showValidBorder: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
+            startLabel: {
+                type: import("vue").PropType<string>;
+                default: string;
+            };
+            endLabel: {
+                type: import("vue").PropType<string>;
+                default: string;
+            };
+            showPredefinedRange: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
+            predefinedRange: {
+                type: import("vue").PropType<import("./components/form/calendar/date-range-picker/common").FmCalendarPredefinedRange[]>;
+                default: () => {
+                    label: string;
+                    value: {
+                        startDate: string;
+                        endDate: string;
+                    };
+                }[];
+            };
+            compare: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
+            compareLabel: {
+                type: import("vue").PropType<string>;
+                default: string;
+            };
+        }>> & {
+            "onUpdate:modelValue"?: ((value: import("./components/form/calendar/date-range-picker/common").DateRange) => any) | undefined;
+        }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+            "update:modelValue": (value: import("./components/form/calendar/date-range-picker/common").DateRange) => void;
+        }, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<import("vue").ExtractPropTypes<{
+            zIndex: {
+                type: import("vue").PropType<number>;
+                default: number;
+            };
+            modelValue: {
+                type: import("vue").PropType<import("./components/form/calendar/date-range-picker/common").DateRange | import("./components/form/calendar/date-range-picker/common").DateRange[] | null>;
+                required: true;
+            };
+            disabled: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
+            labelMark: {
+                type: import("vue").PropType<"required" | "none" | "optional">;
+                default: string;
+            };
+            labelInfo: {
+                type: import("vue").PropType<string>;
+                default: string;
+            };
+            focused: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
+            rules: {
+                type: import("vue").PropType<import("./composables/useValidation").ValidationRule[]>;
+                default: () => never[];
+            };
+            helperText: {
+                type: import("vue").PropType<string>;
+                default: string;
+            };
+            helperState: {
+                type: import("vue").PropType<"success" | "warning" | "none" | "error">;
+                default: string;
+            };
+            max: {
+                type: import("vue").PropType<string>;
+                default: () => string;
+            };
+            min: {
+                type: import("vue").PropType<string>;
+                default: () => string;
+            };
+            showValidBorder: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
+            startLabel: {
+                type: import("vue").PropType<string>;
+                default: string;
+            };
+            endLabel: {
+                type: import("vue").PropType<string>;
+                default: string;
+            };
+            showPredefinedRange: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
+            predefinedRange: {
+                type: import("vue").PropType<import("./components/form/calendar/date-range-picker/common").FmCalendarPredefinedRange[]>;
+                default: () => {
+                    label: string;
+                    value: {
+                        startDate: string;
+                        endDate: string;
+                    };
+                }[];
+            };
+            compare: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
+            compareLabel: {
+                type: import("vue").PropType<string>;
+                default: string;
+            };
+        }>> & {
+            "onUpdate:modelValue"?: ((value: import("./components/form/calendar/date-range-picker/common").DateRange) => any) | undefined;
+        }, {
+            zIndex: number;
+            disabled: boolean;
+            labelMark: "required" | "none" | "optional";
+            labelInfo: string;
+            focused: boolean;
+            rules: import("./composables/useValidation").ValidationRule[];
+            helperText: string;
+            helperState: "success" | "warning" | "none" | "error";
+            max: string;
+            min: string;
+            showValidBorder: boolean;
+            startLabel: string;
+            endLabel: string;
+            showPredefinedRange: boolean;
+            predefinedRange: import("./components/form/calendar/date-range-picker/common").FmCalendarPredefinedRange[];
+            compare: boolean;
+            compareLabel: string;
+        }, true, {}, {}, {
+            P: {};
+            B: {};
+            D: {};
+            C: {};
+            M: {};
+            Defaults: {};
+        }, Readonly<import("vue").ExtractPropTypes<{
+            zIndex: {
+                type: import("vue").PropType<number>;
+                default: number;
+            };
+            modelValue: {
+                type: import("vue").PropType<import("./components/form/calendar/date-range-picker/common").DateRange | import("./components/form/calendar/date-range-picker/common").DateRange[] | null>;
+                required: true;
+            };
+            disabled: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
+            labelMark: {
+                type: import("vue").PropType<"required" | "none" | "optional">;
+                default: string;
+            };
+            labelInfo: {
+                type: import("vue").PropType<string>;
+                default: string;
+            };
+            focused: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
+            rules: {
+                type: import("vue").PropType<import("./composables/useValidation").ValidationRule[]>;
+                default: () => never[];
+            };
+            helperText: {
+                type: import("vue").PropType<string>;
+                default: string;
+            };
+            helperState: {
+                type: import("vue").PropType<"success" | "warning" | "none" | "error">;
+                default: string;
+            };
+            max: {
+                type: import("vue").PropType<string>;
+                default: () => string;
+            };
+            min: {
+                type: import("vue").PropType<string>;
+                default: () => string;
+            };
+            showValidBorder: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
+            startLabel: {
+                type: import("vue").PropType<string>;
+                default: string;
+            };
+            endLabel: {
+                type: import("vue").PropType<string>;
+                default: string;
+            };
+            showPredefinedRange: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
+            predefinedRange: {
+                type: import("vue").PropType<import("./components/form/calendar/date-range-picker/common").FmCalendarPredefinedRange[]>;
+                default: () => {
+                    label: string;
+                    value: {
+                        startDate: string;
+                        endDate: string;
+                    };
+                }[];
+            };
+            compare: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
+            compareLabel: {
+                type: import("vue").PropType<string>;
+                default: string;
+            };
+        }>> & {
+            "onUpdate:modelValue"?: ((value: import("./components/form/calendar/date-range-picker/common").DateRange) => any) | undefined;
+        }, {}, {}, {}, {}, {
+            zIndex: number;
+            disabled: boolean;
+            labelMark: "required" | "none" | "optional";
+            labelInfo: string;
+            focused: boolean;
+            rules: import("./composables/useValidation").ValidationRule[];
+            helperText: string;
+            helperState: "success" | "warning" | "none" | "error";
+            max: string;
+            min: string;
+            showValidBorder: boolean;
+            startLabel: string;
+            endLabel: string;
+            showPredefinedRange: boolean;
+            predefinedRange: import("./components/form/calendar/date-range-picker/common").FmCalendarPredefinedRange[];
+            compare: boolean;
+            compareLabel: string;
+        }>;
+        __isFragment?: undefined;
+        __isTeleport?: undefined;
+        __isSuspense?: undefined;
+    } & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+        zIndex: {
+            type: import("vue").PropType<number>;
+            default: number;
+        };
+        modelValue: {
+            type: import("vue").PropType<import("./components/form/calendar/date-range-picker/common").DateRange | import("./components/form/calendar/date-range-picker/common").DateRange[] | null>;
+            required: true;
+        };
+        disabled: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
+        labelMark: {
+            type: import("vue").PropType<"required" | "none" | "optional">;
+            default: string;
+        };
+        labelInfo: {
+            type: import("vue").PropType<string>;
+            default: string;
+        };
+        focused: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
+        rules: {
+            type: import("vue").PropType<import("./composables/useValidation").ValidationRule[]>;
+            default: () => never[];
+        };
+        helperText: {
+            type: import("vue").PropType<string>;
+            default: string;
+        };
+        helperState: {
+            type: import("vue").PropType<"success" | "warning" | "none" | "error">;
+            default: string;
+        };
+        max: {
+            type: import("vue").PropType<string>;
+            default: () => string;
+        };
+        min: {
+            type: import("vue").PropType<string>;
+            default: () => string;
+        };
+        showValidBorder: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
+        startLabel: {
+            type: import("vue").PropType<string>;
+            default: string;
+        };
+        endLabel: {
+            type: import("vue").PropType<string>;
+            default: string;
+        };
+        showPredefinedRange: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
+        predefinedRange: {
+            type: import("vue").PropType<import("./components/form/calendar/date-range-picker/common").FmCalendarPredefinedRange[]>;
+            default: () => {
+                label: string;
+                value: {
+                    startDate: string;
+                    endDate: string;
+                };
+            }[];
+        };
+        compare: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
+        compareLabel: {
+            type: import("vue").PropType<string>;
+            default: string;
+        };
+    }>> & {
+        "onUpdate:modelValue"?: ((value: import("./components/form/calendar/date-range-picker/common").DateRange) => any) | undefined;
+    }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+        "update:modelValue": (value: import("./components/form/calendar/date-range-picker/common").DateRange) => void;
+    }, string, {
+        zIndex: number;
+        disabled: boolean;
+        labelMark: "required" | "none" | "optional";
+        labelInfo: string;
+        focused: boolean;
+        rules: import("./composables/useValidation").ValidationRule[];
+        helperText: string;
+        helperState: "success" | "warning" | "none" | "error";
+        max: string;
+        min: string;
+        showValidBorder: boolean;
+        startLabel: string;
+        endLabel: string;
+        showPredefinedRange: boolean;
+        predefinedRange: import("./components/form/calendar/date-range-picker/common").FmCalendarPredefinedRange[];
+        compare: boolean;
+        compareLabel: string;
+    }, {}, string, {}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
+        $slots: {
+            "trigger-button"?(_: {
+                opened: boolean;
+                invalid: boolean;
+                showValidBorder: boolean;
+                isComparing: boolean;
+            }): any;
+            "popover-button"?(_: {
+                focused: boolean;
+            }): any;
+            "helper-text"?(_: {}): any;
         };
     });
-    FmDatePicker: {
+    FmSimpleDatePicker: {
         new (...args: any[]): import("vue").CreateComponentPublicInstance<Readonly<import("vue").ExtractPropTypes<{
             label: {
                 type: import("vue").PropType<string>;
                 default: string;
             };
+            zIndex: {
+                type: import("vue").PropType<number>;
+            };
             modelValue: {
                 type: import("vue").PropType<string>;
                 required: true;
@@ -1925,6 +3466,9 @@ export declare const components: {
                 type: import("vue").PropType<string>;
                 default: string;
             };
+            zIndex: {
+                type: import("vue").PropType<number>;
+            };
             modelValue: {
                 type: import("vue").PropType<string>;
                 required: true;
@@ -1995,6 +3539,9 @@ export declare const components: {
                 type: import("vue").PropType<string>;
                 default: string;
             };
+            zIndex: {
+                type: import("vue").PropType<number>;
+            };
             modelValue: {
                 type: import("vue").PropType<string>;
                 required: true;
@@ -2062,6 +3609,9 @@ export declare const components: {
             type: import("vue").PropType<string>;
             default: string;
         };
+        zIndex: {
+            type: import("vue").PropType<number>;
+        };
         modelValue: {
             type: import("vue").PropType<string>;
             required: true;
@@ -2131,12 +3681,16 @@ export declare const components: {
             }): any;
         };
     });
-    FmDatePickerMobile: {
+    FmSimpleDatePickerMobile: {
         new (...args: any[]): import("vue").CreateComponentPublicInstance<Readonly<import("vue").ExtractPropTypes<{
             label: {
                 type: import("vue").PropType<string>;
                 default: string;
             };
+            zIndex: {
+                type: import("vue").PropType<number>;
+                default: undefined;
+            };
             modelValue: {
                 type: import("vue").PropType<string>;
                 required: true;
@@ -2190,6 +3744,10 @@ export declare const components: {
                 type: import("vue").PropType<string>;
                 default: string;
             };
+            zIndex: {
+                type: import("vue").PropType<number>;
+                default: undefined;
+            };
             modelValue: {
                 type: import("vue").PropType<string>;
                 required: true;
@@ -2238,6 +3796,7 @@ export declare const components: {
             "onUpdate:modelValue"?: ((value: string) => any) | undefined;
         }, {
             label: string;
+            zIndex: number;
             disabled: boolean;
             labelMark: "required" | "none" | "optional";
             labelInfo: string;
@@ -2260,6 +3819,10 @@ export declare const components: {
                 type: import("vue").PropType<string>;
                 default: string;
             };
+            zIndex: {
+                type: import("vue").PropType<number>;
+                default: undefined;
+            };
             modelValue: {
                 type: import("vue").PropType<string>;
                 required: true;
@@ -2308,6 +3871,7 @@ export declare const components: {
             "onUpdate:modelValue"?: ((value: string) => any) | undefined;
         }, {}, {}, {}, {}, {
             label: string;
+            zIndex: number;
             disabled: boolean;
             labelMark: "required" | "none" | "optional";
             labelInfo: string;
@@ -2327,6 +3891,10 @@ export declare const components: {
             type: import("vue").PropType<string>;
             default: string;
         };
+        zIndex: {
+            type: import("vue").PropType<number>;
+            default: undefined;
+        };
         modelValue: {
             type: import("vue").PropType<string>;
             required: true;
@@ -2377,6 +3945,7 @@ export declare const components: {
         "update:modelValue": (value: string) => void;
     }, string, {
         label: string;
+        zIndex: number;
         disabled: boolean;
         labelMark: "required" | "none" | "optional";
         labelInfo: string;
@@ -2400,10 +3969,13 @@ export declare const components: {
             "helper-text"?(_: {}): any;
         };
     });
-    FmDateRangePicker: {
+    FmSimpleDateRangePicker: {
         new (...args: any[]): import("vue").CreateComponentPublicInstance<Readonly<import("vue").ExtractPropTypes<{
+            zIndex: {
+                type: import("vue").PropType<number>;
+            };
             modelValue: {
-                type: import("vue").PropType<import("./components/form/calendar/date-range-picker/common").DateRange | import("./components/form/calendar/date-range-picker/common").DateRange[] | null>;
+                type: import("vue").PropType<import("./components/form/simple-calendar/simple-date-range-picker/common").DateRange | null>;
                 required: true;
             };
             disabled: {
@@ -2459,7 +4031,7 @@ export declare const components: {
                 default: boolean;
             };
             predefinedRange: {
-                type: import("vue").PropType<import("./components/form/calendar/date-range-picker/common").FmCalendarPredefinedRange[]>;
+                type: import("vue").PropType<import("./components/form/simple-calendar/simple-date-range-picker/common").FmCalendarPredefinedRange[]>;
                 default: () => {
                     label: string;
                     value: {
@@ -2468,21 +4040,19 @@ export declare const components: {
                     };
                 }[];
             };
-            compare: {
-                type: import("vue").PropType<boolean>;
-                default: boolean;
-            };
-            compareLabel: {
-                type: import("vue").PropType<string>;
-                default: string;
+            compareTarget: {
+                type: import("vue").PropType<import("./components/form/simple-calendar/simple-date-range-picker/common").DateRange | null>;
             };
         }>> & {
-            "onUpdate:modelValue"?: ((value: import("./components/form/calendar/date-range-picker/common").DateRange) => any) | undefined;
+            "onUpdate:modelValue"?: ((value: import("./components/form/simple-calendar/simple-date-range-picker/common").DateRange) => any) | undefined;
         }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-            "update:modelValue": (value: import("./components/form/calendar/date-range-picker/common").DateRange) => void;
+            "update:modelValue": (value: import("./components/form/simple-calendar/simple-date-range-picker/common").DateRange) => void;
         }, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<import("vue").ExtractPropTypes<{
+            zIndex: {
+                type: import("vue").PropType<number>;
+            };
             modelValue: {
-                type: import("vue").PropType<import("./components/form/calendar/date-range-picker/common").DateRange | import("./components/form/calendar/date-range-picker/common").DateRange[] | null>;
+                type: import("vue").PropType<import("./components/form/simple-calendar/simple-date-range-picker/common").DateRange | null>;
                 required: true;
             };
             disabled: {
@@ -2538,7 +4108,7 @@ export declare const components: {
                 default: boolean;
             };
             predefinedRange: {
-                type: import("vue").PropType<import("./components/form/calendar/date-range-picker/common").FmCalendarPredefinedRange[]>;
+                type: import("vue").PropType<import("./components/form/simple-calendar/simple-date-range-picker/common").FmCalendarPredefinedRange[]>;
                 default: () => {
                     label: string;
                     value: {
@@ -2547,16 +4117,11 @@ export declare const components: {
                     };
                 }[];
             };
-            compare: {
-                type: import("vue").PropType<boolean>;
-                default: boolean;
-            };
-            compareLabel: {
-                type: import("vue").PropType<string>;
-                default: string;
+            compareTarget: {
+                type: import("vue").PropType<import("./components/form/simple-calendar/simple-date-range-picker/common").DateRange | null>;
             };
         }>> & {
-            "onUpdate:modelValue"?: ((value: import("./components/form/calendar/date-range-picker/common").DateRange) => any) | undefined;
+            "onUpdate:modelValue"?: ((value: import("./components/form/simple-calendar/simple-date-range-picker/common").DateRange) => any) | undefined;
         }, {
             disabled: boolean;
             labelMark: "required" | "none" | "optional";
@@ -2571,9 +4136,7 @@ export declare const components: {
             startLabel: string;
             endLabel: string;
             showPredefinedRange: boolean;
-            predefinedRange: import("./components/form/calendar/date-range-picker/common").FmCalendarPredefinedRange[];
-            compare: boolean;
-            compareLabel: string;
+            predefinedRange: import("./components/form/simple-calendar/simple-date-range-picker/common").FmCalendarPredefinedRange[];
         }, true, {}, {}, {
             P: {};
             B: {};
@@ -2582,8 +4145,11 @@ export declare const components: {
             M: {};
             Defaults: {};
         }, Readonly<import("vue").ExtractPropTypes<{
+            zIndex: {
+                type: import("vue").PropType<number>;
+            };
             modelValue: {
-                type: import("vue").PropType<import("./components/form/calendar/date-range-picker/common").DateRange | import("./components/form/calendar/date-range-picker/common").DateRange[] | null>;
+                type: import("vue").PropType<import("./components/form/simple-calendar/simple-date-range-picker/common").DateRange | null>;
                 required: true;
             };
             disabled: {
@@ -2639,7 +4205,7 @@ export declare const components: {
                 default: boolean;
             };
             predefinedRange: {
-                type: import("vue").PropType<import("./components/form/calendar/date-range-picker/common").FmCalendarPredefinedRange[]>;
+                type: import("vue").PropType<import("./components/form/simple-calendar/simple-date-range-picker/common").FmCalendarPredefinedRange[]>;
                 default: () => {
                     label: string;
                     value: {
@@ -2648,16 +4214,11 @@ export declare const components: {
                     };
                 }[];
             };
-            compare: {
-                type: import("vue").PropType<boolean>;
-                default: boolean;
-            };
-            compareLabel: {
-                type: import("vue").PropType<string>;
-                default: string;
+            compareTarget: {
+                type: import("vue").PropType<import("./components/form/simple-calendar/simple-date-range-picker/common").DateRange | null>;
             };
         }>> & {
-            "onUpdate:modelValue"?: ((value: import("./components/form/calendar/date-range-picker/common").DateRange) => any) | undefined;
+            "onUpdate:modelValue"?: ((value: import("./components/form/simple-calendar/simple-date-range-picker/common").DateRange) => any) | undefined;
         }, {}, {}, {}, {}, {
             disabled: boolean;
             labelMark: "required" | "none" | "optional";
@@ -2672,16 +4233,17 @@ export declare const components: {
             startLabel: string;
             endLabel: string;
             showPredefinedRange: boolean;
-            predefinedRange: import("./components/form/calendar/date-range-picker/common").FmCalendarPredefinedRange[];
-            compare: boolean;
-            compareLabel: string;
+            predefinedRange: import("./components/form/simple-calendar/simple-date-range-picker/common").FmCalendarPredefinedRange[];
         }>;
         __isFragment?: undefined;
         __isTeleport?: undefined;
         __isSuspense?: undefined;
     } & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+        zIndex: {
+            type: import("vue").PropType<number>;
+        };
         modelValue: {
-            type: import("vue").PropType<import("./components/form/calendar/date-range-picker/common").DateRange | import("./components/form/calendar/date-range-picker/common").DateRange[] | null>;
+            type: import("vue").PropType<import("./components/form/simple-calendar/simple-date-range-picker/common").DateRange | null>;
             required: true;
         };
         disabled: {
@@ -2737,7 +4299,7 @@ export declare const components: {
             default: boolean;
         };
         predefinedRange: {
-            type: import("vue").PropType<import("./components/form/calendar/date-range-picker/common").FmCalendarPredefinedRange[]>;
+            type: import("vue").PropType<import("./components/form/simple-calendar/simple-date-range-picker/common").FmCalendarPredefinedRange[]>;
             default: () => {
                 label: string;
                 value: {
@@ -2746,18 +4308,13 @@ export declare const components: {
                 };
             }[];
         };
-        compare: {
-            type: import("vue").PropType<boolean>;
-            default: boolean;
-        };
-        compareLabel: {
-            type: import("vue").PropType<string>;
-            default: string;
+        compareTarget: {
+            type: import("vue").PropType<import("./components/form/simple-calendar/simple-date-range-picker/common").DateRange | null>;
         };
     }>> & {
-        "onUpdate:modelValue"?: ((value: import("./components/form/calendar/date-range-picker/common").DateRange) => any) | undefined;
+        "onUpdate:modelValue"?: ((value: import("./components/form/simple-calendar/simple-date-range-picker/common").DateRange) => any) | undefined;
     }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-        "update:modelValue": (value: import("./components/form/calendar/date-range-picker/common").DateRange) => void;
+        "update:modelValue": (value: import("./components/form/simple-calendar/simple-date-range-picker/common").DateRange) => void;
     }, string, {
         disabled: boolean;
         labelMark: "required" | "none" | "optional";
@@ -2772,23 +4329,24 @@ export declare const components: {
         startLabel: string;
         endLabel: string;
         showPredefinedRange: boolean;
-        predefinedRange: import("./components/form/calendar/date-range-picker/common").FmCalendarPredefinedRange[];
-        compare: boolean;
-        compareLabel: string;
+        predefinedRange: import("./components/form/simple-calendar/simple-date-range-picker/common").FmCalendarPredefinedRange[];
     }, {}, string, {}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
         $slots: {
             "trigger-button"?(_: {
                 opened: boolean;
                 invalid: boolean;
                 showValidBorder: boolean;
-                isComparing: boolean;
             }): any;
         };
     });
-    FmDateRangePickerMobile: {
+    FmSimpleDateRangePickerMobile: {
         new (...args: any[]): import("vue").CreateComponentPublicInstance<Readonly<import("vue").ExtractPropTypes<{
+            zIndex: {
+                type: import("vue").PropType<number>;
+                default: undefined;
+            };
             modelValue: {
-                type: import("vue").PropType<import("./components/form/calendar/date-range-picker/common").DateRange | import("./components/form/calendar/date-range-picker/common").DateRange[] | null>;
+                type: import("vue").PropType<import("./components/form/simple-calendar/simple-date-range-picker/common").DateRange | null>;
                 required: true;
             };
             disabled: {
@@ -2844,7 +4402,7 @@ export declare const components: {
                 default: boolean;
             };
             predefinedRange: {
-                type: import("vue").PropType<import("./components/form/calendar/date-range-picker/common").FmCalendarPredefinedRange[]>;
+                type: import("vue").PropType<import("./components/form/simple-calendar/simple-date-range-picker/common").FmCalendarPredefinedRange[]>;
                 default: () => {
                     label: string;
                     value: {
@@ -2853,21 +4411,20 @@ export declare const components: {
                     };
                 }[];
             };
-            compare: {
-                type: import("vue").PropType<boolean>;
-                default: boolean;
-            };
-            compareLabel: {
-                type: import("vue").PropType<string>;
-                default: string;
+            compareTarget: {
+                type: import("vue").PropType<import("./components/form/simple-calendar/simple-date-range-picker/common").DateRange | null>;
             };
         }>> & {
-            "onUpdate:modelValue"?: ((value: import("./components/form/calendar/date-range-picker/common").DateRange) => any) | undefined;
+            "onUpdate:modelValue"?: ((value: import("./components/form/simple-calendar/simple-date-range-picker/common").DateRange) => any) | undefined;
         }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-            "update:modelValue": (value: import("./components/form/calendar/date-range-picker/common").DateRange) => void;
+            "update:modelValue": (value: import("./components/form/simple-calendar/simple-date-range-picker/common").DateRange) => void;
         }, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<import("vue").ExtractPropTypes<{
+            zIndex: {
+                type: import("vue").PropType<number>;
+                default: undefined;
+            };
             modelValue: {
-                type: import("vue").PropType<import("./components/form/calendar/date-range-picker/common").DateRange | import("./components/form/calendar/date-range-picker/common").DateRange[] | null>;
+                type: import("vue").PropType<import("./components/form/simple-calendar/simple-date-range-picker/common").DateRange | null>;
                 required: true;
             };
             disabled: {
@@ -2923,7 +4480,7 @@ export declare const components: {
                 default: boolean;
             };
             predefinedRange: {
-                type: import("vue").PropType<import("./components/form/calendar/date-range-picker/common").FmCalendarPredefinedRange[]>;
+                type: import("vue").PropType<import("./components/form/simple-calendar/simple-date-range-picker/common").FmCalendarPredefinedRange[]>;
                 default: () => {
                     label: string;
                     value: {
@@ -2932,17 +4489,13 @@ export declare const components: {
                     };
                 }[];
             };
-            compare: {
-                type: import("vue").PropType<boolean>;
-                default: boolean;
-            };
-            compareLabel: {
-                type: import("vue").PropType<string>;
-                default: string;
+            compareTarget: {
+                type: import("vue").PropType<import("./components/form/simple-calendar/simple-date-range-picker/common").DateRange | null>;
             };
         }>> & {
-            "onUpdate:modelValue"?: ((value: import("./components/form/calendar/date-range-picker/common").DateRange) => any) | undefined;
+            "onUpdate:modelValue"?: ((value: import("./components/form/simple-calendar/simple-date-range-picker/common").DateRange) => any) | undefined;
         }, {
+            zIndex: number;
             disabled: boolean;
             labelMark: "required" | "none" | "optional";
             labelInfo: string;
@@ -2956,9 +4509,7 @@ export declare const components: {
             startLabel: string;
             endLabel: string;
             showPredefinedRange: boolean;
-            predefinedRange: import("./components/form/calendar/date-range-picker/common").FmCalendarPredefinedRange[];
-            compare: boolean;
-            compareLabel: string;
+            predefinedRange: import("./components/form/simple-calendar/simple-date-range-picker/common").FmCalendarPredefinedRange[];
         }, true, {}, {}, {
             P: {};
             B: {};
@@ -2967,8 +4518,12 @@ export declare const components: {
             M: {};
             Defaults: {};
         }, Readonly<import("vue").ExtractPropTypes<{
+            zIndex: {
+                type: import("vue").PropType<number>;
+                default: undefined;
+            };
             modelValue: {
-                type: import("vue").PropType<import("./components/form/calendar/date-range-picker/common").DateRange | import("./components/form/calendar/date-range-picker/common").DateRange[] | null>;
+                type: import("vue").PropType<import("./components/form/simple-calendar/simple-date-range-picker/common").DateRange | null>;
                 required: true;
             };
             disabled: {
@@ -3024,7 +4579,7 @@ export declare const components: {
                 default: boolean;
             };
             predefinedRange: {
-                type: import("vue").PropType<import("./components/form/calendar/date-range-picker/common").FmCalendarPredefinedRange[]>;
+                type: import("vue").PropType<import("./components/form/simple-calendar/simple-date-range-picker/common").FmCalendarPredefinedRange[]>;
                 default: () => {
                     label: string;
                     value: {
@@ -3033,17 +4588,13 @@ export declare const components: {
                     };
                 }[];
             };
-            compare: {
-                type: import("vue").PropType<boolean>;
-                default: boolean;
-            };
-            compareLabel: {
-                type: import("vue").PropType<string>;
-                default: string;
+            compareTarget: {
+                type: import("vue").PropType<import("./components/form/simple-calendar/simple-date-range-picker/common").DateRange | null>;
             };
         }>> & {
-            "onUpdate:modelValue"?: ((value: import("./components/form/calendar/date-range-picker/common").DateRange) => any) | undefined;
+            "onUpdate:modelValue"?: ((value: import("./components/form/simple-calendar/simple-date-range-picker/common").DateRange) => any) | undefined;
         }, {}, {}, {}, {}, {
+            zIndex: number;
             disabled: boolean;
             labelMark: "required" | "none" | "optional";
             labelInfo: string;
@@ -3057,16 +4608,18 @@ export declare const components: {
             startLabel: string;
             endLabel: string;
             showPredefinedRange: boolean;
-            predefinedRange: import("./components/form/calendar/date-range-picker/common").FmCalendarPredefinedRange[];
-            compare: boolean;
-            compareLabel: string;
+            predefinedRange: import("./components/form/simple-calendar/simple-date-range-picker/common").FmCalendarPredefinedRange[];
         }>;
         __isFragment?: undefined;
         __isTeleport?: undefined;
         __isSuspense?: undefined;
     } & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+        zIndex: {
+            type: import("vue").PropType<number>;
+            default: undefined;
+        };
         modelValue: {
-            type: import("vue").PropType<import("./components/form/calendar/date-range-picker/common").DateRange | import("./components/form/calendar/date-range-picker/common").DateRange[] | null>;
+            type: import("vue").PropType<import("./components/form/simple-calendar/simple-date-range-picker/common").DateRange | null>;
             required: true;
         };
         disabled: {
@@ -3122,7 +4675,7 @@ export declare const components: {
             default: boolean;
         };
         predefinedRange: {
-            type: import("vue").PropType<import("./components/form/calendar/date-range-picker/common").FmCalendarPredefinedRange[]>;
+            type: import("vue").PropType<import("./components/form/simple-calendar/simple-date-range-picker/common").FmCalendarPredefinedRange[]>;
             default: () => {
                 label: string;
                 value: {
@@ -3131,19 +4684,15 @@ export declare const components: {
                 };
             }[];
         };
-        compare: {
-            type: import("vue").PropType<boolean>;
-            default: boolean;
-        };
-        compareLabel: {
-            type: import("vue").PropType<string>;
-            default: string;
+        compareTarget: {
+            type: import("vue").PropType<import("./components/form/simple-calendar/simple-date-range-picker/common").DateRange | null>;
         };
     }>> & {
-        "onUpdate:modelValue"?: ((value: import("./components/form/calendar/date-range-picker/common").DateRange) => any) | undefined;
+        "onUpdate:modelValue"?: ((value: import("./components/form/simple-calendar/simple-date-range-picker/common").DateRange) => any) | undefined;
     }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-        "update:modelValue": (value: import("./components/form/calendar/date-range-picker/common").DateRange) => void;
+        "update:modelValue": (value: import("./components/form/simple-calendar/simple-date-range-picker/common").DateRange) => void;
     }, string, {
+        zIndex: number;
         disabled: boolean;
         labelMark: "required" | "none" | "optional";
         labelInfo: string;
@@ -3157,16 +4706,13 @@ export declare const components: {
         startLabel: string;
         endLabel: string;
         showPredefinedRange: boolean;
-        predefinedRange: import("./components/form/calendar/date-range-picker/common").FmCalendarPredefinedRange[];
-        compare: boolean;
-        compareLabel: string;
+        predefinedRange: import("./components/form/simple-calendar/simple-date-range-picker/common").FmCalendarPredefinedRange[];
     }, {}, string, {}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
         $slots: {
             "trigger-button"?(_: {
                 opened: boolean;
                 invalid: boolean;
                 showValidBorder: boolean;
-                isComparing: boolean;
             }): any;
             "popover-button"?(_: {
                 focused: boolean;
@@ -5035,6 +6581,9 @@ export declare const components: {
                 type: import("vue").PropType<boolean>;
                 default: boolean;
             };
+            menuId: {
+                type: import("vue").PropType<string>;
+            };
         }>> & {
             "onUpdate:modelValue"?: ((value: any) => any) | undefined;
             "onDropdown-changed"?: ((value: boolean) => any) | undefined;
@@ -5106,6 +6655,9 @@ export declare const components: {
                 type: import("vue").PropType<boolean>;
                 default: boolean;
             };
+            menuId: {
+                type: import("vue").PropType<string>;
+            };
         }>> & {
             "onUpdate:modelValue"?: ((value: any) => any) | undefined;
             "onDropdown-changed"?: ((value: boolean) => any) | undefined;
@@ -5196,6 +6748,9 @@ export declare const components: {
                 type: import("vue").PropType<boolean>;
                 default: boolean;
             };
+            menuId: {
+                type: import("vue").PropType<string>;
+            };
         }>> & {
             "onUpdate:modelValue"?: ((value: any) => any) | undefined;
             "onDropdown-changed"?: ((value: boolean) => any) | undefined;
@@ -5283,6 +6838,9 @@ export declare const components: {
             type: import("vue").PropType<boolean>;
             default: boolean;
         };
+        menuId: {
+            type: import("vue").PropType<string>;
+        };
     }>> & {
         "onUpdate:modelValue"?: ((value: any) => any) | undefined;
         "onDropdown-changed"?: ((value: boolean) => any) | undefined;
@@ -6739,6 +8297,10 @@ export declare const components: {
                 type: import("vue").PropType<string>;
                 default: string;
             };
+            zIndex: {
+                type: import("vue").PropType<number>;
+                default: undefined;
+            };
             modelValue: {
                 type: import("vue").PropType<string | null>;
                 required: true;
@@ -6788,6 +8350,10 @@ export declare const components: {
                 type: import("vue").PropType<string>;
                 default: string;
             };
+            zIndex: {
+                type: import("vue").PropType<number>;
+                default: undefined;
+            };
             modelValue: {
                 type: import("vue").PropType<string | null>;
                 required: true;
@@ -6832,6 +8398,7 @@ export declare const components: {
             "onUpdate:modelValue"?: ((value: string | null) => any) | undefined;
         }, {
             label: string;
+            zIndex: number;
             disabled: boolean;
             labelMark: "required" | "none" | "optional";
             labelInfo: string;
@@ -6853,6 +8420,10 @@ export declare const components: {
                 type: import("vue").PropType<string>;
                 default: string;
             };
+            zIndex: {
+                type: import("vue").PropType<number>;
+                default: undefined;
+            };
             modelValue: {
                 type: import("vue").PropType<string | null>;
                 required: true;
@@ -6897,6 +8468,7 @@ export declare const components: {
             "onUpdate:modelValue"?: ((value: string | null) => any) | undefined;
         }, {}, {}, {}, {}, {
             label: string;
+            zIndex: number;
             disabled: boolean;
             labelMark: "required" | "none" | "optional";
             labelInfo: string;
@@ -6915,6 +8487,10 @@ export declare const components: {
             type: import("vue").PropType<string>;
             default: string;
         };
+        zIndex: {
+            type: import("vue").PropType<number>;
+            default: undefined;
+        };
         modelValue: {
             type: import("vue").PropType<string | null>;
             required: true;
@@ -6961,6 +8537,7 @@ export declare const components: {
         "update:modelValue": (value: string | null) => void;
     }, string, {
         label: string;
+        zIndex: number;
         disabled: boolean;
         labelMark: "required" | "none" | "optional";
         labelInfo: string;
@@ -6988,6 +8565,10 @@ export declare const components: {
                 type: import("vue").PropType<string>;
                 default: string;
             };
+            zIndex: {
+                type: import("vue").PropType<number>;
+                default: undefined;
+            };
             modelValue: {
                 type: import("vue").PropType<string[] | null>;
                 required: true;
@@ -7037,6 +8618,10 @@ export declare const components: {
                 type: import("vue").PropType<string>;
                 default: string;
             };
+            zIndex: {
+                type: import("vue").PropType<number>;
+                default: undefined;
+            };
             modelValue: {
                 type: import("vue").PropType<string[] | null>;
                 required: true;
@@ -7081,6 +8666,7 @@ export declare const components: {
             "onUpdate:modelValue"?: ((value: string | null) => any) | undefined;
         }, {
             label: string;
+            zIndex: number;
             disabled: boolean;
             labelMark: "required" | "none" | "optional";
             labelInfo: string;
@@ -7102,6 +8688,10 @@ export declare const components: {
                 type: import("vue").PropType<string>;
                 default: string;
             };
+            zIndex: {
+                type: import("vue").PropType<number>;
+                default: undefined;
+            };
             modelValue: {
                 type: import("vue").PropType<string[] | null>;
                 required: true;
@@ -7146,6 +8736,7 @@ export declare const components: {
             "onUpdate:modelValue"?: ((value: string | null) => any) | undefined;
         }, {}, {}, {}, {}, {
             label: string;
+            zIndex: number;
             disabled: boolean;
             labelMark: "required" | "none" | "optional";
             labelInfo: string;
@@ -7164,6 +8755,10 @@ export declare const components: {
             type: import("vue").PropType<string>;
             default: string;
         };
+        zIndex: {
+            type: import("vue").PropType<number>;
+            default: undefined;
+        };
         modelValue: {
             type: import("vue").PropType<string[] | null>;
             required: true;
@@ -7210,6 +8805,7 @@ export declare const components: {
         "update:modelValue": (value: string | null) => void;
     }, string, {
         label: string;
+        zIndex: number;
         disabled: boolean;
         labelMark: "required" | "none" | "optional";
         labelInfo: string;
@@ -7467,6 +9063,10 @@ export declare const components: {
     });
     FmMenu: {
         new (...args: any[]): import("vue").CreateComponentPublicInstance<Readonly<import("vue").ExtractPropTypes<{
+            zIndex: {
+                type: import("vue").PropType<number>;
+                default: number;
+            };
             disabled: {
                 type: import("vue").PropType<boolean>;
                 default: boolean;
@@ -7503,6 +9103,10 @@ export declare const components: {
         }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
             "menu-changed": (opened: boolean) => void;
         }, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<import("vue").ExtractPropTypes<{
+            zIndex: {
+                type: import("vue").PropType<number>;
+                default: number;
+            };
             disabled: {
                 type: import("vue").PropType<boolean>;
                 default: boolean;
@@ -7537,6 +9141,7 @@ export declare const components: {
         }>> & {
             "onMenu-changed"?: ((opened: boolean) => any) | undefined;
         }, {
+            zIndex: number;
             disabled: boolean;
             placement: import("@floating-ui/vue").Placement;
             width: number;
@@ -7552,6 +9157,10 @@ export declare const components: {
             M: {};
             Defaults: {};
         }, Readonly<import("vue").ExtractPropTypes<{
+            zIndex: {
+                type: import("vue").PropType<number>;
+                default: number;
+            };
             disabled: {
                 type: import("vue").PropType<boolean>;
                 default: boolean;
@@ -7586,6 +9195,7 @@ export declare const components: {
         }>> & {
             "onMenu-changed"?: ((opened: boolean) => any) | undefined;
         }, {}, {}, {}, {}, {
+            zIndex: number;
             disabled: boolean;
             placement: import("@floating-ui/vue").Placement;
             width: number;
@@ -7598,6 +9208,10 @@ export declare const components: {
         __isTeleport?: undefined;
         __isSuspense?: undefined;
     } & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+        zIndex: {
+            type: import("vue").PropType<number>;
+            default: number;
+        };
         disabled: {
             type: import("vue").PropType<boolean>;
             default: boolean;
@@ -7634,6 +9248,7 @@ export declare const components: {
     }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
         "menu-changed": (opened: boolean) => void;
     }, string, {
+        zIndex: number;
         disabled: boolean;
         placement: import("@floating-ui/vue").Placement;
         width: number;
@@ -8066,6 +9681,10 @@ export declare const components: {
                 type: import("vue").PropType<boolean>;
                 default: boolean;
             };
+            zIndex: {
+                type: import("vue").PropType<number>;
+                default: undefined;
+            };
             modelValue: {
                 type: import("vue").PropType<boolean>;
                 default: boolean;
@@ -8091,6 +9710,10 @@ export declare const components: {
                 type: import("vue").PropType<boolean>;
                 default: boolean;
             };
+            zIndex: {
+                type: import("vue").PropType<number>;
+                default: undefined;
+            };
             modelValue: {
                 type: import("vue").PropType<boolean>;
                 default: boolean;
@@ -8108,6 +9731,7 @@ export declare const components: {
         }, {
             header: string;
             dismissAway: boolean;
+            zIndex: number;
             modelValue: boolean;
             closeButton: boolean;
             maxWidth: number;
@@ -8127,6 +9751,10 @@ export declare const components: {
                 type: import("vue").PropType<boolean>;
                 default: boolean;
             };
+            zIndex: {
+                type: import("vue").PropType<number>;
+                default: undefined;
+            };
             modelValue: {
                 type: import("vue").PropType<boolean>;
                 default: boolean;
@@ -8144,6 +9772,7 @@ export declare const components: {
         }, {}, {}, {}, {}, {
             header: string;
             dismissAway: boolean;
+            zIndex: number;
             modelValue: boolean;
             closeButton: boolean;
             maxWidth: number;
@@ -8160,6 +9789,10 @@ export declare const components: {
             type: import("vue").PropType<boolean>;
             default: boolean;
         };
+        zIndex: {
+            type: import("vue").PropType<number>;
+            default: undefined;
+        };
         modelValue: {
             type: import("vue").PropType<boolean>;
             default: boolean;
@@ -8179,6 +9812,7 @@ export declare const components: {
     }, string, {
         header: string;
         dismissAway: boolean;
+        zIndex: number;
         modelValue: boolean;
         closeButton: boolean;
         maxWidth: number;
@@ -8741,8 +10375,8 @@ export declare const components: {
                 type: import("vue").PropType<boolean>;
             };
             shrinkAt: {
-                type: import("vue").PropType<string | number>;
-                default: string;
+                type: import("vue").PropType<number | false | import("./composables/useBreakpoints").Breakpoints>;
+                default: import("./composables/useBreakpoints").Breakpoints;
             };
             hideFooter: {
                 type: import("vue").PropType<boolean>;
@@ -8804,8 +10438,8 @@ export declare const components: {
                 type: import("vue").PropType<boolean>;
             };
             shrinkAt: {
-                type: import("vue").PropType<string | number>;
-                default: string;
+                type: import("vue").PropType<number | false | import("./composables/useBreakpoints").Breakpoints>;
+                default: import("./composables/useBreakpoints").Breakpoints;
             };
             hideFooter: {
                 type: import("vue").PropType<boolean>;
@@ -8824,7 +10458,7 @@ export declare const components: {
             fetchFn: ({ pageSize, pageIndex }: import("@tanstack/vue-table").PaginationState) => Promise<void>;
             pinHeaderRow: boolean;
             onRowClick: (row: import("@tanstack/vue-table").Row<any>) => void;
-            shrinkAt: string | number;
+            shrinkAt: number | false | import("./composables/useBreakpoints").Breakpoints;
         }, true, {}, {}, {
             P: {};
             B: {};
@@ -8889,8 +10523,8 @@ export declare const components: {
                 type: import("vue").PropType<boolean>;
             };
             shrinkAt: {
-                type: import("vue").PropType<string | number>;
-                default: string;
+                type: import("vue").PropType<number | false | import("./composables/useBreakpoints").Breakpoints>;
+                default: import("./composables/useBreakpoints").Breakpoints;
             };
             hideFooter: {
                 type: import("vue").PropType<boolean>;
@@ -8909,7 +10543,7 @@ export declare const components: {
             fetchFn: ({ pageSize, pageIndex }: import("@tanstack/vue-table").PaginationState) => Promise<void>;
             pinHeaderRow: boolean;
             onRowClick: (row: import("@tanstack/vue-table").Row<any>) => void;
-            shrinkAt: string | number;
+            shrinkAt: number | false | import("./composables/useBreakpoints").Breakpoints;
         }>;
         __isFragment?: undefined;
         __isTeleport?: undefined;
@@ -8971,8 +10605,8 @@ export declare const components: {
             type: import("vue").PropType<boolean>;
         };
         shrinkAt: {
-            type: import("vue").PropType<string | number>;
-            default: string;
+            type: import("vue").PropType<number | false | import("./composables/useBreakpoints").Breakpoints>;
+            default: import("./composables/useBreakpoints").Breakpoints;
         };
         hideFooter: {
             type: import("vue").PropType<boolean>;
@@ -8991,7 +10625,7 @@ export declare const components: {
         fetchFn: ({ pageSize, pageIndex }: import("@tanstack/vue-table").PaginationState) => Promise<void>;
         pinHeaderRow: boolean;
         onRowClick: (row: import("@tanstack/vue-table").Row<any>) => void;
-        shrinkAt: string | number;
+        shrinkAt: number | false | import("./composables/useBreakpoints").Breakpoints;
     }, {}, string, {}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
         $slots: Readonly<import("./components/table/FmTable.vue").FmTableSlots> & import("./components/table/FmTable.vue").FmTableSlots;
     });
@@ -9015,6 +10649,10 @@ export declare const components: {
                 type: import("vue").PropType<import("./components/table/FmTableToolbar").FmTableToolbarActions[]>;
                 default: () => never[];
             };
+            zIndexForBottomSheet: {
+                type: import("vue").PropType<number>;
+                default: undefined;
+            };
         }>> & {
             [x: `onClick:action-${string}`]: (() => any) | undefined;
             "onUpdate:search-model"?: ((search: string) => any) | undefined;
@@ -9042,6 +10680,10 @@ export declare const components: {
                 type: import("vue").PropType<import("./components/table/FmTableToolbar").FmTableToolbarActions[]>;
                 default: () => never[];
             };
+            zIndexForBottomSheet: {
+                type: import("vue").PropType<number>;
+                default: undefined;
+            };
         }>> & {
             [x: `onClick:action-${string}`]: (() => any) | undefined;
             "onUpdate:search-model"?: ((search: string) => any) | undefined;
@@ -9050,6 +10692,7 @@ export declare const components: {
             searchModel: string;
             chips: import("./components/chip/FmChip.vue").FmChipProps[];
             actions: import("./components/table/FmTableToolbar").FmTableToolbarActions[];
+            zIndexForBottomSheet: number;
         }, true, {}, {}, {
             P: {};
             B: {};
@@ -9076,6 +10719,10 @@ export declare const components: {
                 type: import("vue").PropType<import("./components/table/FmTableToolbar").FmTableToolbarActions[]>;
                 default: () => never[];
             };
+            zIndexForBottomSheet: {
+                type: import("vue").PropType<number>;
+                default: undefined;
+            };
         }>> & {
             [x: `onClick:action-${string}`]: (() => any) | undefined;
             "onUpdate:search-model"?: ((search: string) => any) | undefined;
@@ -9084,6 +10731,7 @@ export declare const components: {
             searchModel: string;
             chips: import("./components/chip/FmChip.vue").FmChipProps[];
             actions: import("./components/table/FmTableToolbar").FmTableToolbarActions[];
+            zIndexForBottomSheet: number;
         }>;
         __isFragment?: undefined;
         __isTeleport?: undefined;
@@ -9107,6 +10755,10 @@ export declare const components: {
             type: import("vue").PropType<import("./components/table/FmTableToolbar").FmTableToolbarActions[]>;
             default: () => never[];
         };
+        zIndexForBottomSheet: {
+            type: import("vue").PropType<number>;
+            default: undefined;
+        };
     }>> & {
         [x: `onClick:action-${string}`]: (() => any) | undefined;
         "onUpdate:search-model"?: ((search: string) => any) | undefined;
@@ -9119,6 +10771,7 @@ export declare const components: {
         searchModel: string;
         chips: import("./components/chip/FmChip.vue").FmChipProps[];
         actions: import("./components/table/FmTableToolbar").FmTableToolbarActions[];
+        zIndexForBottomSheet: number;
     }, {}, string, {}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
         $slots: Partial<Record<`action-${string}`, (_: {}) => any>> & {
             chips?(_: {}): any;
@@ -9505,6 +11158,10 @@ export declare const components: {
                 type: import("vue").PropType<import("./components/page-head/FmPageHead.vue").FmPageHeadAction[]>;
                 default: () => never[];
             };
+            zIndexForBottomSheet: {
+                type: import("vue").PropType<number>;
+                default: undefined;
+            };
             backButton: {
                 type: import("vue").PropType<boolean>;
                 default: () => false;
@@ -9528,6 +11185,10 @@ export declare const components: {
                 type: import("vue").PropType<import("./components/page-head/FmPageHead.vue").FmPageHeadAction[]>;
                 default: () => never[];
             };
+            zIndexForBottomSheet: {
+                type: import("vue").PropType<number>;
+                default: undefined;
+            };
             backButton: {
                 type: import("vue").PropType<boolean>;
                 default: () => false;
@@ -9539,6 +11200,7 @@ export declare const components: {
             title: string;
             description: string;
             actions: import("./components/page-head/FmPageHead.vue").FmPageHeadAction[];
+            zIndexForBottomSheet: number;
             backButton: boolean;
         }, true, {}, {}, {
             P: {};
@@ -9560,6 +11222,10 @@ export declare const components: {
                 type: import("vue").PropType<import("./components/page-head/FmPageHead.vue").FmPageHeadAction[]>;
                 default: () => never[];
             };
+            zIndexForBottomSheet: {
+                type: import("vue").PropType<number>;
+                default: undefined;
+            };
             backButton: {
                 type: import("vue").PropType<boolean>;
                 default: () => false;
@@ -9571,6 +11237,7 @@ export declare const components: {
             title: string;
             description: string;
             actions: import("./components/page-head/FmPageHead.vue").FmPageHeadAction[];
+            zIndexForBottomSheet: number;
             backButton: boolean;
         }>;
         __isFragment?: undefined;
@@ -9589,6 +11256,10 @@ export declare const components: {
             type: import("vue").PropType<import("./components/page-head/FmPageHead.vue").FmPageHeadAction[]>;
             default: () => never[];
         };
+        zIndexForBottomSheet: {
+            type: import("vue").PropType<number>;
+            default: undefined;
+        };
         backButton: {
             type: import("vue").PropType<boolean>;
             default: () => false;
@@ -9603,6 +11274,7 @@ export declare const components: {
         title: string;
         description: string;
         actions: import("./components/page-head/FmPageHead.vue").FmPageHeadAction[];
+        zIndexForBottomSheet: number;
         backButton: boolean;
     }, {}, string, {}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
         $slots: Readonly<import("./components/page-head/FmPageHead.vue").FmPageHeadSlots> & import("./components/page-head/FmPageHead.vue").FmPageHeadSlots;
@@ -9617,6 +11289,10 @@ export declare const components: {
                 type: import("vue").PropType<boolean>;
                 default: boolean;
             };
+            zIndex: {
+                type: import("vue").PropType<number>;
+                default: undefined;
+            };
             modelValue: {
                 type: import("vue").PropType<boolean>;
                 default: boolean;
@@ -9638,6 +11314,10 @@ export declare const components: {
                 type: import("vue").PropType<boolean>;
                 default: boolean;
             };
+            zIndex: {
+                type: import("vue").PropType<number>;
+                default: undefined;
+            };
             modelValue: {
                 type: import("vue").PropType<boolean>;
                 default: boolean;
@@ -9651,6 +11331,7 @@ export declare const components: {
         }, {
             header: string;
             dismissAway: boolean;
+            zIndex: number;
             modelValue: boolean;
             fullscreenSize: "sm" | "md" | "lg" | "xs";
         }, true, {}, {}, {
@@ -9669,6 +11350,10 @@ export declare const components: {
                 type: import("vue").PropType<boolean>;
                 default: boolean;
             };
+            zIndex: {
+                type: import("vue").PropType<number>;
+                default: undefined;
+            };
             modelValue: {
                 type: import("vue").PropType<boolean>;
                 default: boolean;
@@ -9682,6 +11367,7 @@ export declare const components: {
         }, {}, {}, {}, {}, {
             header: string;
             dismissAway: boolean;
+            zIndex: number;
             modelValue: boolean;
             fullscreenSize: "sm" | "md" | "lg" | "xs";
         }>;
@@ -9697,6 +11383,10 @@ export declare const components: {
             type: import("vue").PropType<boolean>;
             default: boolean;
         };
+        zIndex: {
+            type: import("vue").PropType<number>;
+            default: undefined;
+        };
         modelValue: {
             type: import("vue").PropType<boolean>;
             default: boolean;
@@ -9712,6 +11402,7 @@ export declare const components: {
     }, string, {
         header: string;
         dismissAway: boolean;
+        zIndex: number;
         modelValue: boolean;
         fullscreenSize: "sm" | "md" | "lg" | "xs";
     }, {}, string, {}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {