diff --git a/src/components/FormattedDate.astro b/src/components/FormattedDate.astro
index c15a5ac..1878421 100644
--- a/src/components/FormattedDate.astro
+++ b/src/components/FormattedDate.astro
@@ -2,16 +2,16 @@
 import type { HTMLAttributes } from "astro/types";
 import { getFormattedDate } from "@/utils";
 
-interface Props {
+type Props = HTMLAttributes<"time"> & {
 	date: Date;
-	className?: HTMLAttributes<"time">["class"];
-}
+	dateTimeOptions?: Intl.DateTimeFormatOptions;
+};
 
-const { date, className = null } = Astro.props;
+const { date, dateTimeOptions, ...attrs } = Astro.props;
 
-const postDate = getFormattedDate(date, { month: "long" });
+const postDate = getFormattedDate(date, dateTimeOptions);
 ---
 
-<time class={className} datetime={date.toISOString()}>
+<time datetime={date.toISOString()} {...attrs}>
 	{postDate}
 </time>
diff --git a/src/components/blog/PostPreview.astro b/src/components/blog/PostPreview.astro
index e165150..5771574 100644
--- a/src/components/blog/PostPreview.astro
+++ b/src/components/blog/PostPreview.astro
@@ -12,7 +12,7 @@ const { post, as: Tag = "div", withDesc = false } = Astro.props;
 const postDate = post.data.updatedDate ?? post.data.publishDate;
 ---
 
-<FormattedDate date={postDate} className="min-w-[120px] text-gray-500" />
+<FormattedDate date={postDate} class="min-w-[120px] text-gray-500" />
 <Tag>
 	<a href={`/posts/${post.slug}/`} class="cactus-link" rel="prefetch">
 		{post.data.title}