MUI DesktopDatePicker Icon Position Change [#2023]

Table of Contents

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>

 

No data found.