reactjs - React KeyboardDatePicker で初期値を設定する Format

Question

バックエンドから日付を dd/MM/yyyy 形式の文字列として受け取るコンポーネントがあります。この日付を MaterialUI の datepicker コンポーネントに渡しますが、それは MM/dd/yyyy に変換されます。変換を実行するためのダミー変数を使用するのではなく、この変換を制御できる方法はありますか

   function MainForm3() {
    const initialValues = {dob: '12/09/2020'}
    return (<Formik initialValues={initialValues}>
    { formik => {
            return (
                <>
                    <myDatePicker name={"dob"} label={"Date of birth"} />
                </>

            )}}
</Formik >)}

     function myDatePicker(props: any) {
     const [field] = useField(props);

    return (
                 <MuiPickersUtilsProvider utils={DateFnsUtils}  >
                             <KeyboardDatePicker
                                fullWidth
                                InputProps={}
                                label={label}
                                placeholder={label}
                                {...field}
                                variant="inline"
                                inputVariant="outlined"
                                format="dd/MM/yyyy"
                                autoOk={true}
                              
                            />

                        </MuiPickersUtilsProvider>
             )}

テキストフィールドの日付を初期ロードすると、MM/dd/yyyy 形式で表示されます。ピッカーをクリックして日付を選択すると、format 属性で同じ形式を指定したため、dd/MM/yyyy 形式で正しく表示されます。

ピッカーに最初にロードされる日付の日付形式を制御する方法