fix(a11y): Match ids and for values on DateInput (#2859)

theopensystemslab · Mar 6, 2024 · 92f2046 · 92f2046
1 parent ddbc185
commit 92f2046
Showing 1 changed file with 3 additions and 3 deletions.
diff --git a/editor.planx.uk/src/ui/shared/DateInput.tsx b/editor.planx.uk/src/ui/shared/DateInput.tsx
@@ -47,7 +47,7 @@ export default function DateInput(props: Props): FCReturn {
           </Typography>
         )}
         <Box sx={{ width: INPUT_DATE_WIDTH }}>
-          <Label variant="body1" htmlFor="day" component={"label"}>
+          <Label variant="body1" htmlFor={`${props.id}-day`} component={"label"}>
             Day
           </Label>
           <Input
@@ -71,7 +71,7 @@ export default function DateInput(props: Props): FCReturn {
           />
         </Box>
         <Box sx={{ width: INPUT_DATE_WIDTH }}>
-          <Label variant="body1" htmlFor="month" component={"label"}>
+          <Label variant="body1" htmlFor={`${props.id}-month`} component={"label"}>
             Month
           </Label>
           <Input
@@ -95,7 +95,7 @@ export default function DateInput(props: Props): FCReturn {
           />
         </Box>
         <Box sx={{ width: INPUT_YEAR_WIDTH }}>
-          <Label variant="body1" htmlFor="year" component={"label"}>
+          <Label variant="body1" htmlFor={`${props.id}-year`} component={"label"}>
             Year
           </Label>
           <Input