MaterialUI 选取器键盘在编辑时不保留其原始日期

Question

我正在使用Material UI Pickers，但是当我尝试编辑单个字符时，它进入编辑模式并且清除了以前的值，我必须从头开始键入日期
这是一个测试用例显示此问题：
测试用例是从材料UI演示页面制作的
我预期的行为是这样我可以在编辑时更改单个字符， 我应该提到这种行为确实适用于Material UI的演示站点，但创建测试用例无法重现相同的结果

Answer 1

我使用了date-fns库并导入了波斯语语言环境：

import React, { useState } from "react";
import DateFnsUtils from "@date-io/date-fns";
import format from "date-fns/format";
import faLocale from "date-fns/locale/fa-IR";
import {
KeyboardDatePicker,
MuiPickersUtilsProvider
} from "@material-ui/pickers";
class LocalizedUtils extends DateFnsUtils {
getDatePickerHeaderText(date) {
return format(date, "P", { locale: this.locale });
}
}
const InlineDateTimePickerDemo = props => {
const [selectedDate, handleDateChange] = useState(new Date());
return (
<MuiPickersUtilsProvider utils={LocalizedUtils} locale={faLocale}>
<KeyboardDatePicker
clearable
format="mm/dd/yyyy"
value={selectedDate}
onChange={date => handleDateChange(date)}
minDate={new Date()}
/>
</MuiPickersUtilsProvider>
);
};
export default InlineDateTimePickerDemo;