Date Time

1import * as React from "react"
2import { format, parseISO } from "date-fns"
3 
4import { cn } from "@/lib/utils"
5 
6export type DateTimeProps = Omit<
7  React.TimeHTMLAttributes<HTMLTimeElement>,
8  "dateTime"
9> & {
10  dateString: string
11  formatStr?: string
12}
13 
14export function DateTime({
15  dateString,
16  formatStr = "MMMM dd, yyyy",
17  className,
18  ...props
19}: DateTimeProps) {
20  const date = parseISO(dateString)
21  return (
22    <time
23      dateTime={dateString}
24      className={cn("text-muted-foreground", className)}
25      {...props}
26    >
27      {format(date, formatStr)}
28    </time>
29  )
30}