add date comp

components/Dates.js

@@ -0,0 +1,42 @@
+import { convertTime, timeToAMPM } from "../services/converters";
+import { isPM } from "../services/utils";
+
+import styles from "./Dates.module.css";
+
+const Dates = ({ weatherData, systemUsed }) => {
+  var weekday = [
+    "Sunday",
+    "Monday",
+    "Tuesday",
+    "Wednesday",
+    "Thursday",
+    "Friday",
+    "Saturday",
+  ];
+
+  return (
+    <h2 className={styles.title}>
+      {
+        weekday[
+          new Date(
+            convertTime(weatherData.dt, weatherData.timezone).input
+          ).getUTCDay()
+        ]
+      }
+      ,{" "}
+      {systemUsed == "metric"
+        ? parseInt(
+            convertTime(weatherData.dt, weatherData.timezone)[0].split(":")[0]
+          )
+        : timeToAMPM(
+            convertTime(weatherData.dt, weatherData.timezone)[0]
+          ).split(":")[0]}
+      :00{" "}
+      {systemUsed == "imperial"
+        ? isPM(convertTime(weatherData.dt, weatherData.timezone)[0])
+        : ""}
+    </h2>
+  );
+};
+
+export default Dates;

components/Dates.module.css

@@ -0,0 +1,3 @@
+.title {
+  text-align: left;
+}