upload foto, dan bugs import

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

@@ -1,10 +1,18 @@
 // form
 import { useFormContext, Controller } from 'react-hook-form';
+import * as React from 'react';
+
 // @mui
-import { TextField, TextFieldProps } from '@mui/material';
+import { IconButton, TextField, TextFieldProps } from '@mui/material';
 import { 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';
+
 // ----------------------------------------------------------------------
 
 interface IProps {
@@ -13,19 +21,43 @@ interface IProps {
 
 export default function RHFDatepicker({ name, ...other }: IProps & TextFieldProps) {
   const { control } = useFormContext();
+
   return (
     <Controller
       name={name}
       control={control}
       render={({ field, fieldState: { error } }) => (
-
         <LocalizationProvider dateAdapter={AdapterDateFns}>
           <MobileDatePicker
             inputFormat="yyyy-MM-dd"
             value={field.value}
-            onChange={field.onChange}
-            renderInput={(field) => <TextField {...field} fullWidth error={!!error} helperText={error?.message} {...other} />}
+            onChange={(value) => {
+              field.onChange(fPostFormat(value));
+            }}
+            renderInput={(field) => (
+              <TextField
+                {...field}
+                fullWidth
+                InputProps={{
+                  endAdornment: (
+                    <InputAdornment position="end">
+                      <EventIcon />
+                    </InputAdornment>
+                  ),
+                }}
+                error={!!error}
+                helperText={error?.message}
+                {...other}
+              />
+            )}
           />
+          {/* <DesktopDatePicker
+            value={field.value}
+            onChange={(value) => {
+              field.onChange(fPostFormat(value));
+            }}
+            renderInput={(params) => <TextField {...params} fullWidth />}
+          /> */}
         </LocalizationProvider>
       )}
     />

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

@@ -26,7 +26,6 @@ export function RHFUploadAvatar({ name, ...other }: Props) {
       control={control}
       render={({ field, fieldState: { error } }) => {
         const checkError = !!error && !field.value;
-
         return (
           <div>
             <UploadAvatar error={checkError} {...other} file={field.value} />