Datetime 物料界面阿拉伯日期支持

Datetime 物料界面阿拉伯日期支持,datetime,material-ui,next.js,translation,Datetime,Material Ui,Next.js,Translation,我正在开发多语言网站“阿拉伯语”和“英语”,在为日期选择器组件应用阿拉伯语支持方面遇到了困难 我使用以下软件包: "@material-ui/core": "^4.11.3", "@material-ui/icons": "^4.11.2", "@material-ui/lab": "^4.0.0-alpha.57", "@material-ui/pickers&qu

我正在开发多语言网站“阿拉伯语”和“英语”,在为日期选择器组件应用阿拉伯语支持方面遇到了困难

我使用以下软件包:

"@material-ui/core": "^4.11.3",
"@material-ui/icons": "^4.11.2",
"@material-ui/lab": "^4.0.0-alpha.57",
"@material-ui/pickers": "^3.3.10",
"date-fns": "^2.20.0",
虽然我设法用“date fns”翻译了天数和月份,但是年份和天数没有翻译出来

从'@material ui/pickers'导入{MuiPickersUtilsProvider,KeyboardTimePicker,KeyboardDatePicker};
从“@date io/date fns”导入DateFnsUtils;
从'date fns/locale'导入{arSA,enGB};
有没有办法做到这一点?还是我做错了什么

问候

import { MuiPickersUtilsProvider, KeyboardTimePicker, KeyboardDatePicker } from '@material-ui/pickers';
import DateFnsUtils from '@date-io/date-fns';
import { arSA, enGB } from 'date-fns/locale';

<MuiPickersUtilsProvider utils={DateFnsUtils} locale={language === 'ar' ? arSA : enGB}>
 <KeyboardDatePicker
  margin="normal"
  id="end-time-picker"
  label="End Date"
  value={endDate}
  onChange={handleEndDateChange}
  KeyboardButtonProps={{
 'aria-label': 'change time',
  }}
  InputLabelProps={{
  className: classes.inputPropsTest,
  }}
  minDate={new Date()}
 />
</MuiPickersUtilsProvider>