geneit_app/src/dialogs/accommodations/UpdateReservationDialog.tsx

@@ -78,6 +78,7 @@ export function UpdateReservationDialog(p: {
               return { ...r!, start: s ?? -1 };
             });
           }}
+          minDate={Math.floor(new Date().getTime() / 1000) - 3600 * 24 * 60}
         />
 
         <PropDateInput
@@ -90,10 +91,9 @@ export function UpdateReservationDialog(p: {
               return { ...r!, end: s ?? -1 };
             });
           }}
+          minDate={reservation?.start}
         />
 
-        {/* Constraint start and end */}
-
         {/* TODO : la suite */}
       </DialogContent>
       <DialogActions>

geneit_app/src/widgets/forms/PropDateInput.tsx

@@ -12,6 +12,8 @@ export function PropDateInput(p: {
   value: number | undefined;
   onChange: (v: number | undefined) => void;
   lastSecOfDay?: boolean;
+  minDate?: number;
+  maxDate?: number;
 }): React.ReactElement {
   let shiftV = p.value;
   if (shiftV && p.lastSecOfDay) {
@@ -33,6 +35,9 @@ export function PropDateInput(p: {
     shiftV && p.value! > 0 ? new Date(shiftV * 1000) : undefined
   );
 
+  const minDate = p.minDate ? dayjs(new Date(p.minDate * 1000)) : undefined;
+  const maxDate = p.maxDate ? dayjs(new Date(p.maxDate * 1000)) : undefined;
+
   return (
     <div style={{ margin: "10px auto" }}>
       <LocalizationProvider dateAdapter={AdapterDayjs} adapterLocale="fr">
@@ -47,6 +52,8 @@ export function PropDateInput(p: {
             }
             p.onChange?.(v ? v.unix() : undefined);
           }}
+          minDate={minDate}
+          maxDate={maxDate}
         />
       </LocalizationProvider>
     </div>