From aecf06c8297a4c4cb9124744e24dbcc8659270a3 Mon Sep 17 00:00:00 2001
From: gnezim <gnezim@gmail.com>
Date: Mon, 20 Apr 2026 15:46:50 +0300
Subject: [PATCH] TimeGroup day-change: render as chip with blue-icon border +
 blue-light text (Angular day-change-square parity)

---
 src/ui/city-autocomplete/CityAutocomplete.scss |  2 +-
 src/ui/flights/TimeGroup.scss                  | 12 ++++++++++++
 2 files changed, 13 insertions(+), 1 deletion(-)

diff --git a/src/ui/city-autocomplete/CityAutocomplete.scss b/src/ui/city-autocomplete/CityAutocomplete.scss
index 06aebc3b..03717a8d 100644
--- a/src/ui/city-autocomplete/CityAutocomplete.scss
+++ b/src/ui/city-autocomplete/CityAutocomplete.scss
@@ -84,7 +84,7 @@
     }
 
     &:hover {
-      background-color: #fff !important;
+      background-color: colors.$white !important;
       border-left-color: colors.$border-input !important;
     }
 
diff --git a/src/ui/flights/TimeGroup.scss b/src/ui/flights/TimeGroup.scss
index 4c674043..43628890 100644
--- a/src/ui/flights/TimeGroup.scss
+++ b/src/ui/flights/TimeGroup.scss
@@ -34,9 +34,21 @@
     margin-left: vars.$space-s;
   }
 
+  // Mirrors Angular `day-change-square.component.scss`: a 1px box in
+  // $blue-icon with 2px rounding + 10px bold $blue-light text, not a
+  // plain `+1` string. Renders as a small chip next to the time.
   &__day-change {
+    display: inline-block;
     margin-top: vars.$space-s;
     margin-left: vars.$space-s;
+    padding: 0 3px;
+    border: 1px solid colors.$blue-icon;
+    border-radius: 2px;
+    font-size: fonts.$font-size-xs;
+    line-height: 11px;
+    text-align: center;
+    color: colors.$blue-light;
+    font-weight: fonts.$font-bold;
   }
 
   &__old-time,