From c7ef65500ac493a9a64a6d79c25621af7d3eb842 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:59 +0000
Subject: [PATCH] Changes

Co-authored-by: renee-png <262607627+renee-png@users.noreply.github.com>
---
 src/components/collections/payment-plans-panel.tsx | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

diff --git a/src/components/collections/payment-plans-panel.tsx b/src/components/collections/payment-plans-panel.tsx
index ec2ff75..cef9093 100644
--- a/src/components/collections/payment-plans-panel.tsx
+++ b/src/components/collections/payment-plans-panel.tsx
@@ -25,7 +25,7 @@ import {
 } from "@/components/ui/select";
 import { CalendarClock, Loader2, Plus, Trash2 } from "lucide-react";
 import { toast } from "sonner";
-import { formatCurrency, formatDate } from "@/lib/format";
+import { formatCurrency, formatDate, parseDateOnly } from "@/lib/format";
 
 type Frequency = "weekly" | "biweekly" | "monthly";
 type PlanStatus = "active" | "completed" | "defaulted" | "cancelled";
@@ -200,7 +200,8 @@ export function PaymentPlansPanel({ collectionId }: { collectionId: string }) {
                   {ins.length > 0 && (
                     <div className="divide-y">
                       {ins.map((i) => {
-                        const overdue = !i.paid && new Date(i.due_date) < new Date(new Date().toDateString());
+                        const overdue =
+                          !i.paid && parseDateOnly(i.due_date)! < new Date(new Date().toDateString());
                         return (
                           <div key={i.id} className="flex items-center gap-3 p-2.5 px-3">
                             <Checkbox