refactor!: Expose function instead menu wrapper ref directly (fixes #…

…1053)
Vuepic · Jan 4, 2025 · c7c7556 · c7c7556
1 parent 32b2d63
commit c7c7556
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 2 deletions.
diff --git a/index.d.ts b/index.d.ts
@@ -328,7 +328,7 @@ export interface PublicMethods extends MethodOptions {
     switchView: (view: MenuView, instance?: number) => void;
     toggleMenu: () => void;
     handleFlow: (step?: number) => void;
-    dpWrapMenuRef: Ref<HTMLElement | null>;
+    getDpWrapMenuRef: () => Ref<HTMLElement | null>;
 }
 
 type InternalModelValue = Date | Date[] | null;

diff --git a/src/VueDatePicker/VueDatePicker.vue b/src/VueDatePicker/VueDatePicker.vue
@@ -535,6 +535,8 @@
         dpMenuRef.value?.handleFlow(skipStep);
     };
 
+    const getDpWrapMenuRef = () => dpWrapMenuRef;
+
     onClickOutside(dpWrapMenuRef, inputRef as unknown as MaybeElementRef, (evt: PointerEvent) =>
         clickOutside(validateBeforeEmit, evt),
     );
@@ -552,6 +554,6 @@
         switchView,
         toggleMenu,
         handleFlow,
-        dpWrapMenuRef,
+        getDpWrapMenuRef,
     });
 </script>