MTX_DATETIME_FORMATS not working

I want to customize the datetime input display, but it is not working, I copy the example from the docs.

 providers: [
        {
            provide: MTX_DATETIME_FORMATS,
            useValue: {
                parse: {
                    dateInput: 'YYYY-MM-DD',
                    monthInput: 'MMMM',
                    timeInput: 'HH:mm',
                    datetimeInput: 'YYYY-MM-DD HH:mm',
                },
                display: {
                    dateInput: 'YYYY-MM-DD',
                    monthInput: 'MMMM',
                    timeInput: 'HH:mm',
                    datetimeInput: 'yyyy/MM/dd HH:mm:ss',
                    monthYearLabel: 'YYYY MMMM',
                    dateA11yLabel: 'LL',
                    monthYearA11yLabel: 'MMMM YYYY',
                    popupHeaderDateLabel: 'MMM DD, ddd',
                },
            },
        },
    ],

[Itaryn]

I had the same error and after quite a bit of research it turns out that by adding { provide: DateAdapter, useClass: MomentDateAdapter } it works as expected.

[llyrowenjones]

I had the same error and after quite a bit of research it turns out that by adding { provide: DateAdapter, useClass: MomentDateAdapter } it works as expected.

I had to also install @angular/material-moment-adapter and @ng-matero/extensions-moment-adapter to use the adapter.

I followed @nzbin’s above link after installing these to make it work as I wanted.