feat: create DateString component

1 files changed, 22 insertions, 0 deletions

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;