fix: Type corrections

Author: Jasenkoo

package-lock.json

@@ -53,7 +53,7 @@
     "@tsconfig/node20": "^20.1.4",
     "@types/jsdom": "^21.1.7",
     "@types/minimist": "^1.2.5",
-    "@types/node": "^20.16.11",
+    "@types/node": "^20.17.6",
     "@vitejs/plugin-vue": "^5.1.4",
     "@vitest/coverage-v8": "^2.1.4",
     "@vue/eslint-config-prettier": "^10.1.0",
@@ -62,15 +62,15 @@
     "@vue/tsconfig": "^0.5.1",
     "c8": "^10.1.2",
     "cross-env": "^7.0.3",
-    "eslint": "^9.13.0",
+    "eslint": "^9.14.0",
     "eslint-plugin-vue": "^9.30.0",
     "jsdom": "^25.0.1",
     "minimist": "^1.2.8",
     "postcss": "^8.4.47",
     "prettier": "^3.3.3",
     "rimraf": "^6.0.1",
-    "sass": "^1.80.5",
-    "sass-loader": "^16.0.2",
+    "sass": "^1.80.6",
+    "sass-loader": "^16.0.3",
     "stylelint": "^16.10.0",
     "stylelint-config-standard-scss": "^13.1.0",
     "typescript": "^5.6.3",

package.json

@@ -270,7 +270,7 @@
     });
 
     const getInputRect = () => {
-        return inputRef.value?.$el?.getBoundingClientRect();
+        return inputRef.value?.$el?.getBoundingClientRect() ?? ({ width: 0, left: 0, right: 0 } as DOMRect);
     };
 
     /**
@@ -295,7 +295,7 @@
         if (isOpen.value) {
             setMenuPosition();
         }
-        const width = dpMenuRef.value?.$el.getBoundingClientRect().width;
+        const width = dpMenuRef.value?.$el.getBoundingClientRect().width ?? 0;
         collapse.value = document.body.offsetWidth <= width;
     };
 

src/VueDatePicker/VueDatePicker.vue

@@ -28,15 +28,13 @@
 
     const emit = defineEmits(['activate', 'set-ref']);
 
-    interface Props {
+    defineProps<{
         ariaLabel?: string;
         elName?: string;
         disabled: boolean;
-    }
+    }>();
 
-    defineProps<Props>();
-
-    const elRef = ref(null);
+    const elRef = ref<HTMLElement | null>(null);
 
     onMounted(() => emit('set-ref', elRef));
 </script>

src/VueDatePicker/components/Common/ArrowBtn.vue

@@ -17,8 +17,8 @@ export const useTimePickerUtils = (
 ) => {
     const { defaultedRange } = useDefaults(props);
     const getTimeValue = (type: TimeType, i?: number): number => {
-        if (Array.isArray(time[type])) return (time[type] as number[])[i as number];
-        return time[type] as number;
+        if (Array.isArray(time[type])) return time[type][i as number];
+        return time[type];
     };
     // Check if seconds are enabled, and return proper value
     const getSecondsValue = (i?: number): number => {