Provide a way to switch back to default (en) locale

[m-gallesio]

Prerequisites

• I have searched for duplicate or closed feature requests.
• I have read the contributing guidelines.

Proposal

I think there should be a way to explicitly set the locale of a single picker to the library default (en / en-US), which does not seem possible at the moment.

Motivation and context

This is relevant in the following cases:

• the global locale is overridden
• there is a desire to keep the code "culture-neutral", so the locale is explicitly set every time

[Eonasdan]

I don't follow. The locale can be set per picker or globally and the updateOptions would give you the ability to change it whenever you needed.

[m-gallesio]

Take this code:

import { TempusDominus, loadLocale, locale } from '@eonasdan/tempus-dominus';
import { localization, name } from "@eonasdan/tempus-dominus/dist/locales/it";
loadLocale({localization, name});
locale('it');

const td = new TempusDominus(document.getElementById('datetimepicker1'));

Now that the global locale is it, there does not seem to be an immediate way to set a single picker to specifically an en/en-us locale.
This also conceptually happens if the browser's current locale is something other than en/en-us (it starts with a language other than English).

[Eonasdan]

Can do td = new TempusDominus(document.getElementById('datetimepicker1'), { localization: { locale: 'en' }})

[m-gallesio]

That does change the displayed language in the main picker (which I assume uses Intl) but not the tooltips and some other options (e.g. first day of the week).

[Eonasdan]

OOH. I see. Since you said locale, I thought you where talking about localization.locale not the localization object itself.

Right so setting it globally replaces the defaultoptions and thus there is no way to revert that. Hmm. I could create an en-Us locale file that could be loaded. That seems heavy though.

[m-gallesio]

Update, I tried doing this at startup (no global TD locale, browser in it locale):

loadLocale({ localization: DefaultOptions.localization, name: "en-us" });

which partially works since it sets tooltips and day of week, but not those parts which depend on Intl:

I also anticipate the need of an en-gb locale due to differing date formats, unless it can be somehow managed with Intl.

[mvxproject]

To set locale globally to English:

tempusDominus.DefaultOptions.localization.locale = 'en';

To test:

Open DevTools in Chrome -> Open the Console drawer. Click on the three-dotted menu -> Click on More tools -> Sensors. From the Sensors tab, set the location according to your preference.

Before:

after setting : tempusDominus.DefaultOptions.localization.locale = 'en';

I have to mention one problem with localization when using CustomDateFormat plugin:

the English format is always used even in cultures like 'fr'

[Eonasdan]

Hello 6.7.7 should resolve this. There's an additional export DefaultEnLocalization that provides the default en-US locale options