typescript 如何在MUI 5日期选择器中保持标签不关闭？

q3qa4bjr 于 2022-11-18 发布在 TypeScript

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

如果有标签但没有值，是否有方法保持Material 5 Datepicker不关闭？
目前：Currently
我想得到的是：Expected
编码：

<LocalizationProvider dateAdapter={AdapterDayjs}>
  <DatePicker
    label="Basic example"
    value={value}
    onChange={(newValue) => {
      setValue(newValue);
    }}
    renderInput={(params) => <TextField {...params} />}
  />
</LocalizationProvider>

我试图使自己的<Box>标签以上的<DatePicker>与造型，但我想知道是否有一个更清洁的选择。

typescript

来源：https://stackoverflow.com/questions/74462457/how-can-i-keep-label-not-closed-in-mui-5-datepicker

1条答案

按热度按时间

jgwigjjp1#

在TextField组件上使用InputLabelProps={{ shrink: true }} prop，如下所示：

<DatePicker
  label="Basic example"
  value={value}
  onChange={(newValue) => {
    setValue(newValue);
  }}
  renderInput={(params) => <TextField {...params} InputLabelProps={{ shrink: true }} />}
/>

赞(0）回复(0）举报 2022-11-18

我来回答

typescript 如何在MUI 5日期选择器中保持标签不关闭？

1条答案

相关问题

热门标签

最新问答