如何在React中更改MUI Datepicker输入框的高度

Question

<DesktopDatePicker
    label="Expiration Date"
    inputFormat="MM/dd/yyyy"
    value={self.didexpirationdate}
    onChange={(e)=>{
    setSelf({...self,didexpirationdate:e})
    }}
    renderInput={(params) => <TextField {...params} />}/>

如何在反应中设置此日期选择器的高度？

Answer 1

日期组件 - V5

TextField 组件用作输入框，因此您可以直接在其中添加大小。请参考https://mui.com/components/text-fields/#sizes

...
renderInput={(params) => <TextField size="small" {...params} />}/>

日期组件 - V6

在V6版本中slotProps引入了自定义日期组件的外观。请参阅https://mui.com/x/react-date-pickers/custom-field/了解更多详细信息。

<DatePicker
  label="Small picker"
  slotProps={{ textField: { size: 'small' } }}
/>