25 lines
512 B
TypeScript
25 lines
512 B
TypeScript
import React from 'react'
|
|
import { format, formatDistance } from 'date-fns'
|
|
|
|
export default function Time({
|
|
date,
|
|
relative
|
|
}: {
|
|
date: string
|
|
relative?: boolean
|
|
}) {
|
|
const dateNew = new Date(date)
|
|
const dateIso = dateNew.toISOString()
|
|
|
|
return (
|
|
<time
|
|
title={relative ? format(dateNew, 'MMMM d, yyyy') : undefined}
|
|
dateTime={dateIso}
|
|
>
|
|
{relative
|
|
? formatDistance(dateNew, Date.now(), { addSuffix: true })
|
|
: format(dateNew, 'MMMM d, yyyy')}
|
|
</time>
|
|
)
|
|
}
|