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..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));
+    onMounted(() => emit('set-ref', elRef)); // eslint-disable-line vue/no-ref-as-operand
 </script>