Material-ui-pickers - как настроить параметры? Мне нужно разрешить осведомлённость о UnicodeTokens

Question

Может кто-нибудь помочь, пожалуйста? У меня проблема - я форматирую дату с '2019-03-24' до '24.03.2019' и отправляю ее в средство выбора даты Material-ui-pickers. В результате я получаю эту ошибку

Uncaught RangeError: `options.awareOfUnicodeTokens` must be set to `true` to use `YYYY` token; see: https://git.io/fxCyr

dateInputFormat получает текущий формат. Мой код следует

import React, { FC } from 'react';
import { MuiPickersUtilsProvider, DatePicker, DatePickerProps } from 'material-ui-pickers';
import 'date-fns';
import DateFnsUtils from '@date-io/date-fns';
import { useRepresentation } from '../../hooks/representation';

type Props = {
  children?: never
} & DatePickerProps;


const InputDate: FC<Props> = (props) => {
  const { dateInputFormat } = useRepresentation();

  return (
    <MuiPickersUtilsProvider utils={DateFnsUtils}>
      <DatePicker
        {...props}
        format={dateInputFormat}
      />
    </MuiPickersUtilsProvider>
  );
};

export default InputDate;

Просто не понимаю, где добавить эту опцию. Помогите, пожалуйста:)

Answer 1

Единственный вариант - переопределить методы по умолчанию для реализации date-io date-fns. Вы можете следовать этому руководству, чтобы продолжить.

Но рекомендуемым вариантом будет просто не использовать юникод- токены. Вместо этого используйте рекомендуемые date-fns. Читайте о популярных ошибках.