From 54ea680c5bd72cf025159e6f5bdeb9cba2188e97 Mon Sep 17 00:00:00 2001
From: Pierre Hubert <pierre.git@communiquons.org>
Date: Sat, 26 Aug 2023 16:39:39 +0200
Subject: [PATCH] Improve rendering of read-only dates

---
 geneit_app/src/widgets/forms/DateInput.tsx | 9 ++-------
 1 file changed, 2 insertions(+), 7 deletions(-)

diff --git a/geneit_app/src/widgets/forms/DateInput.tsx b/geneit_app/src/widgets/forms/DateInput.tsx
index ec2686d..363aefa 100644
--- a/geneit_app/src/widgets/forms/DateInput.tsx
+++ b/geneit_app/src/widgets/forms/DateInput.tsx
@@ -1,6 +1,7 @@
 import { Stack, TextField, Typography } from "@mui/material";
 import { NumberConstraint, ServerApi } from "../../api/ServerApi";
 import { DateValue, fmtDate } from "../../api/MemberApi";
+import { PropEdit } from "./PropEdit";
 
 export function DateInput(p: {
   id: string;
@@ -13,13 +14,7 @@ export function DateInput(p: {
     if (!p.value) return <></>;
 
     return (
-      <Typography
-        variant="body2"
-        display="block"
-        style={{ marginBottom: "15px" }}
-      >
-        {p.label} : {fmtDate(p.value!)}
-      </Typography>
+      <PropEdit editable={false} label={p.label} value={fmtDate(p.value!)} />
     );
   }