From 864f899fd71dbea18d192bc5cf9712b5a3ce8a1d Mon Sep 17 00:00:00 2001
From: Lasse Fredheim <lass@uio.no>
Date: Tue, 21 Feb 2023 12:50:53 +0100
Subject: [PATCH] Set default end-date as empty in new guest form
---
frontend/src/routes/sponsor/register/stepPersonForm.tsx | 6 ++++--
1 file changed, 4 insertions(+), 2 deletions(-)
diff --git a/frontend/src/routes/sponsor/register/stepPersonForm.tsx b/frontend/src/routes/sponsor/register/stepPersonForm.tsx
index 4b2c63aa..e31eee44 100644
--- a/frontend/src/routes/sponsor/register/stepPersonForm.tsx
+++ b/frontend/src/routes/sponsor/register/stepPersonForm.tsx
@@ -49,6 +49,7 @@ const StepPersonForm = forwardRef(
const [todayPlusMaxDays, setTodayPlusMaxDays] = useState(today)
const roleTypes = useRoleTypes()
const { displayContactAtUnit, displayComment } = useContext(FeatureContext)
+ const [endDate, setEndDate] = useState<Date | null>(null)
const roleTypeSort = () => (a: RoleTypeData, b: RoleTypeData) => {
if (i18n.language === 'en') {
@@ -319,15 +320,16 @@ const StepPersonForm = forwardRef(
<Controller
name="role_end"
control={control}
- defaultValue={today}
render={({ field }) => (
<DatePicker
mask="____-__-__"
label={t('input.roleEndDate')}
+ minDate={today}
maxDate={todayPlusMaxDays}
- value={field.value}
+ value={endDate}
inputFormat="yyyy-MM-dd"
onChange={(value) => {
+ setEndDate(value)
field.onChange(value)
}}
renderInput={(params) => <TextField {...params} />}
--
GitLab