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