Archived
23 lines
493 B
TypeScript
23 lines
493 B
TypeScript
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; |