Control how date display works across app (createdAt, updatedAt) in admin panel

[dio-ttdib]

Hello everyone,
I would like to ask if it possible to configure date display format in our admin panel (createdAt, updatedAt, versions)?
i can see the default format is MM-DD-YYYY.
How do i apply global format of DD-MM-YYYY H:M a to all of my payload app?

Of course we can specify date format from our date field, but i think the use case is much more than that.

hope everyone can help with this, thankyou 🙏

[tsemachh]

I would suggest using moment.js to give meaningful dates(Or at least enable it)
here's what we did in our case:

export const CreatedAtCell: React.FC = () => {
  const { cellData } = useTableCell()
  // Ensure cellData is not null before passing it to moment
  const validCellData = cellData !== null ? cellData : undefined

  return <Fragment>{validCellData ? moment(validCellData).fromNow() : 'N/A'}</Fragment>
}

[tsemachh]

@paulpopus I think it's a small change and would give payload professional look

[andershermansen]

You already have this. Put a date-fns format in your payload.config.

    admin: {
        dateFormat: "d. MMMM y 'kl.' HH:mm",
    },

Documentation at: https://payloadcms.com/docs/admin/overview#admin-options

[tsemachh]

Not as good as moment.js you get: