From 4f6ed3589c878491889640f9731ad346b8094530 Mon Sep 17 00:00:00 2001
From: AyrtonAndino <ayrton.andino@outlook.com>
Date: Fri, 21 Mar 2025 11:22:32 -0300
Subject: [PATCH 1/2] Run Lint script

Update package.json

Running dev script shows the following warning: The condition "types" here will never be used as it comes after both "import" and "require" [package.json]
---
 package.json                                     | 4 ++--
 src/VueDatePicker/components/Common/ArrowBtn.vue | 2 +-
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/package.json b/package.json
index c55bca05..04af3193 100644
--- a/package.json
+++ b/package.json
@@ -23,9 +23,9 @@
   ],
   "exports": {
     ".": {
+      "types": "./index.d.ts",
       "import": "./dist/vue-datepicker.js",
-      "require": "./dist/vue-datepicker.umd.cjs",
-      "types": "./index.d.ts"
+      "require": "./dist/vue-datepicker.umd.cjs"
     },
     "./dist/main.css": {
       "import": "./dist/main.css",
diff --git a/src/VueDatePicker/components/Common/ArrowBtn.vue b/src/VueDatePicker/components/Common/ArrowBtn.vue
index 038612d7..a94b1bdd 100644
--- a/src/VueDatePicker/components/Common/ArrowBtn.vue
+++ b/src/VueDatePicker/components/Common/ArrowBtn.vue
@@ -36,5 +36,5 @@
 
     const elRef = ref<HTMLElement | null>(null);
 
-    onMounted(() => emit('set-ref', elRef));
+    onMounted(() => emit('set-ref', elRef.value));
 </script>

From e63676a70fba59ae5cdcf2c66a6e38907bb6b1d1 Mon Sep 17 00:00:00 2001
From: AyrtonAndino <ayrton.andino@outlook.com>
Date: Mon, 31 Mar 2025 10:49:04 -0300
Subject: [PATCH 2/2] Update ArrowBtn.vue

add type definitions to defineEmits.
disable vue/no-ref-as-operand on line 42 (prevents eslint to chenge elRef to elRef.value)
---
 src/VueDatePicker/components/Common/ArrowBtn.vue | 13 ++++++++-----
 1 file changed, 8 insertions(+), 5 deletions(-)

diff --git a/src/VueDatePicker/components/Common/ArrowBtn.vue b/src/VueDatePicker/components/Common/ArrowBtn.vue
index a94b1bdd..7dabe72d 100644
--- a/src/VueDatePicker/components/Common/ArrowBtn.vue
+++ b/src/VueDatePicker/components/Common/ArrowBtn.vue
@@ -7,8 +7,8 @@
         tabindex="0"
         :aria-label="ariaLabel"
         :aria-disabled="disabled || undefined"
-        @click="$emit('activate')"
-        @keydown="checkKeyDown($event, () => $emit('activate'), true)"
+        @click="emit('activate')"
+        @keydown="checkKeyDown($event, () => emit('activate'), true)"
     >
         <span class="dp__inner_nav" :class="{ dp__inner_nav_disabled: disabled }">
             <slot />
@@ -17,7 +17,7 @@
 </template>
 
 <script lang="ts" setup>
-    import { onMounted, ref } from 'vue';
+    import { onMounted, ref, type Ref } from 'vue';
     import { checkKeyDown } from '@/utils/util';
 
     defineOptions({
@@ -26,7 +26,10 @@
         },
     });
 
-    const emit = defineEmits(['activate', 'set-ref']);
+    const emit = defineEmits<{
+        'activate': []
+        'set-ref': [i: Ref<HTMLElement | null>]
+    }>();
 
     defineProps<{
         ariaLabel?: string;
@@ -36,5 +39,5 @@
 
     const elRef = ref<HTMLElement | null>(null);
 
-    onMounted(() => emit('set-ref', elRef.value));
+    onMounted(() => emit('set-ref', elRef)); // eslint-disable-line vue/no-ref-as-operand
 </script>