fix: eventPropagation within dropdowns (#29)

Author: Jasenkoo

src/Vue3DatePicker/components/DatepickerInput.vue

@@ -124,7 +124,8 @@
         }
     };
 
-    const handleOpen = () => {
+    const handleOpen = (e: Event) => {
+        e.stopImmediatePropagation();
         if (props.textInput && props.textInputOptions?.openMenu && !props.isMenuOpen) {
             emit('open');
         } else if (!props.textInput) {

src/Vue3DatePicker/components/DatepickerMenu.vue

@@ -5,6 +5,7 @@
         @mouseleave="clearHoverDate"
         role="dialog"
         aria-label="Datepicker menu"
+        @click="handleDpMenuClick"
     >
         <div :class="arrowClass" v-if="!inline"></div>
         <div :class="menuCalendarClassWrapper" :id="`dp__calendar_wrapper_${uid}`" role="document">
@@ -327,4 +328,8 @@
             };
         });
     };
+
+    const handleDpMenuClick = (e: Event) => {
+        e.stopImmediatePropagation();
+    };
 </script>