LOCALE_ID token returns object instead of string

[Ilkhom-S]

Is there an existing issue for this?

• I have searched the existing issues

Description

When inject LOCALE_ID. It returns object instead of string. I analyze source and found that you are using locale.provider.ts to return locale. But becuase of using useClass:LocaleId it is registering as object regardless of extending from string on your class. Adn side effect of it ab-range-dateteimpicker is not showing correct locale.

Instead of useClass . We can use useFactory and all pipes and abp-datepicker will show corrrect locale .

export const LocaleProvider: Provider = {
  provide: LOCALE_ID,
  useFactory: (localizationService: LocalizationService) => {
    const { currentLang } = localizationService;
    return checkHasProp(differentLocales, currentLang)
      ? differentLocales[currentLang]
      : currentLang.toString();
  },
  deps: [LocalizationService],
};

I tested in my project. All ngb-bootstrap components where LOCALE_Id token used. It starts working. So you can change current implementation.

Reproduction Steps

No response

Expected behavior

No response

Actual behavior

No response

Regression?

No response

Known Workarounds

No response

Version

9.0.3

User Interface

Angular

Database Provider

EF Core (Default)

Tiered or separate authentication server

None (Default)

Operation System

Windows (Default)

Other information

No response