Add Date selection constraints
This commit is contained in:
parent
1ce7fcb90d
commit
b66a8a8ac9
@ -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>
|
||||
|
@ -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>
|
||||
|
Loading…
Reference in New Issue
Block a user