Cannot set locale 'it': Type '{ locale: string; }' has no properties in common with type 'IDatePickerDirectiveConfig'

[Faycop]

Make sure to add all the information needed to understand the bug so that someone can help. If the info is missing we'll add the 'Needs more information' label and close the issue until there is enough information.

• What's the version of Angular you're using?
  13.3.11

• Does this occur on specific browser?
  No

• Provide a minimal code snippet, please make sure it is well formatted.
  I have an input from a reactiveForm like this:

<input type="text" class="form-control form-control-lg form-control-solid" placeholder="01/01/2031" name="data" formControlName="data" [dpDayPicker]="datepickerConfig" theme="dp-material" />

I have to change the locale of dpDayPicker to italian, so datepickerConfig is setted this way:

datepickerConfig = { locale: 'it' };

But on compile I receive the following error:

`
Error: src/app/pages/data-page/page-form.component.html:111:18 - error TS2559: Type '{ locale: string; }' has no properties in common with type 'IDatePickerDirectiveConfig'.

111 [dpDayPicker]="datepickerConfig"
~~~~~~~~~~~

src/app/pages/data-page/page-form.component.ts:19:16
19 templateUrl: './page-form.component.html',
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
Error occurs in the template of component FormComponent.

✖ Failed to compile.`

What am I doing wrong?

[vlio20]

Please provide a stackblitz

[FrancYescO]

i can confirm the issue.
i think it was broken here https://github.com/vlio20/angular-datepicker/pull/573/files

maybe we need a better documentation on how to set (or load) the locale in "dayjs way"

[vlio20]

@FrancYescO can you provide a stackblitz?

[FrancYescO]

not much to do, just add locale: 'it' to the config, seems it was a breaking changes not cited while migrating to dayjs

https://stackblitz.com/edit/angular-s5bfkr?file=src%2Fapp%2Fapp.component.ts
(stackblitz was a clone and edit from one you posted in the past)

[WClouter]

init dayjs: dayjs.locale(languageCode);

https://day.js.org/docs/en/i18n/changing-locale

[jsstrellix]

Just started using this component and ran into this issue. Looking forward to a fix hopefully in the not too distant future.

[dreich]

At last I've managed to change the locale. Did not find an information anywhere!

In *.ts file I added

import 'dayjs/locale/ru';
import dayjs from "dayjs";

And in the same file in constructor:
dayjs.locale('ru')

Also I had to add to tsconfig.app.json:
"allowSyntheticDefaultImports": true
in "compilerOptions".

In package.json I have
"dayjs": "^1.11.7",