date picker change start of week day - Using Umbraco and getting started

Go to solution

Press Ctrl / CMD + C to copy this to your clipboard.

Copied to clipboard

Flag this post as spam?

This post will be reported to the moderators as potential spam to be looked at

Kåre Mai 45 posts 283 karma points

Dec 04, 2023 @ 09:48

0

Date picker - Change start of week day

Hi,

The Date Picker control has Sunday as the start of week day, which is very confusing. How do i change this to be Monday?

Seems like something you should be able to configure with ease.

The backend language has to be English.

EDIT:

I tried changing "firstDayOfWeek" inside the default.js file for flatpickr in the wwwroot\umbraco\lib\flatpickr\l10n\default.js but this doesn't change the first day of week in Umbraco itself.

Copy Link
Bjarne Fyrstenborg 1284 posts 4038 karma points MVP 8x c-trib

Dec 04, 2023 @ 12:33
101
Hi Kåre

Currently this is not possible to change OOTB, but there's an open PR to change this in future: https://github.com/umbraco/Umbraco-CMS/pull/14996

However for now you could create a custom property editor using the <umb-date-time-picker> component.

You can make an copy of https://github.com/umbraco/Umbraco-CMS/tree/contrib/src/Umbraco.Web.UI.Client/src/views/propertyeditors/datepicker but remember to change the controller name to something unique.

However even better if we can create a custom property editor via C# or a package.manifest re-using the datepicker view, but override the configuration.

Unfortunately setting this in configuration won't have any effect.
```
{
    "propertyEditors": [
        {
            "alias": "My.Custom.DatePicker",
            "name": "Custom DatePicker",
            "icon": "icon-calendar",
            "group": "Common",
            "editor": {
                "view": "datepicker",
                "supportsReadOnly": true,
                "config": {

                }
            }
        }
    ]
}
```
since this firstDayOfWeek isn't configurable in datePickerConfig object. https://github.com/umbraco/Umbraco-CMS/blob/contrib/src/Umbraco.Web.UI.Client/src/views/propertyeditors/datepicker/datepicker.controller.js#L49-L63

For now the best one can do, is propbably to create a custom property editor.
Copy Link
is working on a reply...

Please Sign in or register to post replies

Flag this post as spam?

Date picker - Change start of week day