@feedmepos/ui-library 1.1.6 → 1.1.7

package/dist/components.d.ts

@@ -3404,6 +3404,1322 @@ export declare const components: {
             "helper-text"?(_: {}): any;
         };
     });
+    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;
+            };
+            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>;
+            };
+            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;
+            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>;
+            };
+            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;
+            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>;
+        };
+        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;
+        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;
+        };
+    });
+    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;
+            };
+            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: undefined;
+            };
+            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: undefined;
+            };
+            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: undefined;
+        };
+        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;
+        };
+    });
+    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/simple-calendar/simple-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/simple-calendar/simple-date-range-picker/common").FmCalendarPredefinedRange[]>;
+                default: () => {
+                    label: string;
+                    value: {
+                        startDate: string;
+                        endDate: string;
+                    };
+                }[];
+            };
+            compareTarget: {
+                type: import("vue").PropType<import("./components/form/simple-calendar/simple-date-range-picker/common").DateRange | null>;
+            };
+        }>> & {
+            "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/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/simple-calendar/simple-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/simple-calendar/simple-date-range-picker/common").FmCalendarPredefinedRange[]>;
+                default: () => {
+                    label: string;
+                    value: {
+                        startDate: string;
+                        endDate: string;
+                    };
+                }[];
+            };
+            compareTarget: {
+                type: import("vue").PropType<import("./components/form/simple-calendar/simple-date-range-picker/common").DateRange | null>;
+            };
+        }>> & {
+            "onUpdate:modelValue"?: ((value: import("./components/form/simple-calendar/simple-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/simple-calendar/simple-date-range-picker/common").FmCalendarPredefinedRange[];
+        }, 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/simple-calendar/simple-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/simple-calendar/simple-date-range-picker/common").FmCalendarPredefinedRange[]>;
+                default: () => {
+                    label: string;
+                    value: {
+                        startDate: string;
+                        endDate: string;
+                    };
+                }[];
+            };
+            compareTarget: {
+                type: import("vue").PropType<import("./components/form/simple-calendar/simple-date-range-picker/common").DateRange | null>;
+            };
+        }>> & {
+            "onUpdate:modelValue"?: ((value: import("./components/form/simple-calendar/simple-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/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/simple-calendar/simple-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/simple-calendar/simple-date-range-picker/common").FmCalendarPredefinedRange[]>;
+            default: () => {
+                label: string;
+                value: {
+                    startDate: string;
+                    endDate: string;
+                };
+            }[];
+        };
+        compareTarget: {
+            type: import("vue").PropType<import("./components/form/simple-calendar/simple-date-range-picker/common").DateRange | null>;
+        };
+    }>> & {
+        "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/simple-calendar/simple-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/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;
+            }): any;
+        };
+    });
+    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/simple-calendar/simple-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/simple-calendar/simple-date-range-picker/common").FmCalendarPredefinedRange[]>;
+                default: () => {
+                    label: string;
+                    value: {
+                        startDate: string;
+                        endDate: string;
+                    };
+                }[];
+            };
+            compareTarget: {
+                type: import("vue").PropType<import("./components/form/simple-calendar/simple-date-range-picker/common").DateRange | null>;
+            };
+        }>> & {
+            "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/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/simple-calendar/simple-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/simple-calendar/simple-date-range-picker/common").FmCalendarPredefinedRange[]>;
+                default: () => {
+                    label: string;
+                    value: {
+                        startDate: string;
+                        endDate: string;
+                    };
+                }[];
+            };
+            compareTarget: {
+                type: import("vue").PropType<import("./components/form/simple-calendar/simple-date-range-picker/common").DateRange | null>;
+            };
+        }>> & {
+            "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;
+            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/simple-calendar/simple-date-range-picker/common").FmCalendarPredefinedRange[];
+        }, true, {}, {}, {
+            P: {};
+            B: {};
+            D: {};
+            C: {};
+            M: {};
+            Defaults: {};
+        }, Readonly<import("vue").ExtractPropTypes<{
+            zIndex: {
+                type: import("vue").PropType<number>;
+                default: undefined;
+            };
+            modelValue: {
+                type: import("vue").PropType<import("./components/form/simple-calendar/simple-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/simple-calendar/simple-date-range-picker/common").FmCalendarPredefinedRange[]>;
+                default: () => {
+                    label: string;
+                    value: {
+                        startDate: string;
+                        endDate: string;
+                    };
+                }[];
+            };
+            compareTarget: {
+                type: import("vue").PropType<import("./components/form/simple-calendar/simple-date-range-picker/common").DateRange | null>;
+            };
+        }>> & {
+            "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;
+            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/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/simple-calendar/simple-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/simple-calendar/simple-date-range-picker/common").FmCalendarPredefinedRange[]>;
+            default: () => {
+                label: string;
+                value: {
+                    startDate: string;
+                    endDate: string;
+                };
+            }[];
+        };
+        compareTarget: {
+            type: import("vue").PropType<import("./components/form/simple-calendar/simple-date-range-picker/common").DateRange | null>;
+        };
+    }>> & {
+        "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/simple-calendar/simple-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/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;
+            }): any;
+            "popover-button"?(_: {
+                focused: boolean;
+            }): any;
+            "helper-text"?(_: {}): any;
+        };
+    });
     FmField: {
         new (...args: any[]): import("vue").CreateComponentPublicInstance<Readonly<import("vue").ExtractPropTypes<{
             size: {