upgrade to different layout

src/components/FormattedDate.astro

@@ -0,0 +1,19 @@
+---
+export interface Props {
+  date?: Date | string;
+}
+
+const { date } = Astro.props;
+
+const parsedDate = typeof date === 'string' ? new Date(date) : date;
+---
+
+{parsedDate && (
+  <time datetime={parsedDate.toISOString()}>
+    {parsedDate.toLocaleDateString('en-us', {
+      year: 'numeric',
+      month: 'long',
+      day: 'numeric',
+    })}
+  </time>
+)}