From ea0c3b5ca77d0f2d63089a881e0244e944056bc8 Mon Sep 17 00:00:00 2001
From: Pramod Mahajan <pramodmahajan1411200@gmail.com>
Date: Sat, 10 May 2025 12:31:25 +0530
Subject: [PATCH] handled correct time slots

---
 src/components/common/TimePicker.jsx | 16 +++++++++++-----
 1 file changed, 11 insertions(+), 5 deletions(-)

diff --git a/src/components/common/TimePicker.jsx b/src/components/common/TimePicker.jsx
index cb76a5d1..7676e013 100644
--- a/src/components/common/TimePicker.jsx
+++ b/src/components/common/TimePicker.jsx
@@ -120,15 +120,21 @@ const TimePicker = ({ label, onChange, interval = 10, value,checkInTime,checkOut
   }, [value, interval, onChange]);
 
 
-  useEffect(() => {
-    if (isOpen && time && slotRefs.current[time]) {
-      const selectedSlot = slotRefs.current[time];
-      selectedSlot.scrollIntoView({
+ useEffect(() => {
+  if (isOpen) {
+    const slots = generateTimeSlots();
+    const targetTime = slots.find(slot => slot.time === time && slot.isSelectable)
+      ? time
+      : (slots.find(slot => slot.isSelectable)?.time || null);
+
+    if (targetTime && slotRefs.current[targetTime]) {
+      slotRefs.current[targetTime].scrollIntoView({
         behavior: "smooth",
         block: "center",
       });
     }
-  }, [isOpen, time]);
+  }
+}, [isOpen, time]);
 
 
   return (