Invalid input when manual modification with specific localization about mat-datetimepicker

[JusuVh]

Hi,
I don't think it's clearly indicated in the docs by you should use the MAT_DATETIME_FORMATS provider to specify the formats for parsing and display.
Add this to your app.module providers (specifically the dateInput in the parse object) :

    {
      provide: MAT_DATETIME_FORMATS,
      useValue: {
        parse: {
          dateInput: 'DD/MM/YYYY HH:mm',
          timeInput: 'HH:mm',
        },
        display: {
          dateInput: 'DD/MM/YYYY',
          datetimeInput: 'DD/MM/YYYY HH:mm',
          timeInput: 'HH:mm',
          monthYearLabel: 'MMM YYYY',
          dateA11yLabel: 'LL',
          monthYearA11yLabel: 'MMMM YYYY',
        },
      }
    }

Also, there should be a datetimeInput in the parse object, because if you use date and datetime types at the same time, there is confusion on the format.

[michaelsivo]

I have added the MAT_DATETIME_FORMATS to my module and changed

private adapter: DateAdapter<NativeDateAdapter>

into

private adapter: DatetimeAdapter<NativeDatetimeAdapter>

Now the datetimepicker only display the date and not the time. I think it is related to your last sentence but i didn't understand what you meant by date and datetime confusion. Is it related to the js Date type?

[kuhnroyal]

Date(time) parsing with the native date implementation is not supported, this is a limitation of the native date and the INTL API .
See Material2 native-date-adapter.ts

If you want to display and parse a certain datetime format, you have to use the moment adapter and set the display.datetimeInput and parse.datetimeInput properties to the same format. This works exactly the same way as the dateInput property for the official material datepicker does.

See datetime-formats.ts

[michaelsivo]

Ok thanks!