Выбор даты 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>

0 ответов

Другие вопросы по тегам