DateBlock

<DateBlock date={new Date()} />

const MONTHS = [
  'January','February','March','April','May','June',
  'July','August','September','October','November','December',
]
const WEEKDAYS = ['Sunday','Monday','Tuesday','Wednesday','Thursday','Friday','Saturday']

interface DateBlockProps {
  date: Date
}

export function DateBlock({ date }: DateBlockProps): React.JSX.Element {
  return (
    <div className="folio-date-block">
      <div className="folio-date-header">
        <span className="folio-date-month-label">{MONTHS[date.getMonth()]}</span>
        <span className="folio-date-year-label">{date.getFullYear()}</span>
      </div>
      <div className="folio-date-day-num">{date.getDate()}</div>
      <div className="folio-date-weekday">{WEEKDAYS[date.getDay()]}</div>
    </div>
  )
}