refactor: monorepo setup with lerna (#243)

packages/docs/src/components/DateDisplay.tsx

@@ -0,0 +1,25 @@
+import addMinutes from 'date-fns/addMinutes';
+import format from 'date-fns/format';
+import parseISO from 'date-fns/parseISO';
+import { useEffect, useState } from 'react';
+
+function formatDate(date: Date, dateFormat: string) {
+  return format(addMinutes(date, date.getTimezoneOffset()), dateFormat);
+}
+
+interface DateDisplayProps {
+  date: string;
+  format: string;
+}
+
+const DateDisplay = ({ date: dateString, format: dateFormat }: DateDisplayProps) => {
+  const [date, setDate] = useState(`${formatDate(parseISO(dateString), dateFormat)} UTC`);
+
+  useEffect(() => {
+    setDate(format(parseISO(dateString), dateFormat));
+  }, [dateFormat, dateString]);
+
+  return <>{date}</>;
+};
+
+export default DateDisplay;