From 4e603d336fcf3fc7ad85e6756e9293e2b014d388 Mon Sep 17 00:00:00 2001
From: gjfei <33827314+gjfei@users.noreply.github.com>
Date: Wed, 23 Feb 2022 11:03:29 +0800
Subject: [PATCH] fix(components):[el-date-picker] styles (#6187)

---
 .../src/date-picker/date-table.scss           | 28 +++++++++----------
 1 file changed, 14 insertions(+), 14 deletions(-)

diff --git a/packages/theme-chalk/src/date-picker/date-table.scss b/packages/theme-chalk/src/date-picker/date-table.scss
index 9e20cdfd9b..17b9ef3f61 100644
--- a/packages/theme-chalk/src/date-picker/date-table.scss
+++ b/packages/theme-chalk/src/date-picker/date-table.scss
@@ -65,12 +65,12 @@
 
     &.today {
       position: relative;
-      .el-date-table-cell__text {
+      .#{$namespace}-date-table-cell__text {
         color: var(--el-color-primary);
         font-weight: bold;
       }
-      &.start-date .el-date-table-cell__text,
-      &.end-date .el-date-table-cell__text {
+      &.start-date .#{$namespace}-date-table-cell__text,
+      &.end-date .#{$namespace}-date-table-cell__text {
         color: $color-white;
       }
     }
@@ -79,47 +79,47 @@
       color: var(--el-datepicker-hover-text-color);
     }
 
-    &.in-range .el-date-table-cell {
+    &.in-range .#{$namespace}-date-table-cell {
       background-color: var(--el-datepicker-inrange-bg-color);
       &:hover {
         background-color: var(--el-datepicker-inrange-hover-bg-color);
       }
     }
 
-    &.current:not(.disabled) .el-date-table-cell__text {
+    &.current:not(.disabled) .#{$namespace}-date-table-cell__text {
       color: $color-white;
       background-color: var(--el-datepicker-active-color);
     }
-    &.start-date .el-date-table-cell,
-    &.end-date .el-date-table-cell {
+    &.start-date .#{$namespace}-date-table-cell,
+    &.end-date .#{$namespace}-date-table-cell {
       color: $color-white;
     }
 
-    &.start-date .el-date-table-cell__text,
-    &.end-date .el-date-table-cell__text {
+    &.start-date .#{$namespace}-date-table-cell__text,
+    &.end-date .#{$namespace}-date-table-cell__text {
       background-color: var(--el-datepicker-active-color);
     }
 
-    &.start-date .el-date-table-cell {
+    &.start-date .#{$namespace}-date-table-cell {
       margin-left: 5px;
       border-top-left-radius: 15px;
       border-bottom-left-radius: 15px;
     }
 
-    &.end-date .el-date-table-cell {
+    &.end-date .#{$namespace}-date-table-cell {
       margin-right: 5px;
       border-top-right-radius: 15px;
       border-bottom-right-radius: 15px;
     }
 
-    &.disabled .el-date-table-cell {
+    &.disabled .#{$namespace}-date-table-cell {
       background-color: var(--el-bg-color);
       opacity: 1;
       cursor: not-allowed;
       color: var(--el-text-color-placeholder);
     }
 
-    &.selected .el-date-table-cell {
+    &.selected .#{$namespace}-date-table-cell {
       margin-left: 5px;
       margin-right: 5px;
       background-color: var(--el-datepicker-inrange-bg-color);
@@ -129,7 +129,7 @@
       }
     }
 
-    &.selected .el-date-table-cell__text {
+    &.selected .#{$namespace}-date-table-cell__text {
       background-color: var(--el-datepicker-active-color);
       color: $color-white;
       border-radius: 15px;