DatePicker in a Dialog

[rain ferry]

Hello everyone. I am using Angular 17 and Standalone Components.
I have main-page.components.ts that is opening a dialog with a component like this
this.dialog.open(OtherComponent);

Inside OtherComponent I have a form with a DatePicker. When I click on the datepicker I get this error

  NullInjectorError: No provider for DateAdapter!```

I have `MatNativeDateModule` and `MatDatepickerModule` already imported in the OtherComponent

Do you guys have any clue?

[pseudo hinge]

    MatDatepickerModule,  
  ]```
Add it to the providers, error tells you exactly what's missing.

[steel cairn]

Well, that's not what's missing. What's missing is

providers: [importProvidersFrom(MatNativeDateModule)]

(in the application config).

[pseudo hinge]

Ahh, you're right, my mind is still in angular 8. I'll keep that in mind

[rain ferry]

That was the thing. I tried @pseudo hinge approach declaring the provider in the component but didn't work. Then how is that possible that in the Dialog it doesn't work, but if I have the component rendered in the page the datepicker opens without any problem?

Just wanting to understand

[steel cairn]

Maybe you have the adapter provided elsewhere.

[rain ferry]

Yeah that's the thing, no other places have the adapter, that's why I didn't even think about the provider in the firstplace. Because before the component was rendered through the HTML and it working fine, but now I want to make it through a Dialog popup

Removed the MatNativeDateModule from the imports of the various components and that seems to work fine. Thanks anyway