switched to approuter

components/DateFormatter.tsx

@@ -0,0 +1,23 @@
+import { format, parseISO } from 'date-fns';
+import React from 'react';
+
+interface DateFormatterProps {
+  dateString: string;
+  formatString?: string;
+  className?: string;
+}
+
+const DateFormatter: React.FC<DateFormatterProps> = ({ 
+  dateString, 
+  formatString = 'MMMM d, yyyy',
+  className = ''
+}) => {
+  const date = parseISO(dateString);
+  return (
+    <time dateTime={dateString} className={className}>
+      {format(date, formatString)}
+    </time>
+  );
+};
+
+export default DateFormatter;