[WIP] Claim Encounters

frontend/dashboard/src/components/autocomplete/AutocompleteDoctor.tsx

@@ -17,6 +17,7 @@ export default function AutocompleteDoctor({
   currentValue,
   textLabel,
   currentOptions = [],
+  ...other
 }: autocompleteDoctorType) {
   const [options, setOptions] = useState<IcdType>(currentOptions);
   const [loading, setLoading] = useState(false);
@@ -56,7 +57,7 @@ export default function AutocompleteDoctor({
       }}
       loading={loading}
       renderInput={(params) => (
-        <TextField {...params} label={textLabel} variant="outlined" fullWidth onChange={(event) => {getOptions(event.target.value)}}/>
+        <TextField {...params} {...other} label={textLabel} variant="outlined" fullWidth onChange={(event) => {getOptions(event.target.value)}}/>
       )}
     />
   );

frontend/dashboard/src/components/autocomplete/AutocompleteHealthcare.tsx

@@ -17,6 +17,7 @@ export default function AutocompleteHealthcare({
   currentValue,
   textLabel,
   currentOptions = [],
+  ...other
 }: autocompleteHealthcareType) {
   const [options, setOptions] = useState<IcdType>(currentOptions);
   const [loading, setLoading] = useState(false);
@@ -56,7 +57,7 @@ export default function AutocompleteHealthcare({
       }}
       loading={loading}
       renderInput={(params) => (
-        <TextField {...params} label={textLabel} variant="outlined" fullWidth onChange={(event) => {getOptions(event.target.value)}}/>
+        <TextField {...params} {...other} label={textLabel} variant="outlined" fullWidth onChange={(event) => {getOptions(event.target.value)}}/>
       )}
     />
   );

frontend/dashboard/src/components/hook-form/RHFDatepicker.tsx

@@ -49,13 +49,30 @@ export default function RHFDatepicker({ name, ...other }: IProps & TextFieldProp
               />
             )}
           /> */}
-          <DesktopDatePicker
+          {/* <DesktopDatePicker
             value={field.value}
             inputFormat="dd/MM/yyyy"
             onChange={(value) => {
               field.onChange(value)
             }}
             renderInput={(params) => <TextField {...params} fullWidth />}
+          /> */}
+
+          <DesktopDatePicker
+            value={field.value}
+            inputFormat="dd/MM/yyyy"
+            onChange={(value) => {
+              field.onChange(value);
+            }}
+            renderInput={(params) => (
+              <TextField
+                {...params}
+                fullWidth
+                error={!!error}
+                helperText={error?.message}
+                {...other}
+              />
+            )}
           />
         </LocalizationProvider>
       )}