1
mirror of https://github.com/jakejarvis/jarv.is.git synced 2025-07-21 06:41:17 -04:00

use <time> element for all dates

This commit is contained in:
2022-04-16 15:59:28 -04:00
parent 1648464e0e
commit fa968dbcd2
11 changed files with 217 additions and 202 deletions

15
components/Time/Time.tsx Normal file
View File

@@ -0,0 +1,15 @@
import { formatDateTZ, formatDateISO, FlexibleDate } from "../../lib/helpers/format-date";
export type TimeProps = {
date: FlexibleDate;
format?: string;
className?: string;
};
const Time = ({ date, format = "MMM d", className }: TimeProps) => (
<time dateTime={formatDateISO(date)} title={formatDateTZ(date)} className={className}>
{formatDateTZ(date, format)}
</time>
);
export default Time;