diff --git a/src/features/schedule/components/ScheduleSearchPage.tsx b/src/features/schedule/components/ScheduleSearchPage.tsx
index 0c3f9e14..e0c37f36 100644
--- a/src/features/schedule/components/ScheduleSearchPage.tsx
+++ b/src/features/schedule/components/ScheduleSearchPage.tsx
@@ -297,6 +297,16 @@ export const ScheduleSearchPage: FC<ScheduleSearchPageProps> = ({ params }) => {
             <WeekTabs
               selectedMonday={selectedMonday}
               onNavigate={handleWeekChange}
+              onSelectDay={(dayYmd) => {
+                // Day group sections are keyed by `data-day=${ymd}`
+                // (see DayGroupedFlightList). Scroll the matching one
+                // into view; this stays a no-op if it's not rendered.
+                if (typeof document === "undefined") return;
+                const el = document.querySelector(
+                  `[data-day="${dayYmd}"]`,
+                );
+                if (el) el.scrollIntoView({ behavior: "smooth", block: "start" });
+              }}
             />
             {inbound && (
               <div
diff --git a/src/features/schedule/components/WeekTabs.scss b/src/features/schedule/components/WeekTabs.scss
index ddf65fec..2dc02e35 100644
--- a/src/features/schedule/components/WeekTabs.scss
+++ b/src/features/schedule/components/WeekTabs.scss
@@ -36,15 +36,19 @@
   &__tab {
     flex: 1;
     min-width: 0;
-    padding: 8px 12px;
+    padding: 6px 4px;
     background: transparent;
     border: none;
-    font-size: 13px;
     color: #1f6fb8;
     cursor: pointer;
     border-radius: 4px;
     white-space: nowrap;
     transition: background 120ms;
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    gap: 2px;
+    line-height: 1.1;
 
     &:hover { background: #e8f0fa; }
 
@@ -53,7 +57,18 @@
       color: #022040;
       font-weight: 600;
       box-shadow: inset 0 -2px 0 #2563eb;
-      cursor: default;
     }
   }
+
+  &__day-num {
+    font-size: 15px;
+    font-weight: 600;
+  }
+
+  &__day-name {
+    font-size: 11px;
+    text-transform: lowercase;
+    color: inherit;
+    opacity: 0.85;
+  }
 }
diff --git a/src/features/schedule/components/WeekTabs.tsx b/src/features/schedule/components/WeekTabs.tsx
index a0d0c274..fa02b08c 100644
--- a/src/features/schedule/components/WeekTabs.tsx
+++ b/src/features/schedule/components/WeekTabs.tsx
@@ -1,46 +1,35 @@
 /**
- * Weekly date-range tabs for the schedule pages.
+ * Day-of-week tabs for the schedule pages.
  *
- * Mirrors Angular's `week-tabs` (Monday-anchored 7-day windows shown
- * as `13 апр - 19 апр`). Distinct from the onlineboard's `DayTabs`
- * which is daily.
+ * Mirrors Angular's schedule day strip (`20 пн 21 вт 22 ср …`) — seven
+ * tabs spanning Mon–Sun of the active week. Prev/next navigates by
+ * whole weeks; clicking a day highlights it and (optionally) scrolls
+ * the corresponding day group into view via `onSelectDay`.
  *
- * Emits the Monday yyyy-MM-dd of the chosen week on click.
+ * Public API: still keyed off `selectedMonday` (yyyy-MM-dd Monday) and
+ * `onNavigate(mondayYmd)` so the parent's URL plumbing keeps working.
  */
 
-import { type FC, useMemo, useState } from "react";
+import { type FC, useMemo } from "react";
 import { useLocale } from "@/i18n/useLocale.js";
 import "./WeekTabs.scss";
 
-const PAGE_SIZE = 7;
-const WEEKS_BEFORE = 1;
-const WEEKS_AFTER = 30;
-
 export interface WeekTabsProps {
   /** Monday yyyy-MM-dd of the currently active week. */
   selectedMonday: string;
-  /** Fired with the Monday yyyy-MM-dd of the chosen week. */
+  /** Fired with the Monday yyyy-MM-dd of the chosen week (prev/next). */
   onNavigate: (mondayYmd: string) => void;
+  /** Optional yyyy-MM-dd of the highlighted day within the week. */
+  selectedDayYmd?: string;
+  /** Optional callback when a specific day tab is clicked. */
+  onSelectDay?: (dayYmd: string) => void;
 }
 
-interface WeekEntry {
-  monday: Date;
-  sunday: Date;
+interface DayEntry {
+  date: Date;
   ymd: string;
-  label: string;
-}
-
-function startOfWeekMonday(d: Date): Date {
-  const out = new Date(d);
-  const day = out.getDay(); // 0=Sun, 1=Mon, ..., 6=Sat
-  const diff = (day + 6) % 7; // distance back to Monday
-  out.setDate(out.getDate() - diff);
-  out.setHours(0, 0, 0, 0);
-  return out;
-}
-
-function fmt(date: Date, fmt: Intl.DateTimeFormat): string {
-  return fmt.format(date).replace(/\.$/, "");
+  dayNum: string;
+  weekday: string;
 }
 
 function ymd(d: Date): string {
@@ -50,44 +39,67 @@ function ymd(d: Date): string {
   return `${y}-${m}-${day}`;
 }
 
-export const WeekTabs: FC<WeekTabsProps> = ({ selectedMonday, onNavigate }) => {
+function parseYmd(s: string): Date | null {
+  if (!s || s.length !== 10) return null;
+  const y = parseInt(s.slice(0, 4), 10);
+  const m = parseInt(s.slice(5, 7), 10) - 1;
+  const d = parseInt(s.slice(8, 10), 10);
+  if (Number.isNaN(y) || Number.isNaN(m) || Number.isNaN(d)) return null;
+  return new Date(y, m, d);
+}
+
+function shiftWeek(monday: Date, deltaWeeks: number): string {
+  const next = new Date(monday);
+  next.setDate(monday.getDate() + deltaWeeks * 7);
+  return ymd(next);
+}
+
+function todayYmd(): string {
+  return ymd(new Date());
+}
+
+export const WeekTabs: FC<WeekTabsProps> = ({
+  selectedMonday,
+  onNavigate,
+  selectedDayYmd,
+  onSelectDay,
+}) => {
   const { language } = useLocale();
-  // Angular shows month abbreviated ("13 апр - 19 апр"). Build once
-  // per locale; the month part comes through in the locale's natural
-  // short form.
-  const dayMonthFmt = useMemo(
-    () => new Intl.DateTimeFormat(language, { day: "numeric", month: "short" }),
+  // 'пн', 'вт', … — short weekday in active locale. Built once per
+  // locale; the `.replace(/\.$/, "")` strips Russian's trailing dot.
+  const weekdayFmt = useMemo(
+    () => new Intl.DateTimeFormat(language, { weekday: "short" }),
     [language],
   );
 
-  const weeks: WeekEntry[] = useMemo(() => {
-    const out: WeekEntry[] = [];
-    const today = new Date();
-    const start = startOfWeekMonday(today);
-    start.setDate(start.getDate() - WEEKS_BEFORE * 7);
-    for (let i = 0; i < WEEKS_BEFORE + WEEKS_AFTER + 1; i++) {
-      const monday = new Date(start);
-      monday.setDate(start.getDate() + i * 7);
-      const sunday = new Date(monday);
-      sunday.setDate(monday.getDate() + 6);
+  const monday = useMemo(() => parseYmd(selectedMonday), [selectedMonday]);
+
+  const days: DayEntry[] = useMemo(() => {
+    if (!monday) return [];
+    const out: DayEntry[] = [];
+    for (let i = 0; i < 7; i++) {
+      const d = new Date(monday);
+      d.setDate(monday.getDate() + i);
       out.push({
-        monday,
-        sunday,
-        ymd: ymd(monday),
-        label: `${fmt(monday, dayMonthFmt)} - ${fmt(sunday, dayMonthFmt)}`,
+        date: d,
+        ymd: ymd(d),
+        dayNum: String(d.getDate()),
+        weekday: weekdayFmt.format(d).replace(/\.$/, "").toLowerCase(),
       });
     }
     return out;
-  }, [dayMonthFmt]);
+  }, [monday, weekdayFmt]);
 
-  const initialPage = Math.max(
-    0,
-    Math.floor(weeks.findIndex((w) => w.ymd === selectedMonday) / PAGE_SIZE),
-  );
-  const [page, setPage] = useState(Number.isFinite(initialPage) ? initialPage : 0);
-  const totalPages = Math.max(1, Math.ceil(weeks.length / PAGE_SIZE));
+  if (!monday || days.length === 0) {
+    return null;
+  }
 
-  const visible = weeks.slice(page * PAGE_SIZE, page * PAGE_SIZE + PAGE_SIZE);
+  const today = todayYmd();
+  const highlight = selectedDayYmd && days.some((d) => d.ymd === selectedDayYmd)
+    ? selectedDayYmd
+    : days.some((d) => d.ymd === today)
+      ? today
+      : days[0]!.ymd;
 
   return (
     <nav
@@ -98,25 +110,27 @@ export const WeekTabs: FC<WeekTabsProps> = ({ selectedMonday, onNavigate }) => {
       <button
         type="button"
         className="week-tabs__nav week-tabs__nav--prev"
-        disabled={page === 0}
-        onClick={() => setPage((p) => Math.max(0, p - 1))}
-        aria-label="Previous week range"
+        onClick={() => onNavigate(shiftWeek(monday, -1))}
+        aria-label="Previous week"
       >
         ‹
       </button>
       <div className="week-tabs__list">
-        {visible.map((w) => {
-          const isActive = w.ymd === selectedMonday;
+        {days.map((d) => {
+          const isActive = d.ymd === highlight;
           return (
             <button
-              key={w.ymd}
+              key={d.ymd}
               type="button"
               className={`week-tabs__tab${isActive ? " week-tabs__tab--active" : ""}`}
               data-active={isActive ? "true" : "false"}
-              data-testid={`week-tab-${w.ymd}`}
-              onClick={() => onNavigate(w.ymd)}
+              data-testid={`week-tab-${d.ymd}`}
+              onClick={() => {
+                if (onSelectDay) onSelectDay(d.ymd);
+              }}
             >
-              {w.label}
+              <span className="week-tabs__day-num">{d.dayNum}</span>
+              <span className="week-tabs__day-name">{d.weekday}</span>
             </button>
           );
         })}
@@ -124,9 +138,8 @@ export const WeekTabs: FC<WeekTabsProps> = ({ selectedMonday, onNavigate }) => {
       <button
         type="button"
         className="week-tabs__nav week-tabs__nav--next"
-        disabled={page >= totalPages - 1}
-        onClick={() => setPage((p) => Math.min(totalPages - 1, p + 1))}
-        aria-label="Next week range"
+        onClick={() => onNavigate(shiftWeek(monday, 1))}
+        aria-label="Next week"
       >
         ›
       </button>