TimeGroup day-change: render as chip with blue-icon border + blue-light text (Angular day-change-square parity)

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;
     }
 

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,