I use material-ui/pickers And the datetime I want to have is jalali.This is the code I used:
import jMoment from "moment-jalaali";
import JalaliUtils from "@date-io/jalaali";
import {
DatePicker as MuiDatePicker,
MuiPickersUtilsProvider,
KeyboardDatePicker,
KeyboardDateTimePicker
} from "@material-ui/pickers";
const [selectedDate, handleDateChange] = useState(new Date);
return (
<MuiPickersUtilsProvider utils={JalaliUtils} locale="fa">
<KeyboardDateTimePicker
ampm={false}
disablePast
//format="jYYYY/jMM/jDD HH:mm:ss"
utils={JalaliUtils}
fullWidth
name={props.name}
label={props.label}
variant="inline"
inputVariant="outlined"
autoOk
labelFunc={(date) => (date ? date.format("jYYYY/jMM/jDD hh:mm:ss") : "")}
id={props.id}
value={selectedDate}
onChange={handleDateChange}
/>
</MuiPickersUtilsProvider>
The datetime changes when I select a datetime

but when I try, I can not override the date with the keyboard.