From 9e763f77fa17500a86cb01e6568bf554a28275a2 Mon Sep 17 00:00:00 2001
From: "Stephen.K" <441858299@qq.com>
Date: Wed, 13 Nov 2024 17:10:19 +0800
Subject: [PATCH] fix(components): time-picker disabled-[hours/minutes/seconds]
 (#13364) (#14216)

* fix(components): time-picker disabled-[hours/minutes/seconds] (#13364)

* feat(components): callback compareDate not support range time picker

---------

Co-authored-by: qiang <qw13131wang@gmail.com>
---
 .../src/time-picker-com/basic-time-spinner.vue       | 12 ++++++++----
 1 file changed, 8 insertions(+), 4 deletions(-)
 mode change 100644 => 100755 packages/components/time-picker/src/time-picker-com/basic-time-spinner.vue

diff --git a/packages/components/time-picker/src/time-picker-com/basic-time-spinner.vue b/packages/components/time-picker/src/time-picker-com/basic-time-spinner.vue
old mode 100644
new mode 100755
index 4f8aefd03a..bafb89c9eb
--- a/packages/components/time-picker/src/time-picker-com/basic-time-spinner.vue
+++ b/packages/components/time-picker/src/time-picker-com/basic-time-spinner.vue
@@ -78,7 +78,7 @@
   </div>
 </template>
 <script lang="ts" setup>
-import { computed, nextTick, onMounted, ref, unref, watch } from 'vue'
+import { computed, inject, nextTick, onMounted, ref, unref, watch } from 'vue'
 import { debounce } from 'lodash-unified'
 import { vRepeatClick } from '@element-plus/directives'
 import ElScrollbar from '@element-plus/components/scrollbar'
@@ -97,6 +97,8 @@ import type { TimeUnit } from '../constants'
 import type { TimeList } from '../utils'
 
 const props = defineProps(basicTimeSpinnerProps)
+const pickerBase = inject('EP_PICKER_BASE') as any
+const { isRange } = pickerBase.props
 const emit = defineEmits(['change', 'select-range', 'set-option'])
 
 const ns = useNamespace('time')
@@ -135,10 +137,12 @@ const timePartials = computed<Record<TimeUnit, number>>(() => {
 
 const timeList = computed(() => {
   const { hours, minutes } = unref(timePartials)
+  const { role, spinnerDate } = props
+  const compare = !isRange ? spinnerDate : undefined
   return {
-    hours: getHoursList(props.role),
-    minutes: getMinutesList(hours, props.role),
-    seconds: getSecondsList(hours, minutes, props.role),
+    hours: getHoursList(role, compare),
+    minutes: getMinutesList(hours, role, compare),
+    seconds: getSecondsList(hours, minutes, role, compare),
   }
 })