From d4be91ff54bef2a4031d653cbbf0e6f2c7dc6826 Mon Sep 17 00:00:00 2001
From: "gpt-engineer-app[bot]"
 <159125892+gpt-engineer-app[bot]@users.noreply.github.com>
Date: Fri, 24 Apr 2026 13:58:28 +0000
Subject: [PATCH] Changes

Co-authored-by: renee-png <262607627+renee-png@users.noreply.github.com>
---
 src/components/cases/tasks-tab.tsx | 8 ++++++--
 1 file changed, 6 insertions(+), 2 deletions(-)

diff --git a/src/components/cases/tasks-tab.tsx b/src/components/cases/tasks-tab.tsx
index 024aa9c..e2d2dd7 100644
--- a/src/components/cases/tasks-tab.tsx
+++ b/src/components/cases/tasks-tab.tsx
@@ -12,6 +12,7 @@ import { NewTaskDialog } from "@/components/tasks/new-task-dialog";
 import { ApplyWorkflowDialog } from "@/components/tasks/apply-workflow-dialog";
 import { cn } from "@/lib/utils";
 import { spawnNextWorkflowTask } from "@/lib/workflow-chain";
+import { parseDateOnly } from "@/lib/format";
 
 interface TaskRow {
   id: string;
@@ -130,7 +131,10 @@ export function CaseTasksTab({ caseId }: { caseId: string }) {
         )}
         {tasks.map((t) => {
           const ids = assigneesByTask[t.id] || [];
-          const overdue = t.due_date && t.status === "incomplete" && isBefore(startOfDay(new Date(t.due_date)), today);
+          const overdue =
+            t.due_date &&
+            t.status === "incomplete" &&
+            isBefore(startOfDay(parseDateOnly(t.due_date)!), today);
           return (
             <div
               key={t.id}
@@ -151,7 +155,7 @@ export function CaseTasksTab({ caseId }: { caseId: string }) {
               {t.due_date && (
                 <Badge variant={overdue ? "destructive" : "outline"} className="gap-1">
                   <CalIcon className="h-3 w-3" />
-                  {format(new Date(t.due_date), "MMM d")}
+                  {format(parseDateOnly(t.due_date)!, "MMM d")}
                 </Badge>
               )}
               <div className="flex -space-x-1.5">