From 7605be6c77393ed98e179c27f3bc3915afb95f5c Mon Sep 17 00:00:00 2001
From: eug-vs <eug-vs@keemail.me>
Date: Fri, 9 Oct 2020 20:51:00 +0300
Subject: feat: create DateString component

---
 src/components/DateString/DateString.tsx | 22 ++++++++++++++++++++++
 1 file changed, 22 insertions(+)
 create mode 100644 src/components/DateString/DateString.tsx

(limited to 'src/components/DateString/DateString.tsx')

diff --git a/src/components/DateString/DateString.tsx b/src/components/DateString/DateString.tsx
new file mode 100644
index 0000000..e31b52e
--- /dev/null
+++ b/src/components/DateString/DateString.tsx
@@ -0,0 +1,22 @@
+import React from 'react';
+
+interface PropTypes {
+  value: Date | string;
+}
+
+const DATE_FORMAT = {
+  month: 'long',
+  day: 'numeric',
+  year: 'numeric',
+  hour: '2-digit',
+  minute: '2-digit'
+};
+
+const DateString: React.FC<PropTypes> = ({ value }) => {
+  const date = new Date(value);
+  const formatted = date.toLocaleString('default', DATE_FORMAT);
+
+  return <>{formatted}</>;
+};
+
+export default DateString;
-- 
cgit v1.2.3

