From 00fedec0e7952a84dd3fadcfa59ad339cf664b6f Mon Sep 17 00:00:00 2001
From: "hs_okita.kunio" <okita.kunio@heartsoft.co.jp>
Date: Sat, 25 Mar 2023 20:54:42 +0900
Subject: [PATCH] =?UTF-8?q?=E6=9C=9F=E9=99=90=E5=88=87=E3=82=8C=E3=81=AE?=
 =?UTF-8?q?=E5=A0=B4=E5=90=88=E3=81=AB=E8=83=8C=E6=99=AF=E3=82=92=E8=B5=A4?=
 =?UTF-8?q?=E3=81=AB=E5=A4=89=E6=9B=B4=EF=BC=88=E3=82=AB=E3=83=BC=E3=83=89?=
 =?UTF-8?q?=E3=83=A2=E3=83=BC=E3=83=80=E3=83=AB=E8=A1=A8=E7=A4=BA=EF=BC=89?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 client/src/components/CardModal/CardModal.jsx | 6 ++++--
 1 file changed, 4 insertions(+), 2 deletions(-)

diff --git a/client/src/components/CardModal/CardModal.jsx b/client/src/components/CardModal/CardModal.jsx
index d72ccca..93504f9 100755
--- a/client/src/components/CardModal/CardModal.jsx
+++ b/client/src/components/CardModal/CardModal.jsx
@@ -167,6 +167,8 @@ const CardModal = React.memo(
     const userIds = users.map((user) => user.id);
     const labelIds = labels.map((label) => label.id);
 
+    const isExpiredDueDate = dueDate && dueDate.getTime() < new Date().getTime();
+
     const contentNode = (
       <Grid className={styles.grid}>
         <Grid.Row className={styles.headerPadding}>
@@ -286,10 +288,10 @@ const CardModal = React.memo(
                     <span className={styles.attachment}>
                       {canEdit ? (
                         <DueDateEditPopup defaultValue={dueDate} onUpdate={handleDueDateUpdate}>
-                          <DueDate value={dueDate} />
+                          <DueDate value={dueDate} isExpired={isExpiredDueDate} />
                         </DueDateEditPopup>
                       ) : (
-                        <DueDate value={dueDate} />
+                        <DueDate value={dueDate} isExpired={isExpiredDueDate} />
                       )}
                     </span>
                   </div>