React-datepicker: Format calendar day names to display 3 characters instead of 2?

Created on 21 Oct 2017  路  3Comments  路  Source: Hacker0x01/react-datepicker

Hi there! I was wondering if there is any way to format the names of the days to use the 3 letter abbreviation instead of the 2 letter one? I couldn't find anything to configure the format of that part.

I'm referring to the row of day names that say MO TU, etc. I'd like to display MON, TUE, WED instead.

picture carmouche

Most helpful comment

Figured it out! Looking through the code, I found a prop called useWeekdaysShort that does what I'm looking for. The name is somewhat misleading though haha

<DatePicker useWeekdaysShort={true} />

picture carmouche on 25 Oct 2017
👍8

All 3 comments

Figured it out! Looking through the code, I found a prop called useWeekdaysShort that does what I'm looking for. The name is somewhat misleading though haha

<DatePicker useWeekdaysShort={true} />

carmouche picture carmouche on 25 Oct 2017
👍8

@carmouche this isn't work for me :(

kambala3000 picture kambala3000 on 31 Jan 2018

@carmouche thank you! It worked as inteded.
Did you perhaps find a way to add class to the current date-name?

AlanJereb picture AlanJereb on 14 Aug 2020
Was this page helpful?
0 / 5 - 0 ratings

Related issues

jjjss94 picture jjjss94  路  3Comments
ahribori picture ahribori  路  3Comments
jcabrerazuniga picture jcabrerazuniga  路  3Comments
goxr3plus picture goxr3plus  路  3Comments
pinturic picture pinturic  路  3Comments