FormattedDate.astro

---
import { format } from "date-fns";

export const parseDateToString = (date: string): string => {
  const d = new Date(date);
  const t = new Date(d.valueOf() + d.getTimezoneOffset() * 60 * 1000);
  return format(t, "yyyy-MM-dd");
};

interface Props {
  date: Date;
  class?: string;
}

const { date, class: className } = Astro.props;
---

<time datetime={date.toISOString()} class:list={className}>
  {parseDateToString(date.toString())}
</time>