Locale pt-PT displays weekdays in long format causing words to overlap

[jasonmonroe]

Prerequisites

• I have searched for duplicate or closed issues.
• I have validated my setup against the latest version on StackBlitz.
• I have read the contributing guidelines.

Describe the issue

Locale pt-PT displays weekdays in long format causing words to overlap in the UI. Please fix this by abbreviating the weekdays. Thank you.

https://getdatepicker.com/6/plugins/customDateFormat.html
Locale: pt-PT

StackBlitz fork

//using "window" is just for the stackblitz, you do not need to do this
// https://stackblitz.com/edit/tempus-dominus-v6-simple-setup?file=index.js
window.datetimepicker1 = new tempusDominus.TempusDominus(
document.getElementById('datetimepicker1'),
{
localization: {
dayViewHeaderFormat: { month: 'long', year: '2-digit' },
locale: 'pt-PT',
startOfTheWeek: 1
}
});

document.getElementById(
'info'
).innerHTML = Your browser's locale is ${navigator.language}.<br/> You are using version ${tempusDominus.version};

What operating system(s) are you seeing the problem on?

macOS

What browser(s) are you seeing the problem on?

Chrome

What version of are you using? You can find this information from the sample StackBlitz.

6.2.10

What your browser's locale? You can find this information from the sample StackBlitz.

pt-PT

[Eonasdan]

You didn't provide a fork of the sample stackblitz. Please do that.

[jasonmonroe]

There’s no code. Just load the instance w/ localization object pt-PT. When you click on the input the weekdays are overlapping. Let me see if I can send a screenshot. Get Outlook for iOS<https://aka.ms/o0ukef>

…

________________________________ From: Eonasdan ***@***.***> Sent: Tuesday, May 23, 2023 4:06:03 PM To: Eonasdan/tempus-dominus ***@***.***> Cc: Jason Monroe ***@***.***>; Author ***@***.***> Subject: Re: [Eonasdan/tempus-dominus] Locale pt-PT displays weekdays in long format causing words to overlap (Issue #2817) You didn't provide a fork of the sample stackblitz. Please do that. — Reply to this email directly, view it on GitHub<#2817 (comment)>, or unsubscribe<https://github.com/notifications/unsubscribe-auth/AANF52UUXCRZ34UB3NWGFDDXHURDXANCNFSM6AAAAAAYMMI6SE>. You are receiving this because you authored the thread.Message ID: ***@***.***>

[jasonmonroe]

https://tempus-dominus-v6-simple-setup-xlaqe3.stackblitz.io

[Eonasdan]

Thank you. I see the issue

[jasonmonroe]

@Eonasdan any updates? Are you going to simply abbreviate the weekdays in Portuguese or just only use the first three letters?

[jasonmonroe]

Thanks!

[Eonasdan]

I don't have any updates right now. There's not a good way for me to fix this easily at the moment. Those values come from Intl. In v7 I'll be looking at migrating these values to the locale scripts so that it can be customized.

[jasonmonroe]

I don't have any updates right now. There's not a good way for me to fix this easily at the moment. Those values come from Intl. In v7 I'll be looking at migrating these values to the locale scripts so that it can be customized.

Is it possible to simply truncate or abbreviate the weekdays for pt-PT?

[Eonasdan]

Those values come from Intl

Anything I do now will affect all locales. You are welcome to fork and modify the picker or overwrite the function that generates the weekdays yourself until I have time to work on this.

[jasonmonroe]

Look at file date-display.ts line 186. Can we put a condition to str_limit(3) the innerDate.format?

[Eonasdan]

Hello. This fixed with released with 6.7.19. A new option was added, maxWeekdayLength. You can set that to whatever number you want.