From 4f127a633645d7b5752008fb9a04e3d83b7a0e2f Mon Sep 17 00:00:00 2001
From: Lasse Fredheim <lass@uio.no>
Date: Tue, 21 Feb 2023 15:39:16 +0100
Subject: [PATCH] Make end-date a required field in stepPersonForm
---
frontend/src/routes/sponsor/register/stepPersonForm.tsx | 8 +++++++-
1 file changed, 7 insertions(+), 1 deletion(-)
diff --git a/frontend/src/routes/sponsor/register/stepPersonForm.tsx b/frontend/src/routes/sponsor/register/stepPersonForm.tsx
index e31eee44..0fa8a49f 100644
--- a/frontend/src/routes/sponsor/register/stepPersonForm.tsx
+++ b/frontend/src/routes/sponsor/register/stepPersonForm.tsx
@@ -320,13 +320,14 @@ const StepPersonForm = forwardRef(
<Controller
name="role_end"
control={control}
+ rules={{ required: true }}
render={({ field }) => (
<DatePicker
mask="____-__-__"
label={t('input.roleEndDate')}
+ value={endDate}
minDate={today}
maxDate={todayPlusMaxDays}
- value={endDate}
inputFormat="yyyy-MM-dd"
onChange={(value) => {
setEndDate(value)
@@ -336,6 +337,11 @@ const StepPersonForm = forwardRef(
/>
)}
/>
+ {!!errors.role_end && errors.role_end.type === 'required' && (
+ <Box sx={{ typography: 'caption', color: 'red' }}>
+ {t('validation.roleEndRequired')}
+ </Box>
+ )}
{displayContactAtUnit && (
<TextField
--
GitLab