Material-ui/pickers：隐藏标签答案

【问题标题】：Material-ui/pickers: Hide the labelMaterial-ui/pickers：隐藏标签
【发布时间】：2021-01-09 04:55:42
【问题描述】：

默认情况下，如果未选择任何标签，则标签将被放置为占位符（如下面的屏幕截图所示）。

<KeyboardDatePicker InputAdornmentProps={{
          position: 'start'
        }}
/>

有没有办法缩小标签并保持占位符为空？我尝试添加 InputAdornmentProps={{position: 'start'}} 并且它有所帮助（在下面的屏幕截图中），除了我不需要图标在开始时，我需要它保持原样，在右边。有没有办法实现它？我正在使用来自https://material-ui-pickers.dev/api/KeyboardDatePicker 的KeyboardDatePicker

【问题讨论】：

标签： reactjs datepicker material-ui

【解决方案1】：

选择器及其子组件无法识别的任何道具都将传递给 material-ui TextField 组件。

所以你需要做的只是从TextField 组件中添加所需的道具来缩小标签。结果如下所示：

<KeyboardDatePicker InputLabelProps={{ shrink: true }} />

【讨论】：