[WIP] Encounter

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

@@ -4,11 +4,9 @@ import * as React from 'react';
 
 // @mui
 import { IconButton, TextField, TextFieldProps } from '@mui/material';
-import { LocalizationProvider, MobileDatePicker } from '@mui/x-date-pickers';
+import { DesktopDatePicker, LocalizationProvider, MobileDatePicker } from '@mui/x-date-pickers';
 import { AdapterDateFns } from '@mui/x-date-pickers/AdapterDateFns';
 
-import { DesktopDatePicker } from '@mui/x-date-pickers/DesktopDatePicker';
-
 import InputAdornment from '@mui/material/InputAdornment';
 import EventIcon from '@mui/icons-material/Event';
 import { fPostFormat } from '../../utils/formatTime';
@@ -28,7 +26,7 @@ export default function RHFDatepicker({ name, ...other }: IProps & TextFieldProp
       control={control}
       render={({ field, fieldState: { error } }) => (
         <LocalizationProvider dateAdapter={AdapterDateFns}>
-          <MobileDatePicker
+          {/* <MobileDatePicker
             inputFormat="yyyy-MM-dd"
             value={field.value}
             onChange={(value) => {
@@ -50,14 +48,15 @@ export default function RHFDatepicker({ name, ...other }: IProps & TextFieldProp
                 {...other}
               />
             )}
-          />
-          {/* <DesktopDatePicker
+          /> */}
+          <DesktopDatePicker
             value={field.value}
+            inputFormat="dd/MM/yyyy"
             onChange={(value) => {
-              field.onChange(fPostFormat(value));
+              field.onChange(value)
             }}
             renderInput={(params) => <TextField {...params} fullWidth />}
-          /> */}
+          />
         </LocalizationProvider>
       )}
     />