Working on adapting maps frontend. Finished the time selector to change the time interval.

1 files changed, 17 insertions, 0 deletions

diff --git a/maps-frontend/src/components/CoordSelector.js b/maps-frontend/src/components/CoordSelector.js
new file mode 100644
index 0000000..5d5e5f5
--- /dev/null
+++ b/maps-frontend/src/components/CoordSelector.js
@@ -0,0 +1,17 @@
+// CSS import
+import '../css/Route.css';
+import '../css/CoordSelector.css';
+
+/**
+ * The component that selects and displays a coordinate.
+ * @param {Object} props The props for the element. 
+ */
+function DateSelector(props) {
+  return (
+    <div className="Flex-coord">
+        <input type="date" value={props.date} onChange={(e) => props.setStart(e.target.value)}/>
+    </div>
+  );
+}
+
+export default DateSelector;
\ No newline at end of file