fix(VueDatePicker): menu not opening when centered prop is enabled

When the centered prop is enabled, the datepicker menu does not open after clicking the input. The issue was caused by the shouldRender ref being initialized as false for non-inline modes, preventing the menu from rendering even when isOpen was true.

Modified shouldRender initialization to include rootProps.centered condition. Now shouldRender is true when either inline.enabled or rootProps.centered is active. The existing watcher logic remains unchanged and only affects floating (non-centered, non-inline) mode.

Added test case to verify menu opens correctly in centered mode.

Changes:
- VueDatePicker.vue
- TestSuite_1.spec.ts

Fixes #1195

Author: alexpopovme

src/VueDatePicker/VueDatePicker.vue

@@ -117,7 +117,7 @@
 
     const slots = useSlots();
     const isOpen = ref(false);
-    const shouldRender = ref(inline.value.enabled);
+    const shouldRender = ref(inline.value.enabled || rootProps.centered);
     const modelValueRef = toRef(rootProps, 'modelValue');
     const timezoneRef = toRef(rootProps, 'timezone');
 

src/VueDatePicker/__tests__/TestSuite_1.spec.ts

@@ -60,4 +60,11 @@ describe('Test Suite 1', () => {
             expect(getMonthToggleBtn(dp).text()).toEqual(getMonthToggleText(nextMonth));
         });
     });
+
+    describe('centered option', () => {
+        it('Should open menu when centered is enabled', async () => {
+            const dp = await openMenu({ centered: true });
+            expect(dp.find('.dp__menu').exists()).toBe(true);
+        });
+    });
 });