Inconsistent Datepicker Weekday Labels

[Ncookiez]

• I have searched the Issues to see if this bug has already been reported
• I have tested the latest version

Steps to reproduce

1. Go to https://www.flowbite-react.com/docs/components/datepicker
2. Click on the first datepicker example to view selector

Current behavior

The datepicker component is currently showing different weekdays for different users.

User A:

User B:

Expected behavior

Ideally these are always correct regardless of timezone, locale, or browser.

In this case, weekday labels should be starting on Sunday, and ending on Saturday to match correctly with the numbers below.

Context

In my case I fall into the "User A" category, seeing the wrong weekday labels. Can replicate this on Edge and Brave Browser (both Chromium-based). I am currently on GMT-4 timezone-wise. English locale.

This could be caused by a variety of issues as hinted above - the default weekStart on the component is set to Sunday, and I don't see this being overwritten on the docs app, so maybe something is wrong with how context is being gathered here, either due to locale or timezone specifics.

Alternatively, this could be due to timezone or locale issues on the getWeekDays() function here, although somewhat unlikely.

[Cesron]

In my case, the output I receive is as follows:

I'm using the Edge browser with UTC-6 time zone and Spanish locale.

I've also noticed that in the original Flowbite library, it works perfectly with the same browser and time zone configuration:

There's another problem, but I'm not sure if it's related. The issue is that when I open the decades menu, I'm not able to click on any decade other than the one is selected at the initial render:

[matheusalxds]

I have exactly the same problem.

[matheusalxds]

Is there any udpdate?

[AdilsonDevTech]

No updates yet 😢

[markhker]

This should fix it: #1173