From cc988c66ca8a6927d137663503985d2a69afd87f Mon Sep 17 00:00:00 2001
From: Dave <david.els1@outlook.com>
Date: Mon, 21 Sep 2026 16:20:57 +0200
Subject: [PATCH] feat(card): show scheduled date range next to dated subtasks
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

When a subtask has start_date or target_date set, the card
detail's checklist row now shows a small '5 Mar → 19 Mar' label
next to the title. Mirrors the Gantt's view of the same data
without duplicating the chart on the card page.

Build clean.
---
 src/components/card/subtask-list.tsx | 36 ++++++++++++++++++++++++++++
 1 file changed, 36 insertions(+)

diff --git a/src/components/card/subtask-list.tsx b/src/components/card/subtask-list.tsx
index f1d53ce..620ddb2 100644
--- a/src/components/card/subtask-list.tsx
+++ b/src/components/card/subtask-list.tsx
@@ -99,6 +99,14 @@ export function SubtaskList({
             >
               {subtask.title}
             </span>
+            {(subtask.start_date || subtask.target_date) && (
+              <span
+                className="shrink-0 text-xs tabular-nums text-text-muted"
+                aria-label={`Scheduled ${subtask.start_date || "?"} to ${subtask.target_date || "?"}`}
+              >
+                {formatRange(subtask.start_date, subtask.target_date)}
+              </span>
+            )}
             {editable && (
               <button
                 type="button"
@@ -136,4 +144,32 @@ export function SubtaskList({
       )}
     </section>
   );
+}
+
+const MONTHS = [
+  "Jan",
+  "Feb",
+  "Mar",
+  "Apr",
+  "May",
+  "Jun",
+  "Jul",
+  "Aug",
+  "Sep",
+  "Oct",
+  "Nov",
+  "Dec",
+];
+
+function short(iso: string): string {
+  if (!iso) return "?";
+  const month = Number(iso.slice(5, 7));
+  if (!Number.isFinite(month) || month < 1 || month > 12) return iso;
+  return `${Number(iso.slice(8, 10))} ${MONTHS[month - 1]}`;
+}
+
+function formatRange(start: string, end: string): string {
+  if (start && end) return `${short(start)} → ${short(end)}`;
+  if (end) return `by ${short(end)}`;
+  return `from ${short(start)}`;
 }
\ No newline at end of file