fix: Disable responsive check on shadow render

Author: Jasenkoo

src/VueDatePicker/components/DatepickerMenu.vue

@@ -196,7 +196,7 @@
     const { setMenuFocused, setShiftKey, control } = useState();
     const slots = useSlots();
     const { defaultedTextInput, defaultedInline, defaultedConfig, defaultedUI } = useDefaults(props);
-    const { isMobile } = useResponsive(defaultedConfig);
+    const { isMobile } = useResponsive(defaultedConfig, props.shadow);
 
     const calendarWrapperRef = ref(null);
     const calendarWidth = ref(0);

src/VueDatePicker/composables/responsive.ts

@@ -1,7 +1,7 @@
 import { computed, type ComputedRef, onMounted, onUnmounted, ref } from 'vue';
 import type { Config } from '@/interfaces';
 
-export const useResponsive = (config: ComputedRef<Config>) => {
+export const useResponsive = (config: ComputedRef<Config>, isShadow?: boolean) => {
     const windowWidth = ref(0);
 
     onMounted(() => {
@@ -17,7 +17,9 @@ export const useResponsive = (config: ComputedRef<Config>) => {
         windowWidth.value = window.document.documentElement.clientWidth;
     };
 
-    const isMobile = computed(() => (windowWidth.value <= config.value.mobileBreakpoint ? true : undefined));
+    const isMobile = computed(() =>
+        windowWidth.value <= config.value.mobileBreakpoint && !isShadow ? true : undefined,
+    );
 
     return {
         isMobile,