fix(patient): mark required fields in New Appointment/Edit Appointment

Mark required fields with the *. fix HospitalRun#1916
rubencgt · Mar 21, 2020 · 47d14a0 · 47d14a0
1 parent 8afecaa
commit 47d14a0
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 2 deletions.
diff --git a/src/components/input/DateTimePickerWithLabelFormGroup.tsx b/src/components/input/DateTimePickerWithLabelFormGroup.tsx
@@ -14,7 +14,7 @@ const DateTimePickerWithLabelFormGroup = (props: Props) => {
   const id = `${name}DateTimePicker`
   return (
     <div className="form-group">
-      <Label text={label} htmlFor={id} />
+      <Label text={label} isRequired htmlFor={id} />
       <DateTimePicker
         dateFormat="MM/dd/yyyy h:mm aa"
         dateFormatCalendar="LLLL yyyy"

diff --git a/src/scheduling/appointments/AppointmentDetailForm.tsx b/src/scheduling/appointments/AppointmentDetailForm.tsx
@@ -36,7 +36,11 @@ const AppointmentDetailForm = (props: Props) => {
       <div className="row">
         <div className="col">
           <div className="form-group">
-            <Label htmlFor="patientTypeahead" text={t('scheduling.appointment.patient')} />
+            <Label
+              htmlFor="patientTypeahead"
+              isRequired
+              text={t('scheduling.appointment.patient')}
+            />
             <Typeahead
               id="patientTypeahead"
               disabled={!isEditable || patient !== undefined}