From 2309533dc459a03d9e69068b97334c3aef425ed4 Mon Sep 17 00:00:00 2001
From: HQ-Lin <a154571896@gmail.com>
Date: Fri, 15 Jul 2022 12:13:20 +0800
Subject: [PATCH 1/2] =?UTF-8?q?feat:=20=E8=B0=83=E6=95=B4=20datepicker=20b?=
 =?UTF-8?q?em=20=E5=91=BD=E5=90=8D?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 style/web/components/date-picker/_index.less | 36 ++++++++++----------
 1 file changed, 18 insertions(+), 18 deletions(-)

diff --git a/style/web/components/date-picker/_index.less b/style/web/components/date-picker/_index.less
index a7d1138692..a63c9dac3c 100644
--- a/style/web/components/date-picker/_index.less
+++ b/style/web/components/date-picker/_index.less
@@ -47,12 +47,12 @@
   }
 }
 
-.@{prefix}-date-picker__panel--content,
-.@{prefix}-date-range-picker__panel--content,
-.@{prefix}-date-range-picker__panel--content-wrapper {
+.@{prefix}-date-picker__panel-content,
+.@{prefix}-date-range-picker__panel-content,
+.@{prefix}-date-range-picker__panel-content-wrapper {
   display: flex;
 }
-.@{prefix}-date-range-picker__panel--content-wrapper {
+.@{prefix}-date-range-picker__panel-content-wrapper {
   gap: 6px;
 }
 
@@ -67,11 +67,11 @@
     display: inline-flex;
     gap: @spacer;
 
-    .@{prefix}-date-picker__header-controller--month {
+    .@{prefix}-date-picker__header-controller-month {
       width: @datepicker-month-controller-width;
     }
 
-    .@{prefix}-date-picker__header-controller--year {
+    .@{prefix}-date-picker__header-controller-year {
       width: @datepicker-year-controller-width;
     }
   }
@@ -116,20 +116,20 @@
   padding: @datepicker-presets-padding;
   gap: @datepicker-presets-gap;
 
-  &--bottom {
+  &-bottom {
     border-top: 1px solid @datepicker-panel-divider-color;
   }
 
-  &--top {
+  &-top {
     border-bottom: 1px solid @datepicker-panel-divider-color;
   }
 
-  &--left {
+  &-left {
     flex-direction: column;
     border-right: 1px solid @datepicker-panel-divider-color;
   }
 
-  &--right {
+  &-right {
     flex-direction: column;
     border-left: 1px solid @datepicker-panel-divider-color;
   }
@@ -154,8 +154,8 @@
   }
 }
 
-.@{prefix}-date-picker__panel--time,
-.@{prefix}-date-range-picker__panel--time {
+.@{prefix}-date-picker__panel-time,
+.@{prefix}-date-range-picker__panel-time {
   display: flex;
   flex-direction: column;
   gap: 2px;
@@ -176,9 +176,9 @@
   }
 }
 
-.@{prefix}-date-picker__panel--year,
-.@{prefix}-date-picker__panel--month,
-.@{prefix}-date-picker__panel--date {
+.@{prefix}-date-picker__panel-year,
+.@{prefix}-date-picker__panel-month,
+.@{prefix}-date-picker__panel-date {
   display: flex;
   flex-direction: column;
   width: 100%;
@@ -187,9 +187,9 @@
   max-width: @datepicker-panel-max-width;
 }
 
-.@{prefix}-date-picker__panel--year,
-.@{prefix}-date-picker__panel--month {
-  .@{prefix}-date-picker__header-controller--year {
+.@{prefix}-date-picker__panel-year,
+.@{prefix}-date-picker__panel-month {
+  .@{prefix}-date-picker__header-controller-year {
     width: 130px;
   }
 

From 055a245a32058c08bb8b261fee807a06f00d7fd4 Mon Sep 17 00:00:00 2001
From: HQ-Lin <a154571896@gmail.com>
Date: Fri, 15 Jul 2022 12:21:39 +0800
Subject: [PATCH 2/2] =?UTF-8?q?feat:=20=E8=B0=83=E6=95=B4=20datepicker=20b?=
 =?UTF-8?q?em=20=E5=91=BD=E5=90=8D?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 style/web/components/date-picker/_index.less | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/style/web/components/date-picker/_index.less b/style/web/components/date-picker/_index.less
index a63c9dac3c..d6da652db5 100644
--- a/style/web/components/date-picker/_index.less
+++ b/style/web/components/date-picker/_index.less
@@ -116,20 +116,20 @@
   padding: @datepicker-presets-padding;
   gap: @datepicker-presets-gap;
 
-  &-bottom {
+  &--bottom {
     border-top: 1px solid @datepicker-panel-divider-color;
   }
 
-  &-top {
+  &--top {
     border-bottom: 1px solid @datepicker-panel-divider-color;
   }
 
-  &-left {
+  &--left {
     flex-direction: column;
     border-right: 1px solid @datepicker-panel-divider-color;
   }
 
-  &-right {
+  &--right {
     flex-direction: column;
     border-left: 1px solid @datepicker-panel-divider-color;
   }