fix(dateformat): update Props

src/components/date-format/date-format.component.tsx

@@ -1,16 +1,11 @@
 import React from 'react';
-import { format } from 'date-fns';
+import { format as formatFns } from 'date-fns';
 
 type DateFormatProps = {
   date: number | string | Date;
-  dateFormat: string;
-  dateTimeFormat?: string;
+  format: string;
 };
 
-export const DateFormat = ({
-  date,
-  dateFormat,
-  dateTimeFormat,
-}: DateFormatProps) => (
-  <>{format(new Date(date), dateTimeFormat ? dateTimeFormat : dateFormat)}</>
+export const DateFormat = ({ date, format }: DateFormatProps) => (
+  <>{formatFns(new Date(date), format)}</>
 );

src/components/date-format/date-format.spec.tsx

@@ -5,22 +5,8 @@ import { DateFormat } from './date-format.component';
 
 describe('DateFormat', () => {
   test('renders the date format', () => {
-    render(
-      <DateFormat date={new Date(2020, 0, 1)} dateFormat="E, d MMM yyyy" />
-    );
+    render(<DateFormat date={new Date(2020, 0, 1)} format="E, d MMM yyyy" />);
 
     expect(screen.getByText('Wed, 1 Jan 2020')).toBeInTheDocument();
   });
-
-  test('renders the date and time format', () => {
-    render(
-      <DateFormat
-        date={new Date(2020, 0, 1)}
-        dateFormat="E, d MMM yyyy"
-        dateTimeFormat="E, d MMM yyy HH:mm:ss"
-      />
-    );
-
-    expect(screen.getByText('Wed, 1 Jan 2020 00:00:00')).toBeInTheDocument();
-  });
 });