Display short name of days as the input label/value

[cedrvanh]

I'm trying to display the short names of days as the label/value of the input, but it doesn't seem to work. If I look at the formatting docs of date-fns I should be able to pass 'ddd' to dateFormat of the config object. Doing this just prepends a 0 to the current day for each 'd' added.

Code:

<SingleDatepicker
    ...props
    configs={{
        dateFormat: 'ddd - dd/MM',
        monthNames: MonthNamesShort,
        dayNames: WeekdayNamesShort,
    }}
/>

Formatting like this gives me this result:

The expected result would be: Thu - 19/01

[aboveyunhai]

Based on date-fns, you are looking for EEE - dd/MM .

[cedrvanh]

@aboveyunhai you're right! thank you