WIP Time Ticket Summary BOD-191

client/src/components/ticket-tickets-dates-selector/time-tickets-dates-selector.component.jsx

@@ -0,0 +1,33 @@
+import { DatePicker } from "antd";
+import moment from "moment";
+import queryString from "query-string";
+import React from "react";
+import { useHistory, useLocation } from "react-router-dom";
+
+export default function TimeTicketsDatesSelector() {
+  const searchParams = queryString.parse(useLocation().search);
+  const { start, end } = searchParams;
+  const history = useHistory();
+
+  const handleChange = (dates) => {
+    const [start, end] = dates;
+
+    if (!!start && !!end) {
+      history.push({
+        search: queryString.stringify({
+          start: start.format("YYYY-MM-DD"),
+          end: end.format("YYYY-MM-DD"),
+        }),
+      });
+    }
+  };
+
+  return (
+    <div>
+      <DatePicker.RangePicker
+        defaultValue={[moment(start), moment(end)]}
+        onCalendarChange={handleChange}
+      />
+    </div>
+  );
+}