day 5: Date component - snappify.com

components/date.tsx

import { parseISO, format } from 'date-fns';
import { DateType } from 'types/types';

export default function DisplayDate({
  dateString,
  formatType = 'LLLL dd, yyyy',
}: DateType) {
  const date = parseISO(dateString);
  return <time dateTime={dateString}>{format(date, formatType)}</time>;
}

types/types.ts

export type DateType = {
  dateString: string;
  formatType?: string;
};

Date Component

Date module allows

to parse the date and format it