adding rule for 20 char max for additional gender (#2071)

CDCgov · Dec 6, 2024 · ab8a78f · ab8a78f
1 parent 3403369
commit ab8a78f
Showing 1 changed file with 3 additions and 1 deletion.
diff --git a/apps/modernization-ui/src/apps/patient/data/sexAndBirth/SexAndBirthEntryFields.tsx b/apps/modernization-ui/src/apps/patient/data/sexAndBirth/SexAndBirthEntryFields.tsx
@@ -132,7 +132,8 @@ export const SexAndBirthEntryFields = ({ orientation = 'horizontal' }: SexAndBir
             <Controller
                 control={control}
                 name="birthAndSex.additionalGender"
-                render={({ field: { onChange, onBlur, value, name } }) => (
+                rules={maxLengthRule(20)}
+                render={({ field: { onChange, onBlur, value, name }, fieldState: { error } }) => (
                     <Input
                         label="Additional gender"
                         orientation={orientation}
@@ -144,6 +145,7 @@ export const SexAndBirthEntryFields = ({ orientation = 'horizontal' }: SexAndBir
                         name={name}
                         htmlFor={name}
                         defaultValue={value}
+                        error={error?.message}
                     />
                 )}
             />