From e420440cea914cf7dd709236bbbde52c4e0e754d Mon Sep 17 00:00:00 2001
From: Sergey Bolshakov <spooky5ya@yandex.ru>
Date: Mon, 27 Oct 2025 04:46:35 +0300
Subject: [PATCH] =?UTF-8?q?=D0=94=D0=BE=D1=80=D0=B0=D0=B1=D0=BE=D1=82?=
 =?UTF-8?q?=D0=BA=D0=B8=20=D0=BF=D0=BE=20=D0=B3=D0=BB=D0=B0=D0=B2=D0=BD?=
 =?UTF-8?q?=D0=BE=D0=B9=20=D1=81=D1=82=D1=80=D0=B0=D0=BD=D0=B8=D1=86=D0=B5?=
 =?UTF-8?q?,=20=D0=B8=D1=82=D0=B5=D1=80=D0=B0=D1=86=D0=B8=D1=8F=2011?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/app/globals.css               | 11 -------
 src/components/ui/date-picker.tsx | 49 +++++++++++++++++--------------
 2 files changed, 27 insertions(+), 33 deletions(-)

diff --git a/src/app/globals.css b/src/app/globals.css
index 54f3943..d912100 100644
--- a/src/app/globals.css
+++ b/src/app/globals.css
@@ -134,17 +134,6 @@
     }
 }
 
-input[type="time"] {
-    /* Фиксируем размеры */
-    min-width: 0;
-    width: 100%;
-    box-sizing: border-box;
-
-    /* Убираем нативные отступы */
-    padding: 0;
-    margin: 0;
-}
-
 input[type="time"]::-webkit-calendar-picker-indicator {
     background: none;
 }
diff --git a/src/components/ui/date-picker.tsx b/src/components/ui/date-picker.tsx
index c3a321f..e8d1295 100644
--- a/src/components/ui/date-picker.tsx
+++ b/src/components/ui/date-picker.tsx
@@ -86,45 +86,50 @@ export function DatePicker({ showIcon = true }: DatePickerProps) {
                             weekdays: "flex",
                             weekday:
                                 "flex-1 text-gray-500 text-xs font-normal p-2 text-center",
-                            day_button: "font-bold",
+                            day_button: "font-bold ring-0 focus:ring-0",
                             week: "mt-2 flex w-full",
-                            today: "bg-gray-100 text-gray-900",
+                            today: "bg-gray-100 text-gray-900 rounded-full",
                             outside: "text-gray-300",
                             disabled: "text-gray-400 cursor-not-allowed",
-                            day_selected: "!bg-red",
                             selected:
-                                "rounded-full border-none outline-none !bg-[#008299] text-white",
+                                "rounded-full border-none outline-none !bg-brand text-white",
                         }}
                     />
 
                     {/* Поля времени */}
                     <div className="flex gap-3 mb-4">
-                        <div className="relative w-full">
+                        <div className="relative w-full h-12 px-3 border border-gray-300 rounded-full text-gray-700 font-medium text-center">
                             <label className="absolute left-[24px] top-0 transform -translate-y-1/2 text-xs text-gray-500 pointer-events-none transition-all duration-200 bg-white px-1">
                                 Выход
                             </label>
-                            <ChevronDownIcon className="absolute right-3 top-1/2 transform -translate-y-1/2 h-4 w-4 text-gray-500 pointer-events-none" />
-                            <input
-                                type="time"
-                                value={departureTime}
-                                onChange={(e) =>
-                                    setDepartureTime(e.target.value)
-                                }
-                                className="w-full h-12 !px-3 border border-gray-300 rounded-full text-gray-700 font-medium text-center focus:outline-none focus:ring-2 focus:ring-[#008299] focus:border-transparent"
-                            />
+                            <div className="relative h-full flex align-center">
+                                <ChevronDownIcon className="absolute right-0 top-1/2 transform -translate-y-1/2 h-4 w-4 text-gray-500 pointer-events-none" />
+                                <input
+                                    type="time"
+                                    value={departureTime}
+                                    onChange={(e) =>
+                                        setDepartureTime(e.target.value)
+                                    }
+                                    className="w-full focus:outline-none focus:border-transparent"
+                                />
+                            </div>
                         </div>
 
-                        <div className="relative w-full">
+                        <div className="relative w-full h-12 px-3 border border-gray-300 rounded-full text-gray-700 font-medium text-center">
                             <label className="absolute left-[24px] top-0 transform -translate-y-1/2 text-xs text-gray-500 pointer-events-none transition-all duration-200 bg-white px-1">
                                 Заход
                             </label>
-                            <ChevronDownIcon className="absolute right-3 top-1/2 transform -translate-y-1/2 h-4 w-4 text-gray-500 pointer-events-none" />
-                            <input
-                                type="time"
-                                value={arrivalTime}
-                                onChange={(e) => setArrivalTime(e.target.value)}
-                                className="w-full h-12 !px-3 border border-gray-300 rounded-full text-gray-700 font-medium text-center focus:outline-none focus:ring-2 focus:ring-[#008299] focus:border-transparent"
-                            />
+                            <div className="relative h-full flex align-center">
+                                <ChevronDownIcon className="absolute right-0 top-1/2 transform -translate-y-1/2 h-4 w-4 text-gray-500 pointer-events-none" />
+                                <input
+                                    type="time"
+                                    value={arrivalTime}
+                                    onChange={(e) =>
+                                        setArrivalTime(e.target.value)
+                                    }
+                                    className="w-full focus:outline-none focus:border-transparent"
+                                />
+                            </div>
                         </div>
                     </div>