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')
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