From 544d710db720719daae86a6b8d283159934716d9 Mon Sep 17 00:00:00 2001
From: comp-squirrel <45218946+comp-squirrel@users.noreply.github.com>
Date: Fri, 4 Apr 2025 10:12:40 +0800
Subject: [PATCH] style(components): [date-picker] adjust panel border block &
 modify css variables (#20337)

* style(components): [date-picker] fix rounded corner display

* style(components): [date-picker] add border-radius fallback
---
 packages/theme-chalk/src/date-picker/picker-panel.scss | 6 ++++--
 1 file changed, 4 insertions(+), 2 deletions(-)

diff --git a/packages/theme-chalk/src/date-picker/picker-panel.scss b/packages/theme-chalk/src/date-picker/picker-panel.scss
index 64ab77ccd6..86afba118d 100644
--- a/packages/theme-chalk/src/date-picker/picker-panel.scss
+++ b/packages/theme-chalk/src/date-picker/picker-panel.scss
@@ -4,7 +4,10 @@
 @include b(picker-panel) {
   color: getCssVar('text-color', 'regular');
   background: getCssVar('bg-color', 'overlay');
-  border-radius: getCssVar('border-radius-base');
+  border-radius: getCssVarWithDefault(
+    ('popper', 'border-radius'),
+    getCssVar('border-radius-base')
+  );
   line-height: 30px;
 
   .#{$namespace}-time-panel {
@@ -119,7 +122,6 @@
   border-right: 1px solid getCssVar('datepicker-inner-border-color');
   box-sizing: border-box;
   padding-top: 6px;
-  background-color: getCssVar('bg-color', 'overlay');
   overflow: auto;
 }