From 47d14a0d1643a77f6b2b21197918d6c6f541f638 Mon Sep 17 00:00:00 2001
From: ruben <rubencgt@gmail.com>
Date: Sat, 21 Mar 2020 11:25:29 +0100
Subject: [PATCH] fix(patient): mark required fields in New Appointment/Edit
 Appointment

Mark required fields with the *.

fix #1916
---
 src/components/input/DateTimePickerWithLabelFormGroup.tsx | 2 +-
 src/scheduling/appointments/AppointmentDetailForm.tsx     | 6 +++++-
 2 files changed, 6 insertions(+), 2 deletions(-)

diff --git a/src/components/input/DateTimePickerWithLabelFormGroup.tsx b/src/components/input/DateTimePickerWithLabelFormGroup.tsx
index ff7c649d60..cd38d51dac 100644
--- 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
index 4dd08dc11a..155ee956ec 100644
--- 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}