Update Discharge Date Di Final LOG

frontend/hospital-portal/src/sections/dashboard/DialogFinalLog.tsx

@@ -12,9 +12,14 @@ import { useRef, useState, useContext } from 'react';
 import { makeFormData } from '@/utils/jsonToFormData';
 import { format } from 'date-fns';
 import { LanguageContext } from '@/contexts/LanguageContext';
+import { DatePicker, LocalizationProvider, MobileDatePicker } from '@mui/x-date-pickers';
+import { AdapterDateFns } from '@mui/x-date-pickers/AdapterDateFns';
+import TextField from '@mui/material/TextField';
 
 export default function DialogFinalLog({ member, getData, onClose, handleSubmitSuccess }: any) {
     const { localeData }: any =  useContext(LanguageContext);
+    //Submission date
+    const [dischargeDate, setDischargeDate] = useState<string>(format(new Date(), "yyyy MMM d HH:mm:ss"));
 
   // ----------------------------------------------------------------------
   // Files Diagnosa
@@ -84,12 +89,18 @@ export default function DialogFinalLog({ member, getData, onClose, handleSubmitS
 
   const [submitLoading, setSubmitLoading] = useState(false);
   function submitRequestFinalLog() {
+    if(dischargeDate == '')
+    {
+        enqueueSnackbar(localeData.txtWarningDischargeDate, { variant: 'warning' });
+        return false;
+    }
     setSubmitLoading(true);
     const formData = makeFormData({
       request_logs_id: member.id,
       result_files: fileHasilPenunjangs,
       diagnosa_files: fileDiagnosas,
-      kondisi_files: fileKondisis
+      kondisi_files: fileKondisis,
+      discharge_date: fPostFormat(dischargeDate, 'yyyy-MM-dd HH:mm:ss'),
     });
     axios
       .post('/request-final-log', formData)
@@ -313,6 +324,23 @@ export default function DialogFinalLog({ member, getData, onClose, handleSubmitS
         </Stack>
       </Stack>
 
+      <Stack direction="row" spacing={2}>
+            <Stack spacing={2} sx={{ width: '100%' }}>
+                <Typography variant='subtitle1'>{localeData.txtDischargeDate} *</Typography>
+                <LocalizationProvider dateAdapter={AdapterDateFns}>
+                    <DatePicker
+                        label={localeData.txtDischargeDate}
+                        value={dischargeDate}
+                        onChange={(newValue:any) => {
+                          setDischargeDate(  (newValue));
+                        }}
+                        inputFormat="dd-MM-yyyy"
+                        renderInput={(params) => <TextField sx={{width:'40%'}} {...params} required/>}
+                    />
+                </LocalizationProvider>
+            </Stack>
+        </Stack>
+
       <LoadingButton
         variant="contained"
         sx={{ marginTop: 2, p: 2, backgroundColor: '#19BBBB' }}