import dayjs from 'dayjs';
import { LocalizationProvider } from '@mui/x-date-pickers/LocalizationProvider';
import { DesktopDatePicker } from '@mui/x-date-pickers/DesktopDatePicker';
import { AdapterDayjs } from '@mui/x-date-pickers/AdapterDayjs'
const [value, setValue] = React.useState(dayjs('2014-08-18T21:11:54'));
const handleChange = (newValue) => {
setValue(newValue);
};
<LocalizationProvider dateAdapter={AdapterDayjs}>
<DesktopDatePicker
label="Date desktop"
inputFormat="MM/DD/YYYY"
value={value}
onChange={handleChange}
// set the position here
InputAdornmentProps={{ position: 'start' }}
renderInput={(params) => <TextField {...params} />}
/>
</LocalizationProvider>