aboutsummaryrefslogtreecommitdiff
path: root/maps-frontend/src/components/DateSelector.js
diff options
context:
space:
mode:
authorJulia McCauley <skurvyj@gmail.com>2021-04-16 18:35:47 -0400
committerJulia McCauley <skurvyj@gmail.com>2021-04-16 18:35:47 -0400
commiteab479adc987ab20424a542275a697e0c8dbce61 (patch)
tree0c5a97293f8a7bbd779cda500b7b0e6a8034fd76 /maps-frontend/src/components/DateSelector.js
parent2b49d7ba79e8a26a0abe3e0e16ad72f103072ac1 (diff)
parent868c250d5c9ab45be1c5a478d2ff5cd82ec60f2d (diff)
pulling latest frontend changes Merge branch 'master' of github.com:cs0320-2021/term-project-cohwille-jmccaul3-mfoiani-rhunt2
Diffstat (limited to 'maps-frontend/src/components/DateSelector.js')
-rw-r--r--maps-frontend/src/components/DateSelector.js17
1 files changed, 17 insertions, 0 deletions
diff --git a/maps-frontend/src/components/DateSelector.js b/maps-frontend/src/components/DateSelector.js
new file mode 100644
index 0000000..bf01d44
--- /dev/null
+++ b/maps-frontend/src/components/DateSelector.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.value} onChange={(e) => props.changedFunc(new Date(e.target.value))} onClick={() => props.clickedFunc()}/>
+ </div>
+ );
+}
+
+export default DateSelector; \ No newline at end of file