From ffee228b5ef3bb6094a381d353623ff38a824c78 Mon Sep 17 00:00:00 2001
From: RSS1102 <jimmyrss1102@gmail.com>
Date: Tue, 13 May 2025 19:39:09 +0800
Subject: [PATCH] fix(date-picker): using `popupProps` to control `visible`
 results in not being able to select time

---
 src/date-picker/DatePicker.tsx | 9 ++++++++-
 1 file changed, 8 insertions(+), 1 deletion(-)

diff --git a/src/date-picker/DatePicker.tsx b/src/date-picker/DatePicker.tsx
index e8b754477..fe6b02d9a 100644
--- a/src/date-picker/DatePicker.tsx
+++ b/src/date-picker/DatePicker.tsx
@@ -53,6 +53,14 @@ export default defineComponent({
     const { formDisabled } = useFormDisabled();
     const isDisabled = computed(() => formDisabled.value || props.disabled);
 
+    watch(
+      () => datePickerPopupProps.value,
+      ({ visible = false }: { visible?: boolean }) => {
+        popupVisible.value = visible;
+      },
+      { immediate: true },
+    );
+
     watch(popupVisible, (visible) => {
       if (props.multiple) return;
       // Date valueType、week mode 、quarter mode nad empty string don't need to be parsed
@@ -76,7 +84,6 @@ export default defineComponent({
         isHoverCell.value = false;
       }
     });
-
     // 日期 hover
     function onCellMouseEnter(date: Date) {
       if (props.multiple) return;