@onereach/ui-components 25.3.5 → 25.3.6

package/dist/types/components/or-date-range-picker-v3/OrDateRangePicker.vue.d.ts

@@ -0,0 +1,1285 @@
+import { ReferenceElement } from '@floating-ui/dom';
+import { DateFormat, FilterFunction, FormatFunction } from '@onereach/ui-components-common/types';
+import { DateTimePickerModelValue } from '@onereach/ui-components.or-date-time-picker-v3';
+import { InputBoxSize, InputBoxVariant } from '@onereach/ui-components.or-input-box-v3';
+import { PropType } from 'vue';
+import { DateRangePickerModelValue } from './types';
+declare const _default: import("vue").DefineComponent<{
+    modelValue: {
+        type: PropType<DateRangePickerModelValue>;
+        default: undefined;
+    };
+    format: {
+        type: PropType<`${DateFormat}` | FormatFunction<DateTimePickerModelValue>>;
+        default: undefined;
+    };
+    yearsOptionsLength: {
+        type: NumberConstructor;
+        default: number;
+    };
+    weekStartsOn: {
+        type: NumberConstructor;
+        default: number;
+    };
+    locale: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    variant: {
+        type: PropType<`${InputBoxVariant}`>;
+        default: undefined;
+    };
+    size: {
+        type: PropType<`${InputBoxSize}`>;
+        default: undefined;
+    };
+    anchor: {
+        type: PropType<ReferenceElement>;
+        default: undefined;
+    };
+    label: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    hint: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    error: {
+        type: (BooleanConstructor | StringConstructor)[];
+        default: undefined;
+    };
+    required: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    readonly: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    startDateFilter: {
+        type: PropType<FilterFunction<Date>>;
+        default: undefined;
+    };
+    endDateFilter: {
+        type: PropType<FilterFunction<Date>>;
+        default: undefined;
+    };
+    startDateHighlighter: {
+        type: PropType<FilterFunction<Date>>;
+        default: undefined;
+    };
+    endDateHighlighter: {
+        type: PropType<FilterFunction<Date>>;
+        default: undefined;
+    };
+}, {
+    root: import("vue").Ref<HTMLElement | undefined>;
+    rootStyles: import("vue").ComputedRef<string[]>;
+    inputBox: import("vue").Ref<({
+        $: import("vue").ComponentInternalInstance;
+        $data: {};
+        $props: {
+            disabled?: boolean | undefined;
+            variant?: "styled" | "unstyled" | "embedded" | undefined;
+            size?: "m" | "s" | undefined;
+            direction?: "row" | "column" | undefined;
+            invalid?: boolean | undefined;
+            readonly?: boolean | undefined;
+            key?: string | number | symbol | undefined;
+            ref?: import("vue").VNodeRef | undefined;
+            ref_for?: boolean | undefined;
+            ref_key?: string | undefined;
+            onVnodeBeforeMount?: (((vnode: import("vue").VNode) => void) | ((vnode: import("vue").VNode) => void)[]) | undefined;
+            onVnodeMounted?: (((vnode: import("vue").VNode) => void) | ((vnode: import("vue").VNode) => void)[]) | undefined;
+            onVnodeBeforeUpdate?: (((vnode: import("vue").VNode, oldVNode: import("vue").VNode) => void) | ((vnode: import("vue").VNode, oldVNode: import("vue").VNode) => void)[]) | undefined;
+            onVnodeUpdated?: (((vnode: import("vue").VNode, oldVNode: import("vue").VNode) => void) | ((vnode: import("vue").VNode, oldVNode: import("vue").VNode) => void)[]) | undefined;
+            onVnodeBeforeUnmount?: (((vnode: import("vue").VNode) => void) | ((vnode: import("vue").VNode) => void)[]) | undefined;
+            onVnodeUnmounted?: (((vnode: import("vue").VNode) => void) | ((vnode: import("vue").VNode) => void)[]) | undefined;
+            class?: unknown;
+            style?: unknown;
+            onFocus?: ((...args: any[]) => any) | undefined;
+        };
+        $attrs: {
+            [x: string]: unknown;
+        };
+        $refs: {
+            [x: string]: unknown;
+        };
+        $slots: Readonly<{
+            [name: string]: import("vue").Slot<any> | undefined;
+        }>;
+        $root: import("vue").ComponentPublicInstance | null;
+        $parent: import("vue").ComponentPublicInstance | null;
+        $emit: (event: "focus", ...args: any[]) => void;
+        $el: any;
+        $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+            direction: {
+                type: PropType<`${import("@onereach/ui-components.or-input-box-v3").InputBoxDirection}`>;
+                default: () => import("@onereach/ui-components.or-input-box-v3").InputBoxDirection;
+            };
+            variant: {
+                type: PropType<`${InputBoxVariant}`>;
+                default: () => InputBoxVariant;
+            };
+            size: {
+                type: PropType<`${InputBoxSize}`>;
+                default: () => InputBoxSize;
+            };
+            invalid: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            readonly: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            disabled: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+        }>> & {
+            onFocus?: ((...args: any[]) => any) | undefined;
+        }, {
+            root: import("vue").Ref<HTMLElement | undefined>;
+            rootStyles: import("vue").ComputedRef<string[]>;
+        }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "focus"[], string, {
+            disabled: boolean;
+            variant: "styled" | "unstyled" | "embedded";
+            size: "m" | "s";
+            direction: "row" | "column";
+            invalid: boolean;
+            readonly: boolean;
+        }, {}, string, {}> & {
+            beforeCreate?: (() => void) | (() => void)[];
+            created?: (() => void) | (() => void)[];
+            beforeMount?: (() => void) | (() => void)[];
+            mounted?: (() => void) | (() => void)[];
+            beforeUpdate?: (() => void) | (() => void)[];
+            updated?: (() => void) | (() => void)[];
+            activated?: (() => void) | (() => void)[];
+            deactivated?: (() => void) | (() => void)[];
+            beforeDestroy?: (() => void) | (() => void)[];
+            beforeUnmount?: (() => void) | (() => void)[];
+            destroyed?: (() => void) | (() => void)[];
+            unmounted?: (() => void) | (() => void)[];
+            renderTracked?: ((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[];
+            renderTriggered?: ((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[];
+            errorCaptured?: ((err: unknown, instance: import("vue").ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: import("vue").ComponentPublicInstance | null, info: string) => boolean | void)[];
+        };
+        $forceUpdate: () => void;
+        $nextTick: typeof import("vue").nextTick;
+        $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R]) => any : (...args: any) => any, options?: import("vue").WatchOptions): import("vue").WatchStopHandle;
+    } & Readonly<import("vue").ExtractPropTypes<{
+        direction: {
+            type: PropType<`${import("@onereach/ui-components.or-input-box-v3").InputBoxDirection}`>;
+            default: () => import("@onereach/ui-components.or-input-box-v3").InputBoxDirection;
+        };
+        variant: {
+            type: PropType<`${InputBoxVariant}`>;
+            default: () => InputBoxVariant;
+        };
+        size: {
+            type: PropType<`${InputBoxSize}`>;
+            default: () => InputBoxSize;
+        };
+        invalid: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        readonly: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        disabled: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+    }>> & {
+        onFocus?: ((...args: any[]) => any) | undefined;
+    } & import("vue").ShallowUnwrapRef<{
+        root: import("vue").Ref<HTMLElement | undefined>;
+        rootStyles: import("vue").ComputedRef<string[]>;
+    }> & {} & import("vue").ComponentCustomProperties & {}) | undefined>;
+    inputBoxRoot: import("vue").ComputedRef<HTMLElement | undefined>;
+    popover: import("vue").Ref<({
+        $: import("vue").ComponentInternalInstance;
+        $data: {};
+        $props: {
+            variant?: "auto" | "popover" | "bottom-sheet" | undefined;
+            offset?: import("@onereach/ui-components.or-popover-v3").PopoverOffset | undefined;
+            isOpen?: boolean | undefined;
+            placement?: "bottom" | "left" | "right" | "top" | "bottom-start" | "bottom-end" | "left-start" | "left-end" | "right-start" | "right-end" | "top-start" | "top-end" | undefined;
+            customStyles?: string[] | undefined;
+            bottomSheetProps?: {
+                variant?: "basic" | "advanced" | undefined;
+                isOpen?: boolean | undefined;
+                isFullscreen?: boolean | undefined;
+                "onUpdate:state"?: ((...args: any[]) => any) | undefined;
+                onOpen?: ((...args: any[]) => any) | undefined;
+                onClose?: ((...args: any[]) => any) | undefined;
+                key?: string | number | symbol | undefined;
+                ref?: import("vue").VNodeRef | undefined;
+                ref_for?: boolean | undefined;
+                ref_key?: string | undefined;
+                onVnodeBeforeMount?: (((vnode: import("vue").VNode) => void) | ((vnode: import("vue").VNode) => void)[]) | undefined;
+                onVnodeMounted?: (((vnode: import("vue").VNode) => void) | ((vnode: import("vue").VNode) => void)[]) | undefined;
+                onVnodeBeforeUpdate?: (((vnode: import("vue").VNode, oldVNode: import("vue").VNode) => void) | ((vnode: import("vue").VNode, oldVNode: import("vue").VNode) => void)[]) | undefined;
+                onVnodeUpdated?: (((vnode: import("vue").VNode, oldVNode: import("vue").VNode) => void) | ((vnode: import("vue").VNode, oldVNode: import("vue").VNode) => void)[]) | undefined;
+                onVnodeBeforeUnmount?: (((vnode: import("vue").VNode) => void) | ((vnode: import("vue").VNode) => void)[]) | undefined;
+                onVnodeUnmounted?: (((vnode: import("vue").VNode) => void) | ((vnode: import("vue").VNode) => void)[]) | undefined;
+                class?: unknown;
+                style?: unknown;
+            } | undefined;
+            trigger?: ReferenceElement | undefined;
+            fallbackPlacement?: "none" | "start" | "end" | undefined;
+            hideOptions?: {
+                padding?: import("@floating-ui/dom").Padding | undefined;
+                strategy?: "referenceHidden" | "escaped" | undefined;
+                rootBoundary?: import("@floating-ui/dom").RootBoundary | undefined;
+                elementContext?: import("@floating-ui/dom").ElementContext | undefined;
+                altBoundary?: boolean | undefined;
+                boundary?: import("@floating-ui/dom").Boundary | undefined;
+            } | undefined;
+            fullWidth?: boolean | undefined;
+            disableDefaultStyles?: boolean | undefined;
+            keepAlive?: boolean | undefined;
+            "onUpdate:state"?: ((...args: any[]) => any) | undefined;
+            onOpen?: ((...args: any[]) => any) | undefined;
+            onClose?: ((...args: any[]) => any) | undefined;
+            key?: string | number | symbol | undefined;
+            ref?: import("vue").VNodeRef | undefined;
+            ref_for?: boolean | undefined;
+            ref_key?: string | undefined;
+            onVnodeBeforeMount?: (((vnode: import("vue").VNode) => void) | ((vnode: import("vue").VNode) => void)[]) | undefined;
+            onVnodeMounted?: (((vnode: import("vue").VNode) => void) | ((vnode: import("vue").VNode) => void)[]) | undefined;
+            onVnodeBeforeUpdate?: (((vnode: import("vue").VNode, oldVNode: import("vue").VNode) => void) | ((vnode: import("vue").VNode, oldVNode: import("vue").VNode) => void)[]) | undefined;
+            onVnodeUpdated?: (((vnode: import("vue").VNode, oldVNode: import("vue").VNode) => void) | ((vnode: import("vue").VNode, oldVNode: import("vue").VNode) => void)[]) | undefined;
+            onVnodeBeforeUnmount?: (((vnode: import("vue").VNode) => void) | ((vnode: import("vue").VNode) => void)[]) | undefined;
+            onVnodeUnmounted?: (((vnode: import("vue").VNode) => void) | ((vnode: import("vue").VNode) => void)[]) | undefined;
+            class?: unknown;
+            style?: unknown;
+        };
+        $attrs: {
+            [x: string]: unknown;
+        };
+        $refs: {
+            [x: string]: unknown;
+        };
+        $slots: Readonly<{
+            [name: string]: import("vue").Slot<any> | undefined;
+        }>;
+        $root: import("vue").ComponentPublicInstance | null;
+        $parent: import("vue").ComponentPublicInstance | null;
+        $emit: (event: "update:state" | "open" | "close", ...args: any[]) => void;
+        $el: any;
+        $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+            customStyles: {
+                type: PropType<string[]>;
+                default: () => never[];
+            };
+            isOpen: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            variant: {
+                type: PropType<`${import("@onereach/ui-components.or-popover-v3").PopoverVariant}`>;
+                default: () => import("@onereach/ui-components.or-popover-v3").PopoverVariant;
+            };
+            bottomSheetProps: {
+                type: PropType<InstanceType<typeof import("..").OrBottomSheetV3>["$props"]>;
+                default: undefined;
+            };
+            trigger: {
+                type: PropType<ReferenceElement>;
+                default: undefined;
+            };
+            placement: {
+                type: PropType<`${import("@onereach/ui-components.or-popover-v3").PopoverPlacement}`>;
+                default: () => import("@onereach/ui-components.or-popover-v3").PopoverPlacement;
+            };
+            fallbackPlacement: {
+                type: PropType<import("@floating-ui/dom").FlipOptions["fallbackAxisSideDirection"]>;
+                default: string;
+            };
+            hideOptions: {
+                type: PropType<import("@floating-ui/dom").HideOptions>;
+                default: undefined;
+            };
+            offset: {
+                type: PropType<import("@onereach/ui-components.or-popover-v3").PopoverOffset>;
+                default: number;
+            };
+            fullWidth: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            disableDefaultStyles: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            keepAlive: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+        }>> & {
+            "onUpdate:state"?: ((...args: any[]) => any) | undefined;
+            onOpen?: ((...args: any[]) => any) | undefined;
+            onClose?: ((...args: any[]) => any) | undefined;
+        }, {
+            root: import("vue").Ref<HTMLElement | undefined>;
+            containerRoot: import("vue").Ref<HTMLElement | undefined>;
+            bottomSheet: import("vue").Ref<({
+                $: import("vue").ComponentInternalInstance;
+                $data: {};
+                $props: {
+                    variant?: "basic" | "advanced" | undefined;
+                    isOpen?: boolean | undefined;
+                    isFullscreen?: boolean | undefined;
+                    "onUpdate:state"?: ((...args: any[]) => any) | undefined;
+                    onOpen?: ((...args: any[]) => any) | undefined;
+                    onClose?: ((...args: any[]) => any) | undefined;
+                    key?: string | number | symbol | undefined;
+                    ref?: import("vue").VNodeRef | undefined;
+                    ref_for?: boolean | undefined;
+                    ref_key?: string | undefined;
+                    onVnodeBeforeMount?: (((vnode: import("vue").VNode) => void) | ((vnode: import("vue").VNode) => void)[]) | undefined;
+                    onVnodeMounted?: (((vnode: import("vue").VNode) => void) | ((vnode: import("vue").VNode) => void)[]) | undefined;
+                    onVnodeBeforeUpdate?: (((vnode: import("vue").VNode, oldVNode: import("vue").VNode) => void) | ((vnode: import("vue").VNode, oldVNode: import("vue").VNode) => void)[]) | undefined;
+                    onVnodeUpdated?: (((vnode: import("vue").VNode, oldVNode: import("vue").VNode) => void) | ((vnode: import("vue").VNode, oldVNode: import("vue").VNode) => void)[]) | undefined;
+                    onVnodeBeforeUnmount?: (((vnode: import("vue").VNode) => void) | ((vnode: import("vue").VNode) => void)[]) | undefined;
+                    onVnodeUnmounted?: (((vnode: import("vue").VNode) => void) | ((vnode: import("vue").VNode) => void)[]) | undefined;
+                    class?: unknown;
+                    style?: unknown;
+                };
+                $attrs: {
+                    [x: string]: unknown;
+                };
+                $refs: {
+                    [x: string]: unknown;
+                };
+                $slots: Readonly<{
+                    [name: string]: import("vue").Slot<any> | undefined;
+                }>;
+                $root: import("vue").ComponentPublicInstance | null;
+                $parent: import("vue").ComponentPublicInstance | null;
+                $emit: (event: "update:state" | "open" | "close", ...args: any[]) => void;
+                $el: any;
+                $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+                    isOpen: {
+                        type: BooleanConstructor;
+                        default: boolean;
+                    };
+                    variant: {
+                        type: PropType<`${import("..").BottomSheetVariant}`>;
+                        default: () => import("..").BottomSheetVariant;
+                    };
+                    isFullscreen: {
+                        type: BooleanConstructor;
+                        default: boolean;
+                    };
+                }>> & {
+                    "onUpdate:state"?: ((...args: any[]) => any) | undefined;
+                    onOpen?: ((...args: any[]) => any) | undefined;
+                    onClose?: ((...args: any[]) => any) | undefined;
+                }, {
+                    root: import("vue").Ref<HTMLElement | undefined>;
+                    content: import("vue").Ref<HTMLElement | undefined>;
+                    rootStyles: import("vue").ComputedRef<string[]>;
+                    rootInlineStyles: import("vue").ComputedRef<Partial<CSSStyleDeclaration>>;
+                    handleStyles: import("vue").ComputedRef<string[]>;
+                    headerStyles: import("vue").ComputedRef<string[]>;
+                    contentStyles: import("vue").ComputedRef<string[]>;
+                    state: Readonly<import("vue").Ref<"open" | "closed">>;
+                    fullscreen: import("vue").Ref<boolean>;
+                    open: () => void;
+                    close: () => void;
+                    toggle: () => void;
+                }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:state" | "open" | "close")[], string, {
+                    variant: "basic" | "advanced";
+                    isOpen: boolean;
+                    isFullscreen: boolean;
+                }, {}, string, {}> & {
+                    beforeCreate?: (() => void) | (() => void)[];
+                    created?: (() => void) | (() => void)[];
+                    beforeMount?: (() => void) | (() => void)[];
+                    mounted?: (() => void) | (() => void)[];
+                    beforeUpdate?: (() => void) | (() => void)[];
+                    updated?: (() => void) | (() => void)[];
+                    activated?: (() => void) | (() => void)[];
+                    deactivated?: (() => void) | (() => void)[];
+                    beforeDestroy?: (() => void) | (() => void)[];
+                    beforeUnmount?: (() => void) | (() => void)[];
+                    destroyed?: (() => void) | (() => void)[];
+                    unmounted?: (() => void) | (() => void)[];
+                    renderTracked?: ((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[];
+                    renderTriggered?: ((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[];
+                    errorCaptured?: ((err: unknown, instance: import("vue").ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: import("vue").ComponentPublicInstance | null, info: string) => boolean | void)[];
+                };
+                $forceUpdate: () => void;
+                $nextTick: typeof import("vue").nextTick;
+                $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R]) => any : (...args: any) => any, options?: import("vue").WatchOptions): import("vue").WatchStopHandle;
+            } & Readonly<import("vue").ExtractPropTypes<{
+                isOpen: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                variant: {
+                    type: PropType<`${import("..").BottomSheetVariant}`>;
+                    default: () => import("..").BottomSheetVariant;
+                };
+                isFullscreen: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+            }>> & {
+                "onUpdate:state"?: ((...args: any[]) => any) | undefined;
+                onOpen?: ((...args: any[]) => any) | undefined;
+                onClose?: ((...args: any[]) => any) | undefined;
+            } & import("vue").ShallowUnwrapRef<{
+                root: import("vue").Ref<HTMLElement | undefined>;
+                content: import("vue").Ref<HTMLElement | undefined>;
+                rootStyles: import("vue").ComputedRef<string[]>;
+                rootInlineStyles: import("vue").ComputedRef<Partial<CSSStyleDeclaration>>;
+                handleStyles: import("vue").ComputedRef<string[]>;
+                headerStyles: import("vue").ComputedRef<string[]>;
+                contentStyles: import("vue").ComputedRef<string[]>;
+                state: Readonly<import("vue").Ref<"open" | "closed">>;
+                fullscreen: import("vue").Ref<boolean>;
+                open: () => void;
+                close: () => void;
+                toggle: () => void;
+            }> & {} & import("vue").ComponentCustomProperties & {}) | undefined>;
+            bottomSheetRoot: import("vue").ComputedRef<HTMLElement | undefined>;
+            rootStyles: import("vue").ComputedRef<string[]>;
+            bodyStyles: import("vue").ComputedRef<string[]>;
+            floatingStyles: Readonly<import("vue").Ref<{
+                position: import("@floating-ui/dom").Strategy;
+                top: string;
+                left: string;
+                transform?: string;
+                willChange?: string;
+            }>>;
+            state: Readonly<import("vue").Ref<"open" | "closed">>;
+            isFlipped: import("vue").ComputedRef<boolean>;
+            isHidden: import("vue").ComputedRef<boolean>;
+            isDesktop: import("vue").ComputedRef<any>;
+            isMobile: import("vue").ComputedRef<boolean>;
+            open: () => void;
+            close: () => void;
+            toggle: () => void;
+        }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:state" | "open" | "close")[], string, {
+            variant: "auto" | "popover" | "bottom-sheet";
+            offset: import("@onereach/ui-components.or-popover-v3").PopoverOffset;
+            isOpen: boolean;
+            placement: "bottom" | "left" | "right" | "top" | "bottom-start" | "bottom-end" | "left-start" | "left-end" | "right-start" | "right-end" | "top-start" | "top-end";
+            customStyles: string[];
+            bottomSheetProps: {
+                variant?: "basic" | "advanced" | undefined;
+                isOpen?: boolean | undefined;
+                isFullscreen?: boolean | undefined;
+                "onUpdate:state"?: ((...args: any[]) => any) | undefined;
+                onOpen?: ((...args: any[]) => any) | undefined;
+                onClose?: ((...args: any[]) => any) | undefined;
+                key?: string | number | symbol | undefined;
+                ref?: import("vue").VNodeRef | undefined;
+                ref_for?: boolean | undefined;
+                ref_key?: string | undefined;
+                onVnodeBeforeMount?: (((vnode: import("vue").VNode) => void) | ((vnode: import("vue").VNode) => void)[]) | undefined;
+                onVnodeMounted?: (((vnode: import("vue").VNode) => void) | ((vnode: import("vue").VNode) => void)[]) | undefined;
+                onVnodeBeforeUpdate?: (((vnode: import("vue").VNode, oldVNode: import("vue").VNode) => void) | ((vnode: import("vue").VNode, oldVNode: import("vue").VNode) => void)[]) | undefined;
+                onVnodeUpdated?: (((vnode: import("vue").VNode, oldVNode: import("vue").VNode) => void) | ((vnode: import("vue").VNode, oldVNode: import("vue").VNode) => void)[]) | undefined;
+                onVnodeBeforeUnmount?: (((vnode: import("vue").VNode) => void) | ((vnode: import("vue").VNode) => void)[]) | undefined;
+                onVnodeUnmounted?: (((vnode: import("vue").VNode) => void) | ((vnode: import("vue").VNode) => void)[]) | undefined;
+                class?: unknown;
+                style?: unknown;
+            };
+            trigger: ReferenceElement;
+            fallbackPlacement: "none" | "start" | "end" | undefined;
+            hideOptions: {
+                padding?: import("@floating-ui/dom").Padding | undefined;
+                strategy?: "referenceHidden" | "escaped" | undefined;
+                rootBoundary?: import("@floating-ui/dom").RootBoundary | undefined;
+                elementContext?: import("@floating-ui/dom").ElementContext | undefined;
+                altBoundary?: boolean | undefined;
+                boundary?: import("@floating-ui/dom").Boundary | undefined;
+            };
+            fullWidth: boolean;
+            disableDefaultStyles: boolean;
+            keepAlive: boolean;
+        }, {}, string, {}> & {
+            beforeCreate?: (() => void) | (() => void)[];
+            created?: (() => void) | (() => void)[];
+            beforeMount?: (() => void) | (() => void)[];
+            mounted?: (() => void) | (() => void)[];
+            beforeUpdate?: (() => void) | (() => void)[];
+            updated?: (() => void) | (() => void)[];
+            activated?: (() => void) | (() => void)[];
+            deactivated?: (() => void) | (() => void)[];
+            beforeDestroy?: (() => void) | (() => void)[];
+            beforeUnmount?: (() => void) | (() => void)[];
+            destroyed?: (() => void) | (() => void)[];
+            unmounted?: (() => void) | (() => void)[];
+            renderTracked?: ((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[];
+            renderTriggered?: ((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[];
+            errorCaptured?: ((err: unknown, instance: import("vue").ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: import("vue").ComponentPublicInstance | null, info: string) => boolean | void)[];
+        };
+        $forceUpdate: () => void;
+        $nextTick: typeof import("vue").nextTick;
+        $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R]) => any : (...args: any) => any, options?: import("vue").WatchOptions): import("vue").WatchStopHandle;
+    } & Readonly<import("vue").ExtractPropTypes<{
+        customStyles: {
+            type: PropType<string[]>;
+            default: () => never[];
+        };
+        isOpen: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        variant: {
+            type: PropType<`${import("@onereach/ui-components.or-popover-v3").PopoverVariant}`>;
+            default: () => import("@onereach/ui-components.or-popover-v3").PopoverVariant;
+        };
+        bottomSheetProps: {
+            type: PropType<InstanceType<typeof import("..").OrBottomSheetV3>["$props"]>;
+            default: undefined;
+        };
+        trigger: {
+            type: PropType<ReferenceElement>;
+            default: undefined;
+        };
+        placement: {
+            type: PropType<`${import("@onereach/ui-components.or-popover-v3").PopoverPlacement}`>;
+            default: () => import("@onereach/ui-components.or-popover-v3").PopoverPlacement;
+        };
+        fallbackPlacement: {
+            type: PropType<import("@floating-ui/dom").FlipOptions["fallbackAxisSideDirection"]>;
+            default: string;
+        };
+        hideOptions: {
+            type: PropType<import("@floating-ui/dom").HideOptions>;
+            default: undefined;
+        };
+        offset: {
+            type: PropType<import("@onereach/ui-components.or-popover-v3").PopoverOffset>;
+            default: number;
+        };
+        fullWidth: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        disableDefaultStyles: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        keepAlive: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+    }>> & {
+        "onUpdate:state"?: ((...args: any[]) => any) | undefined;
+        onOpen?: ((...args: any[]) => any) | undefined;
+        onClose?: ((...args: any[]) => any) | undefined;
+    } & import("vue").ShallowUnwrapRef<{
+        root: import("vue").Ref<HTMLElement | undefined>;
+        containerRoot: import("vue").Ref<HTMLElement | undefined>;
+        bottomSheet: import("vue").Ref<({
+            $: import("vue").ComponentInternalInstance;
+            $data: {};
+            $props: {
+                variant?: "basic" | "advanced" | undefined;
+                isOpen?: boolean | undefined;
+                isFullscreen?: boolean | undefined;
+                "onUpdate:state"?: ((...args: any[]) => any) | undefined;
+                onOpen?: ((...args: any[]) => any) | undefined;
+                onClose?: ((...args: any[]) => any) | undefined;
+                key?: string | number | symbol | undefined;
+                ref?: import("vue").VNodeRef | undefined;
+                ref_for?: boolean | undefined;
+                ref_key?: string | undefined;
+                onVnodeBeforeMount?: (((vnode: import("vue").VNode) => void) | ((vnode: import("vue").VNode) => void)[]) | undefined;
+                onVnodeMounted?: (((vnode: import("vue").VNode) => void) | ((vnode: import("vue").VNode) => void)[]) | undefined;
+                onVnodeBeforeUpdate?: (((vnode: import("vue").VNode, oldVNode: import("vue").VNode) => void) | ((vnode: import("vue").VNode, oldVNode: import("vue").VNode) => void)[]) | undefined;
+                onVnodeUpdated?: (((vnode: import("vue").VNode, oldVNode: import("vue").VNode) => void) | ((vnode: import("vue").VNode, oldVNode: import("vue").VNode) => void)[]) | undefined;
+                onVnodeBeforeUnmount?: (((vnode: import("vue").VNode) => void) | ((vnode: import("vue").VNode) => void)[]) | undefined;
+                onVnodeUnmounted?: (((vnode: import("vue").VNode) => void) | ((vnode: import("vue").VNode) => void)[]) | undefined;
+                class?: unknown;
+                style?: unknown;
+            };
+            $attrs: {
+                [x: string]: unknown;
+            };
+            $refs: {
+                [x: string]: unknown;
+            };
+            $slots: Readonly<{
+                [name: string]: import("vue").Slot<any> | undefined;
+            }>;
+            $root: import("vue").ComponentPublicInstance | null;
+            $parent: import("vue").ComponentPublicInstance | null;
+            $emit: (event: "update:state" | "open" | "close", ...args: any[]) => void;
+            $el: any;
+            $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+                isOpen: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                variant: {
+                    type: PropType<`${import("..").BottomSheetVariant}`>;
+                    default: () => import("..").BottomSheetVariant;
+                };
+                isFullscreen: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+            }>> & {
+                "onUpdate:state"?: ((...args: any[]) => any) | undefined;
+                onOpen?: ((...args: any[]) => any) | undefined;
+                onClose?: ((...args: any[]) => any) | undefined;
+            }, {
+                root: import("vue").Ref<HTMLElement | undefined>;
+                content: import("vue").Ref<HTMLElement | undefined>;
+                rootStyles: import("vue").ComputedRef<string[]>;
+                rootInlineStyles: import("vue").ComputedRef<Partial<CSSStyleDeclaration>>;
+                handleStyles: import("vue").ComputedRef<string[]>;
+                headerStyles: import("vue").ComputedRef<string[]>;
+                contentStyles: import("vue").ComputedRef<string[]>;
+                state: Readonly<import("vue").Ref<"open" | "closed">>;
+                fullscreen: import("vue").Ref<boolean>;
+                open: () => void;
+                close: () => void;
+                toggle: () => void;
+            }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:state" | "open" | "close")[], string, {
+                variant: "basic" | "advanced";
+                isOpen: boolean;
+                isFullscreen: boolean;
+            }, {}, string, {}> & {
+                beforeCreate?: (() => void) | (() => void)[];
+                created?: (() => void) | (() => void)[];
+                beforeMount?: (() => void) | (() => void)[];
+                mounted?: (() => void) | (() => void)[];
+                beforeUpdate?: (() => void) | (() => void)[];
+                updated?: (() => void) | (() => void)[];
+                activated?: (() => void) | (() => void)[];
+                deactivated?: (() => void) | (() => void)[];
+                beforeDestroy?: (() => void) | (() => void)[];
+                beforeUnmount?: (() => void) | (() => void)[];
+                destroyed?: (() => void) | (() => void)[];
+                unmounted?: (() => void) | (() => void)[];
+                renderTracked?: ((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[];
+                renderTriggered?: ((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[];
+                errorCaptured?: ((err: unknown, instance: import("vue").ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: import("vue").ComponentPublicInstance | null, info: string) => boolean | void)[];
+            };
+            $forceUpdate: () => void;
+            $nextTick: typeof import("vue").nextTick;
+            $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R]) => any : (...args: any) => any, options?: import("vue").WatchOptions): import("vue").WatchStopHandle;
+        } & Readonly<import("vue").ExtractPropTypes<{
+            isOpen: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            variant: {
+                type: PropType<`${import("..").BottomSheetVariant}`>;
+                default: () => import("..").BottomSheetVariant;
+            };
+            isFullscreen: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+        }>> & {
+            "onUpdate:state"?: ((...args: any[]) => any) | undefined;
+            onOpen?: ((...args: any[]) => any) | undefined;
+            onClose?: ((...args: any[]) => any) | undefined;
+        } & import("vue").ShallowUnwrapRef<{
+            root: import("vue").Ref<HTMLElement | undefined>;
+            content: import("vue").Ref<HTMLElement | undefined>;
+            rootStyles: import("vue").ComputedRef<string[]>;
+            rootInlineStyles: import("vue").ComputedRef<Partial<CSSStyleDeclaration>>;
+            handleStyles: import("vue").ComputedRef<string[]>;
+            headerStyles: import("vue").ComputedRef<string[]>;
+            contentStyles: import("vue").ComputedRef<string[]>;
+            state: Readonly<import("vue").Ref<"open" | "closed">>;
+            fullscreen: import("vue").Ref<boolean>;
+            open: () => void;
+            close: () => void;
+            toggle: () => void;
+        }> & {} & import("vue").ComponentCustomProperties & {}) | undefined>;
+        bottomSheetRoot: import("vue").ComputedRef<HTMLElement | undefined>;
+        rootStyles: import("vue").ComputedRef<string[]>;
+        bodyStyles: import("vue").ComputedRef<string[]>;
+        floatingStyles: Readonly<import("vue").Ref<{
+            position: import("@floating-ui/dom").Strategy;
+            top: string;
+            left: string;
+            transform?: string;
+            willChange?: string;
+        }>>;
+        state: Readonly<import("vue").Ref<"open" | "closed">>;
+        isFlipped: import("vue").ComputedRef<boolean>;
+        isHidden: import("vue").ComputedRef<boolean>;
+        isDesktop: import("vue").ComputedRef<any>;
+        isMobile: import("vue").ComputedRef<boolean>;
+        open: () => void;
+        close: () => void;
+        toggle: () => void;
+    }> & {} & import("vue").ComponentCustomProperties & {}) | undefined>;
+    popoverState: import("vue").ComputedRef<"open" | "closed" | undefined>;
+    popoverStyles: import("vue").ComputedRef<string[]>;
+    resolvedFormat: import("@onereach/ui-components-common/hooks").UseDateFormatReturn;
+    resolvedLocale: import("@onereach/ui-components-common/hooks").UseLocaleReturn;
+    initialValueFrom: import("vue").Ref<{
+        toString: () => string;
+        toDateString: () => string;
+        toTimeString: () => string;
+        toLocaleString: {
+            (): string;
+            (locales?: string | string[], options?: Intl.DateTimeFormatOptions): string;
+            (locales?: Intl.LocalesArgument, options?: Intl.DateTimeFormatOptions): string;
+        };
+        toLocaleDateString: {
+            (): string;
+            (locales?: string | string[], options?: Intl.DateTimeFormatOptions): string;
+            (locales?: Intl.LocalesArgument, options?: Intl.DateTimeFormatOptions): string;
+        };
+        toLocaleTimeString: {
+            (): string;
+            (locales?: string | string[], options?: Intl.DateTimeFormatOptions): string;
+            (locales?: Intl.LocalesArgument, options?: Intl.DateTimeFormatOptions): string;
+        };
+        valueOf: () => number;
+        getTime: () => number;
+        getFullYear: () => number;
+        getUTCFullYear: () => number;
+        getMonth: () => number;
+        getUTCMonth: () => number;
+        getDate: () => number;
+        getUTCDate: () => number;
+        getDay: () => number;
+        getUTCDay: () => number;
+        getHours: () => number;
+        getUTCHours: () => number;
+        getMinutes: () => number;
+        getUTCMinutes: () => number;
+        getSeconds: () => number;
+        getUTCSeconds: () => number;
+        getMilliseconds: () => number;
+        getUTCMilliseconds: () => number;
+        getTimezoneOffset: () => number;
+        setTime: (time: number) => number;
+        setMilliseconds: (ms: number) => number;
+        setUTCMilliseconds: (ms: number) => number;
+        setSeconds: (sec: number, ms?: number) => number;
+        setUTCSeconds: (sec: number, ms?: number) => number;
+        setMinutes: (min: number, sec?: number, ms?: number) => number;
+        setUTCMinutes: (min: number, sec?: number, ms?: number) => number;
+        setHours: (hours: number, min?: number, sec?: number, ms?: number) => number;
+        setUTCHours: (hours: number, min?: number, sec?: number, ms?: number) => number;
+        setDate: (date: number) => number;
+        setUTCDate: (date: number) => number;
+        setMonth: (month: number, date?: number) => number;
+        setUTCMonth: (month: number, date?: number) => number;
+        setFullYear: (year: number, month?: number, date?: number) => number;
+        setUTCFullYear: (year: number, month?: number, date?: number) => number;
+        toUTCString: () => string;
+        toISOString: () => string;
+        toJSON: (key?: any) => string;
+        [Symbol.toPrimitive]: {
+            (hint: "default"): string;
+            (hint: "string"): string;
+            (hint: "number"): number;
+            (hint: string): string | number;
+        };
+    }>;
+    initialValueTo: import("vue").Ref<{
+        toString: () => string;
+        toDateString: () => string;
+        toTimeString: () => string;
+        toLocaleString: {
+            (): string;
+            (locales?: string | string[], options?: Intl.DateTimeFormatOptions): string;
+            (locales?: Intl.LocalesArgument, options?: Intl.DateTimeFormatOptions): string;
+        };
+        toLocaleDateString: {
+            (): string;
+            (locales?: string | string[], options?: Intl.DateTimeFormatOptions): string;
+            (locales?: Intl.LocalesArgument, options?: Intl.DateTimeFormatOptions): string;
+        };
+        toLocaleTimeString: {
+            (): string;
+            (locales?: string | string[], options?: Intl.DateTimeFormatOptions): string;
+            (locales?: Intl.LocalesArgument, options?: Intl.DateTimeFormatOptions): string;
+        };
+        valueOf: () => number;
+        getTime: () => number;
+        getFullYear: () => number;
+        getUTCFullYear: () => number;
+        getMonth: () => number;
+        getUTCMonth: () => number;
+        getDate: () => number;
+        getUTCDate: () => number;
+        getDay: () => number;
+        getUTCDay: () => number;
+        getHours: () => number;
+        getUTCHours: () => number;
+        getMinutes: () => number;
+        getUTCMinutes: () => number;
+        getSeconds: () => number;
+        getUTCSeconds: () => number;
+        getMilliseconds: () => number;
+        getUTCMilliseconds: () => number;
+        getTimezoneOffset: () => number;
+        setTime: (time: number) => number;
+        setMilliseconds: (ms: number) => number;
+        setUTCMilliseconds: (ms: number) => number;
+        setSeconds: (sec: number, ms?: number) => number;
+        setUTCSeconds: (sec: number, ms?: number) => number;
+        setMinutes: (min: number, sec?: number, ms?: number) => number;
+        setUTCMinutes: (min: number, sec?: number, ms?: number) => number;
+        setHours: (hours: number, min?: number, sec?: number, ms?: number) => number;
+        setUTCHours: (hours: number, min?: number, sec?: number, ms?: number) => number;
+        setDate: (date: number) => number;
+        setUTCDate: (date: number) => number;
+        setMonth: (month: number, date?: number) => number;
+        setUTCMonth: (month: number, date?: number) => number;
+        setFullYear: (year: number, month?: number, date?: number) => number;
+        setUTCFullYear: (year: number, month?: number, date?: number) => number;
+        toUTCString: () => string;
+        toISOString: () => string;
+        toJSON: (key?: any) => string;
+        [Symbol.toPrimitive]: {
+            (hint: "default"): string;
+            (hint: "string"): string;
+            (hint: "number"): number;
+            (hint: string): string | number;
+        };
+    }>;
+    model: import("@onereach/ui-components-common/hooks").UseProxyModelValueReturn<DateRangePickerModelValue>;
+    draft: import("vue").Ref<[{
+        toString: () => string;
+        toDateString: () => string;
+        toTimeString: () => string;
+        toLocaleString: {
+            (): string;
+            (locales?: string | string[], options?: Intl.DateTimeFormatOptions): string;
+            (locales?: Intl.LocalesArgument, options?: Intl.DateTimeFormatOptions): string;
+        };
+        toLocaleDateString: {
+            (): string;
+            (locales?: string | string[], options?: Intl.DateTimeFormatOptions): string;
+            (locales?: Intl.LocalesArgument, options?: Intl.DateTimeFormatOptions): string;
+        };
+        toLocaleTimeString: {
+            (): string;
+            (locales?: string | string[], options?: Intl.DateTimeFormatOptions): string;
+            (locales?: Intl.LocalesArgument, options?: Intl.DateTimeFormatOptions): string;
+        };
+        valueOf: () => number;
+        getTime: () => number;
+        getFullYear: () => number;
+        getUTCFullYear: () => number;
+        getMonth: () => number;
+        getUTCMonth: () => number;
+        getDate: () => number;
+        getUTCDate: () => number;
+        getDay: () => number;
+        getUTCDay: () => number;
+        getHours: () => number;
+        getUTCHours: () => number;
+        getMinutes: () => number;
+        getUTCMinutes: () => number;
+        getSeconds: () => number;
+        getUTCSeconds: () => number;
+        getMilliseconds: () => number;
+        getUTCMilliseconds: () => number;
+        getTimezoneOffset: () => number;
+        setTime: (time: number) => number;
+        setMilliseconds: (ms: number) => number;
+        setUTCMilliseconds: (ms: number) => number;
+        setSeconds: (sec: number, ms?: number) => number;
+        setUTCSeconds: (sec: number, ms?: number) => number;
+        setMinutes: (min: number, sec?: number, ms?: number) => number;
+        setUTCMinutes: (min: number, sec?: number, ms?: number) => number;
+        setHours: (hours: number, min?: number, sec?: number, ms?: number) => number;
+        setUTCHours: (hours: number, min?: number, sec?: number, ms?: number) => number;
+        setDate: (date: number) => number;
+        setUTCDate: (date: number) => number;
+        setMonth: (month: number, date?: number) => number;
+        setUTCMonth: (month: number, date?: number) => number;
+        setFullYear: (year: number, month?: number, date?: number) => number;
+        setUTCFullYear: (year: number, month?: number, date?: number) => number;
+        toUTCString: () => string;
+        toISOString: () => string;
+        toJSON: (key?: any) => string;
+        [Symbol.toPrimitive]: {
+            (hint: "default"): string;
+            (hint: "string"): string;
+            (hint: "number"): number;
+            (hint: string): string | number;
+        };
+    } | null | undefined, {
+        toString: () => string;
+        toDateString: () => string;
+        toTimeString: () => string;
+        toLocaleString: {
+            (): string;
+            (locales?: string | string[], options?: Intl.DateTimeFormatOptions): string;
+            (locales?: Intl.LocalesArgument, options?: Intl.DateTimeFormatOptions): string;
+        };
+        toLocaleDateString: {
+            (): string;
+            (locales?: string | string[], options?: Intl.DateTimeFormatOptions): string;
+            (locales?: Intl.LocalesArgument, options?: Intl.DateTimeFormatOptions): string;
+        };
+        toLocaleTimeString: {
+            (): string;
+            (locales?: string | string[], options?: Intl.DateTimeFormatOptions): string;
+            (locales?: Intl.LocalesArgument, options?: Intl.DateTimeFormatOptions): string;
+        };
+        valueOf: () => number;
+        getTime: () => number;
+        getFullYear: () => number;
+        getUTCFullYear: () => number;
+        getMonth: () => number;
+        getUTCMonth: () => number;
+        getDate: () => number;
+        getUTCDate: () => number;
+        getDay: () => number;
+        getUTCDay: () => number;
+        getHours: () => number;
+        getUTCHours: () => number;
+        getMinutes: () => number;
+        getUTCMinutes: () => number;
+        getSeconds: () => number;
+        getUTCSeconds: () => number;
+        getMilliseconds: () => number;
+        getUTCMilliseconds: () => number;
+        getTimezoneOffset: () => number;
+        setTime: (time: number) => number;
+        setMilliseconds: (ms: number) => number;
+        setUTCMilliseconds: (ms: number) => number;
+        setSeconds: (sec: number, ms?: number) => number;
+        setUTCSeconds: (sec: number, ms?: number) => number;
+        setMinutes: (min: number, sec?: number, ms?: number) => number;
+        setUTCMinutes: (min: number, sec?: number, ms?: number) => number;
+        setHours: (hours: number, min?: number, sec?: number, ms?: number) => number;
+        setUTCHours: (hours: number, min?: number, sec?: number, ms?: number) => number;
+        setDate: (date: number) => number;
+        setUTCDate: (date: number) => number;
+        setMonth: (month: number, date?: number) => number;
+        setUTCMonth: (month: number, date?: number) => number;
+        setFullYear: (year: number, month?: number, date?: number) => number;
+        setUTCFullYear: (year: number, month?: number, date?: number) => number;
+        toUTCString: () => string;
+        toISOString: () => string;
+        toJSON: (key?: any) => string;
+        [Symbol.toPrimitive]: {
+            (hint: "default"): string;
+            (hint: "string"): string;
+            (hint: "number"): number;
+            (hint: string): string | number;
+        };
+    } | null | undefined] | null | undefined>;
+    draftFrom: import("vue").WritableComputedRef<{
+        toString: () => string;
+        toDateString: () => string;
+        toTimeString: () => string;
+        toLocaleString: {
+            (): string;
+            (locales?: string | string[], options?: Intl.DateTimeFormatOptions): string;
+            (locales?: Intl.LocalesArgument, options?: Intl.DateTimeFormatOptions): string;
+        };
+        toLocaleDateString: {
+            (): string;
+            (locales?: string | string[], options?: Intl.DateTimeFormatOptions): string;
+            (locales?: Intl.LocalesArgument, options?: Intl.DateTimeFormatOptions): string;
+        };
+        toLocaleTimeString: {
+            (): string;
+            (locales?: string | string[], options?: Intl.DateTimeFormatOptions): string;
+            (locales?: Intl.LocalesArgument, options?: Intl.DateTimeFormatOptions): string;
+        };
+        valueOf: () => number;
+        getTime: () => number;
+        getFullYear: () => number;
+        getUTCFullYear: () => number;
+        getMonth: () => number;
+        getUTCMonth: () => number;
+        getDate: () => number;
+        getUTCDate: () => number;
+        getDay: () => number;
+        getUTCDay: () => number;
+        getHours: () => number;
+        getUTCHours: () => number;
+        getMinutes: () => number;
+        getUTCMinutes: () => number;
+        getSeconds: () => number;
+        getUTCSeconds: () => number;
+        getMilliseconds: () => number;
+        getUTCMilliseconds: () => number;
+        getTimezoneOffset: () => number;
+        setTime: (time: number) => number;
+        setMilliseconds: (ms: number) => number;
+        setUTCMilliseconds: (ms: number) => number;
+        setSeconds: (sec: number, ms?: number) => number;
+        setUTCSeconds: (sec: number, ms?: number) => number;
+        setMinutes: (min: number, sec?: number, ms?: number) => number;
+        setUTCMinutes: (min: number, sec?: number, ms?: number) => number;
+        setHours: (hours: number, min?: number, sec?: number, ms?: number) => number;
+        setUTCHours: (hours: number, min?: number, sec?: number, ms?: number) => number;
+        setDate: (date: number) => number;
+        setUTCDate: (date: number) => number;
+        setMonth: (month: number, date?: number) => number;
+        setUTCMonth: (month: number, date?: number) => number;
+        setFullYear: (year: number, month?: number, date?: number) => number;
+        setUTCFullYear: (year: number, month?: number, date?: number) => number;
+        toUTCString: () => string;
+        toISOString: () => string;
+        toJSON: (key?: any) => string;
+        [Symbol.toPrimitive]: {
+            (hint: "default"): string;
+            (hint: "string"): string;
+            (hint: "number"): number;
+            (hint: string): string | number;
+        };
+    } | null | undefined>;
+    draftTo: import("vue").WritableComputedRef<{
+        toString: () => string;
+        toDateString: () => string;
+        toTimeString: () => string;
+        toLocaleString: {
+            (): string;
+            (locales?: string | string[], options?: Intl.DateTimeFormatOptions): string;
+            (locales?: Intl.LocalesArgument, options?: Intl.DateTimeFormatOptions): string;
+        };
+        toLocaleDateString: {
+            (): string;
+            (locales?: string | string[], options?: Intl.DateTimeFormatOptions): string;
+            (locales?: Intl.LocalesArgument, options?: Intl.DateTimeFormatOptions): string;
+        };
+        toLocaleTimeString: {
+            (): string;
+            (locales?: string | string[], options?: Intl.DateTimeFormatOptions): string;
+            (locales?: Intl.LocalesArgument, options?: Intl.DateTimeFormatOptions): string;
+        };
+        valueOf: () => number;
+        getTime: () => number;
+        getFullYear: () => number;
+        getUTCFullYear: () => number;
+        getMonth: () => number;
+        getUTCMonth: () => number;
+        getDate: () => number;
+        getUTCDate: () => number;
+        getDay: () => number;
+        getUTCDay: () => number;
+        getHours: () => number;
+        getUTCHours: () => number;
+        getMinutes: () => number;
+        getUTCMinutes: () => number;
+        getSeconds: () => number;
+        getUTCSeconds: () => number;
+        getMilliseconds: () => number;
+        getUTCMilliseconds: () => number;
+        getTimezoneOffset: () => number;
+        setTime: (time: number) => number;
+        setMilliseconds: (ms: number) => number;
+        setUTCMilliseconds: (ms: number) => number;
+        setSeconds: (sec: number, ms?: number) => number;
+        setUTCSeconds: (sec: number, ms?: number) => number;
+        setMinutes: (min: number, sec?: number, ms?: number) => number;
+        setUTCMinutes: (min: number, sec?: number, ms?: number) => number;
+        setHours: (hours: number, min?: number, sec?: number, ms?: number) => number;
+        setUTCHours: (hours: number, min?: number, sec?: number, ms?: number) => number;
+        setDate: (date: number) => number;
+        setUTCDate: (date: number) => number;
+        setMonth: (month: number, date?: number) => number;
+        setUTCMonth: (month: number, date?: number) => number;
+        setFullYear: (year: number, month?: number, date?: number) => number;
+        setUTCFullYear: (year: number, month?: number, date?: number) => number;
+        toUTCString: () => string;
+        toISOString: () => string;
+        toJSON: (key?: any) => string;
+        [Symbol.toPrimitive]: {
+            (hint: "default"): string;
+            (hint: "string"): string;
+            (hint: "number"): number;
+            (hint: string): string | number;
+        };
+    } | null | undefined>;
+    activeControl: import("vue").Ref<"to" | "from">;
+    activeControlDraft: import("vue").WritableComputedRef<{
+        toString: () => string;
+        toDateString: () => string;
+        toTimeString: () => string;
+        toLocaleString: {
+            (): string;
+            (locales?: string | string[], options?: Intl.DateTimeFormatOptions): string;
+            (locales?: Intl.LocalesArgument, options?: Intl.DateTimeFormatOptions): string;
+        };
+        toLocaleDateString: {
+            (): string;
+            (locales?: string | string[], options?: Intl.DateTimeFormatOptions): string;
+            (locales?: Intl.LocalesArgument, options?: Intl.DateTimeFormatOptions): string;
+        };
+        toLocaleTimeString: {
+            (): string;
+            (locales?: string | string[], options?: Intl.DateTimeFormatOptions): string;
+            (locales?: Intl.LocalesArgument, options?: Intl.DateTimeFormatOptions): string;
+        };
+        valueOf: () => number;
+        getTime: () => number;
+        getFullYear: () => number;
+        getUTCFullYear: () => number;
+        getMonth: () => number;
+        getUTCMonth: () => number;
+        getDate: () => number;
+        getUTCDate: () => number;
+        getDay: () => number;
+        getUTCDay: () => number;
+        getHours: () => number;
+        getUTCHours: () => number;
+        getMinutes: () => number;
+        getUTCMinutes: () => number;
+        getSeconds: () => number;
+        getUTCSeconds: () => number;
+        getMilliseconds: () => number;
+        getUTCMilliseconds: () => number;
+        getTimezoneOffset: () => number;
+        setTime: (time: number) => number;
+        setMilliseconds: (ms: number) => number;
+        setUTCMilliseconds: (ms: number) => number;
+        setSeconds: (sec: number, ms?: number) => number;
+        setUTCSeconds: (sec: number, ms?: number) => number;
+        setMinutes: (min: number, sec?: number, ms?: number) => number;
+        setUTCMinutes: (min: number, sec?: number, ms?: number) => number;
+        setHours: (hours: number, min?: number, sec?: number, ms?: number) => number;
+        setUTCHours: (hours: number, min?: number, sec?: number, ms?: number) => number;
+        setDate: (date: number) => number;
+        setUTCDate: (date: number) => number;
+        setMonth: (month: number, date?: number) => number;
+        setUTCMonth: (month: number, date?: number) => number;
+        setFullYear: (year: number, month?: number, date?: number) => number;
+        setUTCFullYear: (year: number, month?: number, date?: number) => number;
+        toUTCString: () => string;
+        toISOString: () => string;
+        toJSON: (key?: any) => string;
+        [Symbol.toPrimitive]: {
+            (hint: "default"): string;
+            (hint: "string"): string;
+            (hint: "number"): number;
+            (hint: string): string | number;
+        };
+    } | null | undefined>;
+    invalid: import("vue").ComputedRef<boolean>;
+    apply: () => void;
+    reset: () => void;
+    toggleControl: () => void;
+    openPopover: (control: "from" | "to") => void;
+    closePopover: () => void;
+    formatMobileDate: (value: Date, format: `${DateFormat}` | FormatFunction<Date>, locale: import("@onereach/ui-components-common/types").Locale) => string;
+    isDesktop: import("vue").ComputedRef<any>;
+    isMobile: import("vue").ComputedRef<boolean>;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("focus" | "blur" | "input" | "update:modelValue" | "keydown" | "keyup")[], "focus" | "blur" | "input" | "update:modelValue" | "keydown" | "keyup", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    modelValue: {
+        type: PropType<DateRangePickerModelValue>;
+        default: undefined;
+    };
+    format: {
+        type: PropType<`${DateFormat}` | FormatFunction<DateTimePickerModelValue>>;
+        default: undefined;
+    };
+    yearsOptionsLength: {
+        type: NumberConstructor;
+        default: number;
+    };
+    weekStartsOn: {
+        type: NumberConstructor;
+        default: number;
+    };
+    locale: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    variant: {
+        type: PropType<`${InputBoxVariant}`>;
+        default: undefined;
+    };
+    size: {
+        type: PropType<`${InputBoxSize}`>;
+        default: undefined;
+    };
+    anchor: {
+        type: PropType<ReferenceElement>;
+        default: undefined;
+    };
+    label: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    hint: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    error: {
+        type: (BooleanConstructor | StringConstructor)[];
+        default: undefined;
+    };
+    required: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    readonly: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    startDateFilter: {
+        type: PropType<FilterFunction<Date>>;
+        default: undefined;
+    };
+    endDateFilter: {
+        type: PropType<FilterFunction<Date>>;
+        default: undefined;
+    };
+    startDateHighlighter: {
+        type: PropType<FilterFunction<Date>>;
+        default: undefined;
+    };
+    endDateHighlighter: {
+        type: PropType<FilterFunction<Date>>;
+        default: undefined;
+    };
+}>> & {
+    onFocus?: ((...args: any[]) => any) | undefined;
+    onBlur?: ((...args: any[]) => any) | undefined;
+    onInput?: ((...args: any[]) => any) | undefined;
+    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+    onKeydown?: ((...args: any[]) => any) | undefined;
+    onKeyup?: ((...args: any[]) => any) | undefined;
+}, {
+    disabled: boolean;
+    anchor: ReferenceElement;
+    variant: "styled" | "unstyled" | "embedded";
+    size: "m" | "s";
+    required: boolean;
+    readonly: boolean;
+    modelValue: DateRangePickerModelValue;
+    label: string;
+    hint: string;
+    error: string | boolean;
+    format: "short" | "medium" | "long" | FormatFunction<DateTimePickerModelValue>;
+    locale: string;
+    weekStartsOn: number;
+    yearsOptionsLength: number;
+    startDateFilter: FilterFunction<Date>;
+    endDateFilter: FilterFunction<Date>;
+    startDateHighlighter: FilterFunction<Date>;
+    endDateHighlighter: FilterFunction<Date>;
+}, {}>;
+export default _default;