feat(ui): add option prop on Date component

Add `dateFormat` prop to customize date output format
mateusfg7 · May 10, 2023 · 015b232 · 015b232
1 parent c1cd49a
commit 015b232
Showing 1 changed file with 6 additions and 2 deletions.
diff --git a/src/components/Date.tsx b/src/components/Date.tsx
@@ -3,10 +3,14 @@ import { parseISO, format } from 'date-fns'
 
 interface Props {
   dateString: string
+  dateFormat?: string
 }
 
-export const Date: React.FC<Props> = ({ dateString }) => {
+export const Date: React.FC<Props> = ({
+  dateString,
+  dateFormat = 'LLL d, yyyy'
+}) => {
   const date = parseISO(dateString)
 
-  return <time dateTime={dateString}>{format(date, 'LLL d, yyyy')}</time>
+  return <time dateTime={dateString}>{format(date, dateFormat)}</time>
 }