From c76e7a4029342f154c1fc0f26341580c6f4ceb20 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=D0=90=D0=BB=D0=B5=D0=BA=D1=81=D0=B0=D0=BD=D0=B4=D1=80=20?=
 =?UTF-8?q?=D0=97=D0=B8=D0=BC=D0=B8=D0=BD?= <zimin.an@nstart.space>
Date: Tue, 12 May 2026 08:55:13 +0000
Subject: [PATCH] =?UTF-8?q?fix(timetravel):=20=D1=81=D0=BA=D1=80=D1=8B?=
 =?UTF-8?q?=D0=B2=D0=B0=D1=82=D1=8C=20boundary-=D0=BC=D0=B5=D1=82=D0=BA?=
 =?UTF-8?q?=D0=B8=20=D0=BF=D1=80=D0=B8=20=D0=BA=D0=BE=D0=BB=D0=BB=D0=B8?=
 =?UTF-8?q?=D0=B7=D0=B8=D0=B8=20=D1=81=20=D0=BA=D1=83=D1=80=D1=81=D0=BE?=
 =?UTF-8?q?=D1=80=D0=BE=D0=BC?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../components/timetravel/TimeTravelModal.tsx | 34 ++++++++++++-------
 1 file changed, 21 insertions(+), 13 deletions(-)

diff --git a/ordinis-admin-ui/src/components/timetravel/TimeTravelModal.tsx b/ordinis-admin-ui/src/components/timetravel/TimeTravelModal.tsx
index 2860e21..d6c6e9a 100644
--- a/ordinis-admin-ui/src/components/timetravel/TimeTravelModal.tsx
+++ b/ordinis-admin-ui/src/components/timetravel/TimeTravelModal.tsx
@@ -515,26 +515,34 @@ function TimelineSlider({
         />
       </div>
 
-      {/* Date labels (bottom) — start / value / now */}
+      {/* Date labels (bottom) — start / value / now.
+        * Boundary-метки (min/max) скрываются, когда курсор подъехал близко,
+        * иначе текст накладывается в "05.005.05". Порог 12% подобран так,
+        * чтобы две DD.MM метки ~ 36px @ text-cap не пересекались на типичной
+        * ширине трека ~340px. */}
       <div className="relative h-4 mt-1 text-mono text-cap text-mute">
-        <span className="absolute left-0">
-          {new Date(range.min).toLocaleDateString(undefined, {
-            month: '2-digit',
-            day: '2-digit',
-          })}
-        </span>
+        {pct > 12 && (
+          <span className="absolute left-0">
+            {new Date(range.min).toLocaleDateString(undefined, {
+              month: '2-digit',
+              day: '2-digit',
+            })}
+          </span>
+        )}
         <span
           className="absolute -translate-x-1/2 text-accent font-semibold"
           style={{ left: `${pct}%` }}
         >
           {dateLabel}
         </span>
-        <span className="absolute right-0">
-          {new Date(range.max).toLocaleDateString(undefined, {
-            month: '2-digit',
-            day: '2-digit',
-          })}
-        </span>
+        {pct < 88 && (
+          <span className="absolute right-0">
+            {new Date(range.max).toLocaleDateString(undefined, {
+              month: '2-digit',
+              day: '2-digit',
+            })}
+          </span>
+        )}
       </div>
     </div>
   )