feat(patients): max DOB set for current date

src/components/input/DatePickerWithLabelFormGroup.tsx

@@ -10,10 +10,21 @@ interface Props {
   isRequired?: boolean
   feedback?: string
   isInvalid?: boolean
+  maxDate?: Date
 }
 
 const DatePickerWithLabelFormGroup = (props: Props) => {
-  const { onChange, label, name, isEditable, value, isRequired, feedback, isInvalid } = props
+  const {
+    onChange,
+    label,
+    name,
+    isEditable,
+    value,
+    isRequired,
+    feedback,
+    isInvalid,
+    maxDate,
+  } = props
   const id = `${name}DatePicker`
   return (
     <div className="form-group">
@@ -22,6 +33,7 @@ const DatePickerWithLabelFormGroup = (props: Props) => {
         dateFormat="MM/dd/yyyy"
         dateFormatCalendar="LLLL yyyy"
         dropdownMode="scroll"
+        maxDate={maxDate}
         selected={value}
         timeIntervals={30}
         withPortal={false}

src/patients/GeneralInformation.tsx

@@ -167,6 +167,7 @@ const GeneralInformation = (props: Props) => {
                     : undefined
                 }
                 isInvalid={invalidFields?.dateOfBirth}
+                maxDate={new Date()}
                 feedback={feedbackFields?.dateOfBirth}
                 onChange={(date: Date) => {
                   onDateOfBirthChange(date)