Like what we’re doing? Star us on GitHub!

Is there a way to change the format for dates in the admin UI?

jakehopking
last week
7

I don't want to use the US or UK standard for dates (

mm/dd/yyyy

and

dd/mm/yyyy

respectively), and would like them to display as

yyyy/mm/dd

Can we set this as a global preference?



This date is horrible for me to read... the day/month is ambiguous and I've made a whole array of errors here thinking that this was UK formatted dates and not US. As said I'd prefer ISO date here to remove any ambiguity.



admin: {
  displayFormat: 'YYYY/MM/DD',
},


Produces console errors.



I've checked your docs, and I can't see a guide on how these can be formatted. I only see the default formatting.



and

pickerAppearance

is throwing type and console errors??



-



Screenshot_2023-03-09_at_13.34.31.png
  • jesschow
    Payload Team
    last week

    Hey @jakehopking, you need to nest

    displayFormat

    in a

    date

    object:



    admin: {
        date: {
            displayFormat: 'yyyy/MM/dd',
        }
    }


    There is an example here but it could definitely be clearer in the docs:

    https://payloadcms.com/docs/fields/date#example

    Also you will get errors for YYYY and DD because they are not valid tokens so change that to

    yyyy/MM/dd

    , read more about that here

    https://github.com/date-fns/date-fns/blob/main/docs/unicodeTokens.md
  • jakehopking
    last week

    Thanks for this info @jesschow - is it possible to set this at a global level?

  • jesschow
    Payload Team
    last week

    @jakehopking currently it is not possibly to set this at a global level but I can definitely see the benefit in that - we should open a feature request for this đź‘Ť

Open the post
Continue the discussion in Discord
Can't find what you're looking for?
Get help straight from the Payload team with an Enterprise License.Learn More