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

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"

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}