Reactjs 如何在safari中修复带有屏蔽输入的日期时间选择器的空白屏幕？

在redux表单中，我希望使用启用手动日期输入的日期时间选择器。我使用了maskediinput以获得正确的格式。对于普通页面，它可以与所有浏览器配合使用

当点击输入时，会出现特定于safari模式的空白屏幕。我找不到safari modal datepicker maskedinput有什么问题

renderDateTimePicker = ({ input: { onChange, value }, showTime, id, meta, isRequired, readOnly,inputReadOnly }) => {

    return (<div> <DateTimePicker
        inputProps={{
            component: props => <MaskedInput {...props}  readOnly={readOnly || inputReadOnly} type="text"
                     mask={[ /\d/, /\d/, /\d/, /\d/,".",/\d/, /\d/, ".", /\d/, /\d/ ]} />
        }}
        onChange={onChange}
        format="YYYY.MM.DD"
        time={showTime}
        id={id}
        name="completion_date"
        className="date_click"
        placeholder={isRequired === true ? id + " *" : id}
        value={!value ? null : new Date(value)}
    />{this.renderError(meta)}
    </div>
    );
}

renderDateTimePicker=（{input:{onChange，value}，showTime，id，meta，isRequired，readOnly，inputReadOnly}）=>{
报税表（
}}
onChange={onChange}
format=“YYYY.MM.DD”
时间={showTime}
id={id}
name=“完成日期”
className=“日期\单击”
占位符={isRequired===true？id+“*”：id}
值={！值？空：新日期（值）}
/>{this.renderError（meta）}
);
}

这是我的package.json文件：

{
    "name": "reduxapi",
    "version": "0.1.0",
    "private": true,
    "dependencies": {
        "@devexpress/dx-grid-core": "^1.10.1",
        "@devexpress/dx-react-core": "^1.10.1",
        "@devexpress/dx-react-grid": "^1.10.1",
        "@devexpress/dx-react-grid-material-ui": "^1.10.1",
        "@material-ui/core": "^3.9.2",
        "@material-ui/icons": "^3.0.2",
        "@types/bootstrap.v3.datetimepicker": "^4.17.46",
        "ag-grid": "^18.1.2",
        "ag-grid-community": "^20.0.0",
        "ag-grid-react": "^20.0.0",
        "axios": "^0.18.0",
        "bootstrap": "^3.4.0",
        "bootstrap-datepicker": "^1.8.0",
        "cryptr": "^4.0.2",
        "datatables.net": "^1.10.19",
        "eslint-config-react-app": "^4.0.1",
        "faker": "^4.1.0",
        "font-awesome": "^4.7.0",
        "jquery": "^1.11.2",
        "jspdf": "^1.5.3",
        "jspdf-autotable": "^3.1.1",
        "jwt-simple": "^0.5.5",
        "moment": "^2.24.0",
        "prop-types": "^15.6.2",
        "query-string": "^6.2.0",
        "react": "^16.7.0",
        "react-autocomplete": "^1.8.1",
        "react-autocomplete-input": "^1.0.10",
        "react-autosuggest": "^9.4.3",
        "react-awesome-modal": "^2.0.5",
        "react-bootstrap": "^1.0.0-beta.5",
        "react-confirm-alert": "^2.4.1",
        "react-csv": "^1.1.1",
        "react-data-grid": "^5.0.5",
        "react-data-grid-addons": "^5.0.5",
        "react-datepicker": "^2.1.0",
        "react-dom": "^16.7.0",
        "react-encrypt": "^1.0.1",
        "react-grid-layout": "^0.16.6",
        "react-helmet": "^5.2.1",
        "react-moment": "^0.8.4",
        "react-redux": "^6.0.0",
        "react-router-dom": "^4.3.1",
        "react-scripts": "2.1.3",
        "react-select": "^2.4.1",
        "react-text-mask": "^5.4.3",
        "react-to-print-advanced": "^2.1.2",
        "react-widgets": "^4.4.10",
        "react-widgets-moment": "^4.0.27",
        "react-widgets-moment-localizer": "^1.0.2",
        "redux": "^4.0.1",
        "redux-form": "^8.1.0",
        "redux-multilanguage": "^0.1.2",
        "redux-thunk": "^2.3.0",
        "select2": "^4.0.6-rc.1"
    },
    "scripts": {
        "start": "react-scripts start",
        "build": "react-scripts build",
        "test": "react-scripts test",
        "eject": "react-scripts eject"
    },
    "eslintConfig": {
        "extends": "react-app"
    },
    "browserslist": [
        ">0.2%",
        "not dead",
        "not ie <= 11",
        "not op_mini all"
    ]
}

