Выбор даты MUI X
Итак, я пытаюсь использовать Datepicker, но мне трудно изменить стиль чего-либо. Я пытаюсь изменить радиус и размер границы, чтобы они были маленькими по сравнению с размерами Mui.
<LocalizationProvider dateAdapter={AdapterDayjs}>
<DatePicker
sx={{ marginLeft: "16px", border: 0 }}
className="datepicker"
renderInput={(params) => (
<TextField className={"XXX"} {...params} />
)}
label="From"
value={value}
onChange={(newValue) => setValue(newValue)}
/>
<DatePicker
PopperProps={{
sx: {
borderRadius: 10,
},
}}
sx={{ marginLeft: "16px" }}
label="To"
value={value}
onChange={(newValue) => setValue(newValue)}
InputProps={{ sx: { borderRadius: "200px" } }}
/>
</LocalizationProvider>