aboutsummaryrefslogtreecommitdiff
path: root/react-frontend/src/components/DateSelector.js
diff options
context:
space:
mode:
authorclarkohw <66530369+clarkohw@users.noreply.github.com>2021-04-19 03:02:45 -0400
committerGitHub <noreply@github.com>2021-04-19 03:02:45 -0400
commitab4621b0e245043ef60db13e509fdb0c5b4cfc64 (patch)
tree7a6c356cca51f4fa4b549c693e168f6fc61302b3 /react-frontend/src/components/DateSelector.js
parent0508b076ac948a11bde14cfa9f5261796d890ef2 (diff)
parent0466db8b9051cb6300f274f0bba480d1020c63cf (diff)
Merge branch 'master' into profit-testing
Diffstat (limited to 'react-frontend/src/components/DateSelector.js')
-rw-r--r--react-frontend/src/components/DateSelector.js17
1 files changed, 17 insertions, 0 deletions
diff --git a/react-frontend/src/components/DateSelector.js b/react-frontend/src/components/DateSelector.js
new file mode 100644
index 0000000..bf01d44
--- /dev/null
+++ b/react-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