useDate - Admin Components

The useDate hook formats dates using the locale of the Medusa Admin's active language. The Medusa Admin uses it to render dates in tables, detail pages, and timelines.

Code
import { useDate } from "@medusajs/dashboard/hooks"

Example#

Use the hook's functions to format a date as an absolute or a relative date:

Code
1import { useDate } from "@medusajs/dashboard/hooks"2import { Text } from "@medusajs/ui"3
4const OrderDate = ({ order }) => {5  const { getFullDate, getRelativeDate } = useDate()6
7  return (8    <div>9      <Text>10        {getFullDate({11          date: order.created_at,12          includeTime: true,13        })}14      </Text>15      <Text>{getRelativeDate(order.created_at)}</Text>16    </div>17  )18}

getFullDate returns a formatted date, such as Apr 29, 2025, and getRelativeDate returns a distance from the current time, such as 3 days ago.

Returns#