diff --git a/packages/components/date-picker/src/composables/useRangePanelState.ts b/packages/components/date-picker/src/composables/useRangePanelState.ts
index 2d21a5bd9..530df3c17 100644
--- a/packages/components/date-picker/src/composables/useRangePanelState.ts
+++ b/packages/components/date-picker/src/composables/useRangePanelState.ts
@@ -28,8 +28,12 @@ export function useRangePanelState(props: DateRangePanelProps, dateConfig: DateC
 
   watch(
     () => props.visible,
-    () => {
+    visible => {
       setIsSelecting(false)
+
+      if (!visible) {
+        callEmit(props.onSelect, props.value)
+      }
     },
   )