{
“名称”：“reduxapi”，
“版本”：“0.1.0”，
“私人”：没错，
“依赖项”：{
“@devexpress/dx网格核心”：“^1.10.1”，
“@devexpress/dx react core”：“^1.10.1”，
“@devexpress/dx反应网格”：“^1.10.1”，
“@devexpress/dx反应网格材质界面”：“^1.10.1”，
“@material ui/core”：“^3.9.2”，
“@material ui/图标”：“^3.0.2”，
“@types/bootstrap.v3.datetimepicker”：“^4.17.46”，
“ag网格”：“^18.1.2”，
“ag网格社区”：“^20.0.0”，
“ag网格反应”：“^20.0.0”，
“axios”：“^0.18.0”，
“引导”：“^3.4.0”，
“引导日期选择器”：“^1.8.0”，
“密码器”：“^4.0.2”，
“datatables.net”：“^1.10.19”，
“eslint配置反应应用程序”：“^4.0.1”，
“伪造者”：“^4.1.0”，
“字体真棒”：“^4.7.0”，
“jquery”：“^1.11.2”，
“jspdf”：“^1.5.3”，
“jspdf自动表格”：“^3.1.1”，
“jwt简单”：“^0.5.5”，
“时刻”：“^2.24.0”，
“道具类型”：“^15.6.2”，
“查询字符串”：“^6.2.0”，
“反应”：“^16.7.0”，
“反应自动完成”：“^1.8.1”，
“反应自动完成输入”：“^1.0.10”，
“反应自动建议”：“^9.4.3”，
“反应模式”：“^2.0.5”，
“react引导”：“^1.0.0-beta.5”，
“反应确认警报”：“^2.4.1”，
“反应csv”：“^1.1.1”，
“反应数据网格”：“^5.0.5”，
“react数据网格加载项”：“^5.0.5”，
“反应日期选择器”：“^2.1.0”，
“react dom”：“^16.7.0”，
“反应加密”：“^1.0.1”，
“反应网格布局”：“^0.16.6”，
“反应头盔”：“^5.2.1”，
“反应时刻”：“^0.8.4”，
“react redux”：“^6.0.0”，
“反应路由器dom”：“^4.3.1”，
“反应脚本”：“2.1.3”，
“反应选择”：“^2.4.1”，
“反应文本掩码”：“^5.4.3”，
“对高级打印作出反应”：“^2.1.2”，
“反应小部件”：“^4.4.10”，
“即时反应”：“^4.0.27”，
“定位器”：“^1.0.2”，
“redux”：“^4.0.1”，
“redux表单”：“^8.1.0”，
“redux多语言”：“^0.1.2”，
“redux thunk”：“^2.3.0”，
“选择2”：“^4.0.6-rc.1”
},
“脚本”：{
“开始”：“反应脚本开始”，
“构建”：“反应脚本构建”，
“测试”：“反应脚本测试”，
“弹出”：“反应脚本弹出”
},
“eslintConfig”：{
“扩展”：“反应应用程序”
},
“浏览者”：[
">0.2%",
“没有死”，
“不是ie，如果您使用的是Materiala ui，您可以测试此示例：：如果不是，请提供package.json，safarisafari版本为12。您是否测试了我提供的示例？