adding rollout start and end dates to each channel

Author: dhtclk

docs/cloud/reference/01_changelog/02_release_status.md

@@ -49,9 +49,12 @@ For advance testing before production upgrades, use the Fast or Regular channel
    {
      changelog_link: 'https://clickhouse.com/docs/changelogs/25.10',
      version: '25.10',
-     fast_date: 'Rollout started 2025-12-11 (completed 2025-12-15)',
-     regular_date: 'Rollout started 2026-01-13',
-     slow_date: 'TBD',
+     fast_start_date: '2025-12-11',
+     fast_end_date: '2025-12-15',
+     regular_start_date: '2026-01-13',
+     regular_end_date: 'TBD',
+     slow_start_date: 'TBD',
+     slow_end_date: 'TBD',
      fast_progress: 'green',
      regular_progress: 'green',
      slow_progress: 'green',
@@ -60,9 +63,12 @@ For advance testing before production upgrades, use the Fast or Regular channel
    {
     changelog_link: 'https://clickhouse.com/docs/changelogs/25.8',
     version: '25.8',
-    fast_date: 'Rollout completed',
-    regular_date: 'Rollout started 2025-12-19 (completed)',
-    slow_date: 'Rollout started 2026-01-15',
+    fast_start_date: 'Completed',
+    fast_end_date: 'Completed',
+    regular_start_date: '2025-12-19',
+    regular_end_date: 'TBD',
+    slow_start_date: '2026-01-15',
+    slow_end_date: 'TBD',
     fast_progress: 'green',
     regular_progress: 'green',
     slow_progress: 'green',

src/components/ReleaseSchedule/ReleaseSchedule.tsx

@@ -6,9 +6,12 @@ type ProgressStatus = 'green' | 'orange' | 'red';
 interface ReleaseRow {
   version: string;
   changelog_link?: string;
-  fast_date: string;
-  regular_date: string;
-  slow_date: string;
+  fast_start_date: string;
+  fast_end_date: string;
+  regular_start_date: string;
+  regular_end_date: string;
+  slow_start_date: string;
+  slow_end_date: string;
   fast_delay_note?: string;
   regular_delay_note?: string;
   slow_delay_note?: string;
@@ -60,23 +63,31 @@ export default function ReleaseSchedule({ releases }: ReleaseScheduleProps) {
       <table className={styles.table}>
         <thead>
           <tr>
-            <th>Version</th>
-            <th>
+            <th rowSpan={2}>Version</th>
+            <th colSpan={2}>
               <a href="/docs/manage/updates#fast-release-channel-early-upgrades">
-                Fast Channel (Rollout Start)
+                Fast Channel
               </a>
             </th>
-            <th>
+            <th colSpan={2}>
               <a href="/docs/manage/updates#regular-release-channel">
-                Regular Channel (Rollout Start)
+                Regular Channel
               </a>
             </th>
-            <th>
+            <th colSpan={2}>
               <a href="/docs/manage/updates#slow-release-channel-deferred-upgrades">
-                Slow Channel (Rollout Start)
+                Slow Channel
               </a>
             </th>
           </tr>
+          <tr>
+            <th>Rollout Start</th>
+            <th>Rollout End</th>
+            <th>Rollout Start</th>
+            <th>Rollout End</th>
+            <th>Rollout Start</th>
+            <th>Rollout End</th>
+          </tr>
         </thead>
         <tbody>
           {releases.map((release, index) => (
@@ -92,25 +103,43 @@ export default function ReleaseSchedule({ releases }: ReleaseScheduleProps) {
               </td>
               <td>
                 <DateCell
-                  date={release.fast_date}
+                  date={release.fast_start_date}
                   note={release.fast_delay_note}
                   status={release.fast_progress}
                 />
               </td>
               <td>
                 <DateCell
-                  date={release.regular_date}
+                  date={release.fast_end_date}
+                  status={release.fast_progress}
+                />
+              </td>
+              <td>
+                <DateCell
+                  date={release.regular_start_date}
                   note={release.regular_delay_note}
                   status={release.regular_progress}
                 />
               </td>
               <td>
                 <DateCell
-                  date={release.slow_date}
+                  date={release.regular_end_date}
+                  status={release.regular_progress}
+                />
+              </td>
+              <td>
+                <DateCell
+                  date={release.slow_start_date}
                   note={release.slow_delay_note}
                   status={release.slow_progress}
                 />
               </td>
+              <td>
+                <DateCell
+                  date={release.slow_end_date}
+                  status={release.slow_progress}
+                />
+              </td>
             </tr>
           ))}
         </tbody>