Unable to change locale for time adapter about ngx-mat-timepicker HOT 9 CLOSED

So, now you can use provideNativeDateTimeAdapter function as provider and override MAT_TIME_LOCALE for each component separately. Tested it on your stackblitz. It works.

Implemented in:
15.3.0
16.3.0
17.5.0

from ngx-mat-timepicker.

Did you try the approach below?

import { LOCALE_ID, NgModule } from '@angular/core';

@NgModule({
  imports: [
    // ...
  ],
  providers: [{ provide: LOCALE_ID, useValue: "en-GB" }],
})
export class MyModule {}

from ngx-mat-timepicker.

@dhutaryan yes zero effect still using en-US

from ngx-mat-timepicker.

No-no, override LOCALE_ID

from ngx-mat-timepicker.

That one would work, but I want to have possibility to control config just for time picker, because our modules differ in business logic requirements, so they need to be configurable based on provided config.

I'm thinking that proposed solution should fix the issue.

from ngx-mat-timepicker.

Actually even when I override LOCALE_ID it isn't working. Maybe it takes value from RootInjector and ignoring ComponentInjector value. So the only working option form me currently is to replace provider for TimeAdapter.

from ngx-mat-timepicker.

That one would work, but I want to have possibility to control config just for time picker, because our modules differ in business logic requirements, so they need to be configurable based on provided config.

Make sense. Anyway, this works for me:

import { LOCALE_ID, NgModule } from '@angular/core';
import { CommonModule } from '@angular/common';

import { MatNativeDateTimeModule, MatTimepickerModule } from 'mat-timepicker';

@NgModule({
  declarations: [
  ],
  imports: [
    CommonModule,
    MatTimepickerModule,
    MatNativeDateTimeModule,
  ],
  providers: [
    {
      provide: LOCALE_ID,
      useValue: 'pl-PL',
    },
  ],
})
export class MyModule {}

from ngx-mat-timepicker.

@dhutaryan I figured out how to make it work, but it's kinda hacky. I just reporting bug.
Here is reproduction what exactly isn't working: https://stackblitz.com/edit/stackblitz-starters-pgbyuy?file=src%2Fmain.ts

Angular have hierarchical dependency injection tree. Currently only value from RootInjector is respected and used. Overriding value in other parts of hierarchy isn't respected. Usually for most projects it's doesn't matter, but there are also those big ones with complicated business logic, that are using those advanced patterns and features.

from ngx-mat-timepicker.

So, this is related to one feature that I wanted to implement. I'd like to make implementation closer to standalone API. It should help.

from ngx-mat-timepicker.