From 0ca0257aadc6a307d51a337349da280d635be54d Mon Sep 17 00:00:00 2001
From: wuyiping0628 <1106773985@qq.com>
Date: Mon, 21 Oct 2024 00:09:21 -0700
Subject: [PATCH] fix(time-picker): [time-picker] updata tag sass

---
 packages/theme-saas/src/time-range/index.less | 40 +++++++++++++++++++
 packages/vue/src/time-range/src/pc.vue        |  2 +-
 packages/vue/src/time/src/pc.vue              |  2 +-
 3 files changed, 42 insertions(+), 2 deletions(-)

diff --git a/packages/theme-saas/src/time-range/index.less b/packages/theme-saas/src/time-range/index.less
index 73897f8c76..1eae8cd889 100644
--- a/packages/theme-saas/src/time-range/index.less
+++ b/packages/theme-saas/src/time-range/index.less
@@ -34,4 +34,44 @@
   &__body {
     @apply border-r border-r-color-bg-3;
   }
+
+  &__footer {
+    @apply border-t border-t-color-bg-3;
+    @apply py-3 px-4;
+    @apply h-14;
+    @apply leading-8;
+    @apply box-border;
+    @apply flex;
+    @apply justify-between;
+  }
+
+  &__btn {
+    @apply border-none;
+    @apply leading-7;
+    min-width: 72px;
+    @apply h-7;
+    @apply cursor-pointer;
+    @apply bg-transparent;
+    @apply outline-0;
+    @apply p-0;
+    @apply m-0;
+    @apply rounded;
+    @apply text-xs;
+
+    &.cancel {
+      @apply text-color-brand;
+      @apply text-left;
+      @apply rounded;
+    }
+
+    &.confirm {
+      @apply text-color-text-inverse;
+      @apply bg-color-brand;
+      @apply rounded;
+
+      &:hover {
+        @apply bg-color-brand-hover;
+      }
+    }
+  }
 }
diff --git a/packages/vue/src/time-range/src/pc.vue b/packages/vue/src/time-range/src/pc.vue
index fa92d9c5df..829c00ab21 100644
--- a/packages/vue/src/time-range/src/pc.vue
+++ b/packages/vue/src/time-range/src/pc.vue
@@ -78,7 +78,7 @@
       <div class="tiny-time-range-picker__footer">
         <tiny-button
           v-if="!state.showTimePickerRangeButton"
-          class="tiny-time-range-picker__btn"
+          class="tiny-time-range-picker__btn cancel"
           @click="handleCancel()"
         >
           {{ t('ui.datepicker.cancel') }}
diff --git a/packages/vue/src/time/src/pc.vue b/packages/vue/src/time/src/pc.vue
index 59b394d78f..f278a7ea5f 100644
--- a/packages/vue/src/time/src/pc.vue
+++ b/packages/vue/src/time/src/pc.vue
@@ -36,7 +36,7 @@
         </time-spinner>
       </div>
       <div class="tiny-time-panel__footer">
-        <tiny-button v-if="!state.showTimePickerButton" class="tiny-time-panel__btn" @click="handleCancel()">
+        <tiny-button v-if="!state.showTimePickerButton" class="tiny-time-panel__btn cancel" @click="handleCancel()">
           {{ t('ui.datepicker.cancel') }}
         </tiny-button>
         <tiny-button