From 06d4cd1e33195760725bbf7b1c50f8d8f09e4919 Mon Sep 17 00:00:00 2001
From: csawatzky <chris@adaptiveagriculture.ca>
Date: Wed, 8 Oct 2025 16:34:17 -0600
Subject: [PATCH] hotfix for the date select used by the exports to allow you
 to select the start and end dates again

---
 src/common/time/DateSelect.tsx | 38 +++++++++++++++++++++++-----------
 1 file changed, 26 insertions(+), 12 deletions(-)

diff --git a/src/common/time/DateSelect.tsx b/src/common/time/DateSelect.tsx
index 8f51896..1dff23a 100644
--- a/src/common/time/DateSelect.tsx
+++ b/src/common/time/DateSelect.tsx
@@ -8,6 +8,7 @@ import {
   MenuItem,
   OutlinedInput,
   Select,
+  TextField,
   Theme
 } from "@mui/material";
 import moment, { Moment } from "moment";
@@ -16,6 +17,7 @@ import ReactDOM from "react-dom";
 import { DateRangePreset, SetDefaultPreset } from "./DateRange";
 import ResponsiveDialog from "common/ResponsiveDialog";
 import { withStyles, WithStyles } from "@mui/styles";
+import { cloneDeep } from "lodash";
 
 const styles = (_theme: Theme) => createStyles({});
 
@@ -249,18 +251,30 @@ class DateSelect extends React.Component<Props, State> {
           onClose={this.closeDateRangeDialog}
           aria-labelledby="date-range-dialog">
           <DialogContent>
-            {/* <StaticDateRangePicker
-              disableFuture
-              value={dateRange}
-              onChange={date => this.updateDateRange(date)}
-              renderInput={(startProps, endProps) => (
-                <React.Fragment>
-                  <TextField {...startProps} />
-                  <DateRangeDelimiter> to </DateRangeDelimiter>
-                  <TextField {...endProps} />
-                </React.Fragment>
-              )}
-            /> */}
+            <TextField
+              fullWidth
+              margin="normal"
+              type="date"
+              label="Start Time"
+              value={dateRange[0]?.format("YYYY-MM-DD")}
+              onChange={e => {
+                let range = cloneDeep(dateRange)
+                range[0] = moment(e.target.value)
+                this.updateDateRange(range)
+              }}
+            />
+            <TextField
+              fullWidth
+              margin="normal"
+              type="date"
+              label="End Time"
+              value={dateRange[1]?.format("YYYY-MM-DD")}
+              onChange={e => {
+                let range = cloneDeep(dateRange)
+                range[1] = moment(e.target.value)
+                this.updateDateRange(range)
+              }}
+            />
           </DialogContent>
           <DialogActions>
             <Button onClick={this.closeDateRangeDialog} color="primary">