Incorrect messages in the Calendar component when translated to Polish

Progress® Kendo® UI for Vue Feedback Portal

Create an account Log In

Back to Feed

Request a Feature Report a Bug

Completed

Last Updated: 13 Apr 2022 12:54 by ADMIN

Michał

Created on: 08 Nov 2021 13:27

Category: Calendar

Type: Bug Report

Incorrect messages in the Calendar component when translated to Polish

Describe the bug
The messages from the cldr-dates-full library are not loaded correctly in the Calendar component.
Month names in the Calendar control in Polish language should be in the nominative case.
Tooltips for the days in the calendar are in the genitive case and they are correct.

The same issue could be replicable in other languages.

To Reproduce
Steps to reproduce the behavior:

Open this example.
See the translation of the month in the Calendar

Expected behavior
The month's name should be "listopad 2021". Instead, it is "listopada 2021". For reference, check this sample that uses the Kendo UI for jQuery suite and the messages are correct.

Screenshots

4 comments

ADMIN

Petar

Posted on: 01 Apr 2022 05:15

Hi Michał,

I've sent you a reply to the same post in a private ticket but I am also writing here to update the information for the community.

I've discussed the issue with the Kendo React team. The bug is already logged and can be found on this link: https://github.com/telerik/kendo-react/issues/1019. I cannot say when the fix will be available in the Kendo React suite. If one needs more information about the fix in Kendo React, you can write in the linked above GitHub issue and ask if the bug fixing is planned.

Talking about the Kendo UI for Vue, there is a chance that we will need more time to provide the discussed fix in Vue suite. The reason is that there are some major changes that may need to be applied before making the suggested changes.

Please let me know if there are other questions related to the current discussion.

Regards,
Petar
Progress Telerik

Love the Telerik and Kendo UI products and believe more people should try them? Invite a fellow developer to become a Progress customer and each of you can get a $50 Amazon gift voucher.

Michał

Posted on: 31 Mar 2022 10:48

The same bug also affects Calendar in KENDO REACT components. The fix for React is also the same as for Vue.

IN KENDO REACT:

Files affected:
@progress\kendo-react-dateinputs\dist\es\calendar\services\MonthViewService.js
@progress\kendo-react-dateinputs\dist\npm\calendar\services\MonthViewService.js

Function affected:
MonthViewService.prototype.wideMonthNames

Original code before fix:

MonthViewService.prototype.wideMonthNames = function () {
return this.intl.dateFormatNames({ nameType: 'wide', type: 'months' });
};

Code after fix:

MonthViewService.prototype.wideMonthNames = function () {
return this.intl.dateFormatNames({ nameType: 'wide', type: 'months', standAlone: true });
};

Check this fix for Kendo React also, please.

Greetings,

Mike

ADMIN

Petar

Posted on: 31 Mar 2022 10:34

Hi Michał,

Thank you for sharing the solution that has fixed the issue in your scenario!

We will check how the suggested change affects the other components in the Kendo UI for Vue suite. If everything is OK, we will use the suggested solution and officially release it. Till the current bug is not fixed, if the standAlone: true property is working okay in your scenario, I would suggest keeping it. Once the bug is officially fixed and the fix is released, we will update the status of the current item and you will receive a notification.

Thank you for your cooperation with the shared bug fix!

Regards,
Petar
Progress Telerik

Love the Telerik and Kendo UI products and believe more people should try them? Invite a fellow developer to become a Progress customer and each of you can get a $50 Amazon gift voucher.

Michał

Posted on: 31 Mar 2022 09:27

Here is my fix proposal

Files affected:

@progress\kendo-vue-dateinputs\dist\es\calendar\services\MonthViewService.js
@progress\kendo-vue-dateinputs\dist\npm\calendar\services\MonthViewService.js

Function affected:

MonthViewService.prototype.wideMonthNames

Original code before fix:

MonthViewService.prototype.wideMonthNames = function () {

return this.intl.dateFormatNames({ nameType: 'wide', type: 'months' });
};

Code after fix:
MonthViewService.prototype.wideMonthNames = function () {
return this.intl.dateFormatNames({ nameType: 'wide', type: 'months', standAlone: true });
};

Could you please verify and apply this fix?