reactjs 如何在MUI Material v6中更改MUI Datepicker输入框的高度

jvidinwx 于 2023-04-20 发布在 React

关注(0)|答案(1)|浏览(150)

<Paper elevation={0}>
  <DatePicker
    fullWidth
    views={['year', 'month', 'day']}
    openTo='month'
    value={initialDate}
    slotProps={{ textField: { sx: { height: '10px' } } }}
    onChange={(newValue) => handleInitialDateChange(newValue)}
  />
</Paper>

我有上面的代码。由于某种原因，我通过sx通过textField通过slotProps传递的height属性只影响Paper组件。
任何帮助都很感激。

reactjs

来源：https://stackoverflow.com/questions/76058588/how-to-change-the-height-of-mui-datepicker-input-box-in-mui-material-v6

1条答案

按热度按时间

rslzwgfq1#

我在文档垃圾箱潜水后发现的一个丑陋的黑客是这样的：

sx={{
  '& .MuiInputBase-root': {
    height: '43px',
  },
}}

组件如下所示：

<Paper elevation={0}>
  <DatePicker
    fullWidth
    views={['year', 'month', 'day']}
    openTo='month'
    value={finalDate}
    sx={{
      '& .MuiInputBase-root': {
        height: '43px',
      },
    }}
    onChange={(newValue) => handleFinalDateChange(newValue)}
  />
</Paper>

如果没有更好的方法，我想是时候为MUI团队提交一个特性请求了。

赞(0）回复(0）举报 2023-04-20

我来回答

reactjs 如何在MUI Material v6中更改MUI Datepicker输入框的高度

1条答案

相关问题

热门标签

最新问答