我正在将 MUI X DatePicker 从版本 5 升级到版本 6。
我们过去常常在单击文本字段时删除蒙版。
这是使用属性disableMaskedInput 完成的。
问题:disableMaskedInput 属性似乎不再存在。
问题:我现在应该如何更换它?
这是我的 datePicker 版本:
<LocalizationProvider dateAdapter={AdapterLuxon} adapterLocale={language}>
<DatePicker
disablePast
disableMaskedInput
components={{
OpenPickerIcon: () => <IconCalendar size={20} color={"light-gray"} />,
}}
value={date}
onChange={(date: DateTime) => setDate(date)}
renderInput={(params) => (
<TextField
{...params}
sx={{
// Some design stuff
}}
inputProps={{
...params.inputProps,
placeholder: "This is a custom placeholder",
}}
/>
)}
/>
</LocalizationProvider>
Run Code Online (Sandbox Code Playgroud)
这是我到目前为止所做的修改:
<LocalizationProvider dateAdapter={AdapterLuxon} adapterLocale={language}>
<DatePicker
disablePast
<!-- disableMaskedInput : How am I supposed to replace this ? -->
slots={{
openPickerIcon: () => <IconCalendar size={20} color={TakeTurnsColors.grayButton} />,
}}
value={date}
onChange={(date: DateTime) => setDate(date)}
slotProps={{
textField: {
sx: {
// Some design stuff
},
inputProps: {
placeholder: t("deadlinePlaceholder"),
},
}}
/>
</LocalizationProvider>
Run Code Online (Sandbox Code Playgroud)
我在 github 和 MUI X 的文档中搜索,但找不到有关它的参考。
TLDR:disableMaskedInput 在 MUI X DatePicker 版本 6 上不再存在。替代品是什么?
| 归档时间: |
|
| 查看次数: |
509 次 |
| 最近记录: |