Reactjs 更改样式KeyboardDatePicker材质UI组件

我使用Material UI组件创建React Js应用程序

首先，我想更改材质UI组件的宽度和高度

这是第一个条件：

以下是开始和结束日期选择器的代码：

然后，我尝试通过向两个日期选择器添加InputProp和style prop来更改两个日期选择器的宽度和高度：

结果如下：

我们可以看到，标签/提示文本的位置没有垂直居中

那么如何更改此日期选择器的样式呢？

这些是我想要的财产：

宽度：246像素

高度：44像素

标签/提示文本垂直居中

---

您可以使用style-prop来执行此操作，像这样传递props值

style={{{width:“246px”，height:“44px”}

 <KeyboardDatePicker 
            disableToolbar
            label="Start Date"
            variant="inline"
            inputVariant="outlined"
            format="dd/MM/yyyy"
            KeyboardButtonProps={{
                'aria-label': 'change date',
            }}
            keyboardIcon={<TodayIcon style={{color: colors.customCornFlowerBlue}}/>}
            value={startDate}
            onChange={changeStartDate}
            InputProps={{
                style: {
                    fontSize: 14,
                    height: 44
                }
            }}
             style={{width:"246px",height:"44px"}}
        />

---

谢谢您的回答。我以前试过，但没用