DatePicker start week with monday

[n/a]

Hello,

 

ist it possibel to set up the DatePicker so that the week starts wit MONDAY and not Sunday?

Thank you, Matjaz Reberc

[Kiril]

Hi Matjaz,

The week-first-day variable is controlled by the currently loaded `internationalization` context with the default being `en` leading to showing `Sunday` as the first day of the week.

The week-first-day will dynamically update if different context is loaded. For example, if `en-GB` localization is loaded, the first day of the week would be `Monday`. Please check out the following example demonstrating how to load Internationalization context:

https://stackblitz.com/edit/react-ugbidg?file=app/main.tsx

Please let me know if this helps!

Regards,
Kiril
Progress Telerik

[n/a]

Hi Kril,

 

yes, it works.

 

Thank you, Matjaz

[JeffSM]

It would be great a property:

weekStartDay={1}

[Konstantin Dikov]

Hi Jefferson,

I can agree that it will be convenient in some scenarios to have such property, but that will defeat the use of the cdrl locale data within the component. As a workaround, you can override the firstDate of the loaded weekData as shown in the following example:

• https://stackblitz.com/edit/hwddgo?file=src%2Fmain.vue

[JeffSM]

Solution for Telerik UI for React, in pt-BR:

load(

    likelySubtags,

    weekData,

    ptNumbers,

    ptCaGregorian,

    ptDateFields,

    ptTimeZoneNames

);

if (!weekData.supplemental) {

  weekData.supplemental = {};

}

if (!weekData.supplemental.weekData) {

  weekData.supplemental.weekData = {};

}

if (!weekData.supplemental.weekData.firstDay) {

  weekData.supplemental.weekData.firstDay = {};

}

 

weekData.supplemental.weekData.firstDay.BR = 'mon'; // Brazil

// Other

weekData.supplemental.weekData.firstDay.PT = 'mon';

weekData.supplemental.weekData.firstDay.US = 'mon';