目前我正在尝试修改@materialui组件，到目前为止，这是我的代码。

import { DesktopDatePicker } from '@mui/x-date-pickers/DesktopDatePicker';
import { LocalizationProvider } from '@mui/x-date-pickers/LocalizationProvider/LocalizationProvider';
import { AdapterDayjs } from '@mui/x-date-pickers/AdapterDayjs';
import dayjs from 'dayjs'
import TextField from '@mui/material/TextField';
import { makeStyles } from '@mui/material/styles';

function App() {
    <li className='form-calendar'>
        {/* <input type='text' placeholder="Birthdate"
            value={data.birth_date} 
            onChange={(event) => setdata({ ...data, birth_date: event.target.value })
        } /> */}  
        <LocalizationProvider dateAdapter={AdapterDayjs} > 
            <DesktopDatePicker className = "{classes.root}"
                label="Birthday"
                value={data.birth_dates}
                minDate={dayjs('2017-01-01')}
                onChange={(event) => {setdata({ ...data, birth_dates: event.target.value })}}
                renderInput={(params) => 
                    <TextField {...params} 
                        sx={{
                            width:200,
                            marginTop: 2,
                            marginBottom:2,
                            borderStyle: "10px dotted",
                            "& .MuiPaper-root": {
                                backgroundColor: "rgba(120, 120, 120, 0.2)"
                            },
                            "& .MuiInputBase-root": {
                                borderStyle: "10px dotted rgba(45, 85, 255, 0.4)"
                            },
                            "& .MuiFormLabel-root": {
                                color: "rgb(229,228,226)",
                            },
                            "&. MuiInputBase-input.MuiOutlinedInput-input": { 
                                color: "rgba(120, 120, 120, 0.4)" 
                            }                   
                        }}
                    />
                }
            />
        </LocalizationProvider>
    </li>
}

我已经成功地使用sx属性修改了MuiFormLabel-root，但正在努力修改组件的border和font color。任何帮助都将不胜感激。

我试过使用makeStyles来自定义颜色，但仍然没有成功。