From d87084892663319377cd7000b63a13819e553d0e Mon Sep 17 00:00:00 2001
From: xudan <staysky25@outlook.com>
Date: Mon, 13 Oct 2025 16:23:03 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20=E5=9C=A8=E6=92=AD=E6=94=BE=E6=8E=A7?=
 =?UTF-8?q?=E5=88=B6=E5=99=A8=E4=B8=AD=E4=BC=98=E5=8C=96=E6=97=A5=E6=9C=9F?=
 =?UTF-8?q?=E9=80=89=E6=8B=A9=E5=99=A8=EF=BC=8C=E5=A2=9E=E5=8A=A0=E8=87=AA?=
 =?UTF-8?q?=E5=AE=9A=E4=B9=89=E6=A0=B7=E5=BC=8F=E5=92=8C=E7=B1=BB=E5=9E=8B?=
 =?UTF-8?q?=E5=A4=84=E7=90=86=EF=BC=8C=E6=8F=90=E5=8D=87=E7=94=A8=E6=88=B7?=
 =?UTF-8?q?=E4=BD=93=E9=AA=8C?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/PlaybackController.vue | 22 +++++++++++++++++++++-
 1 file changed, 21 insertions(+), 1 deletion(-)

diff --git a/src/components/PlaybackController.vue b/src/components/PlaybackController.vue
index a0df466..ab62a2b 100644
--- a/src/components/PlaybackController.vue
+++ b/src/components/PlaybackController.vue
@@ -210,8 +210,9 @@ const handleTimelineClick = (event: MouseEvent) => {
         <a-date-picker
           :value="selectedDate"
           placeholder="请选择回放日期"
-          @change="handleDateChange"
+          @change="handleDateChange as any"
           style="margin-right: 8px"
+          dropdownClassName="playback-datepicker-theme"
         />
         <a-select :value="selectedHour" style="width: 150px" :options="hourOptions" @change="handleHourChange" />
       </a-col>
@@ -340,3 +341,22 @@ body[data-theme='dark'] {
   }
 }
 </style>
+
+<style lang="scss">
+.playback-datepicker-theme {
+  .ant-picker-cell-in-view.ant-picker-cell-today .ant-picker-cell-inner::before {
+    border-color: #0dbb8a !important; /* Today indicator */
+  }
+  .ant-picker-cell-in-view.ant-picker-cell-selected .ant-picker-cell-inner {
+    background-color: #0dbb8a !important; /* Selected date background */
+  }
+  .ant-picker-cell-in-view.ant-picker-cell-selected .ant-picker-cell-inner .ant-picker-calendar-date-value {
+    color: white !important; /* Text color for selected date */
+  }
+
+  .ant-picker-today-btn {
+    color: #0dbb8a !important; /* "Today" button text color */
+  }
+}
+</style>
+