[DatePicker] wrong week days when using `formatDate`

With error:

const dateTimeFormat = new Intl.DateTimeFormat('en-AU');
<DatePicker DateTimeFormat={() => dateTimeFormat} formatDate={dateTimeFormat.format} locale="en-AU" />

Without error

<DatePicker />

I think the component is using the formatDate method everywhere and that’s causing the error

[tintin1343]

Try using this: let DateTimeFormat = global.Intl.DateTimeFormat;

<DatePicker hintText=“en-AU locale” DateTimeFormat={DateTimeFormat} locale=“en-AU” formatDate={new DateTimeFormat(‘en-AU’, { day: ‘numeric’, month: ‘numeric’, year: ‘numeric’, }).format} firstDayOfWeek={0} />

and let me know.

[luisrudge]

I think the issue is because I’m not passing the DateTimeFormat constructor, I’m passing the created object (DateTimeFormat={() => aussieFormat}).

using this works:

    let DateTimeFormat;
    if (areIntlLocalesSupported(['en-AU'])) {
      DateTimeFormat = Intl.DateTimeFormat;
    } else {
      const IntlPolyfill = require('intl');
      DateTimeFormat = IntlPolyfill.DateTimeFormat;
      require('intl/locale-data/jsonp/en-AU');
    }
    <DatePicker DateTimeFormat={DateTimeFormat} locale="en-AU" />