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

Author: Jasenkoo

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;

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>