reset date range

src/components/ReportSearchBox/SearchBox.tsx

@@ -253,6 +253,7 @@ function SearchBox<T extends string>({
                         <DatePicker
                           label={c.label}
                           onChange={makeDateChangeHandler(c.paramName)}
+                          value={inputs[c.paramName] ? dayjs(inputs[c.paramName]) : null}
                         />
                       </FormControl>
                       <Box
@@ -267,6 +268,7 @@ function SearchBox<T extends string>({
                         <DatePicker
                           label={c.label2}
                           onChange={makeDateToChangeHandler(c.paramName)}
+                          value={inputs[c.paramName.concat("To") as T] ? dayjs(inputs[c.paramName.concat("To") as T]) : null}
                         />
                       </FormControl>
                     </Box>
@@ -287,9 +289,9 @@ function SearchBox<T extends string>({
             <Button
               variant="outlined"
               startIcon={<Search />}
-              onClick={handleDownload}
+              onClick={handleSearch}
             >
-              {t("Download Report")}
+              {t("Search")}
             </Button>
           </CardActions>
       </CardContent>

src/components/ReportSearchBox2/SearchBox2.tsx

@@ -253,6 +253,7 @@ function SearchBox<T extends string>({
                         <DatePicker
                           label={c.label}
                           onChange={makeDateChangeHandler(c.paramName)}
+                          value={inputs[c.paramName] ? dayjs(inputs[c.paramName]) : null}
                         />
                       </FormControl>
                       <Box
@@ -267,6 +268,7 @@ function SearchBox<T extends string>({
                         <DatePicker
                           label={c.label2}
                           onChange={makeDateToChangeHandler(c.paramName)}
+                          value={inputs[c.paramName.concat("To") as T] ? dayjs(inputs[c.paramName.concat("To") as T]) : null}
                         />
                       </FormControl>
                     </Box>
@@ -287,9 +289,9 @@ function SearchBox<T extends string>({
             <Button
               variant="outlined"
               startIcon={<Search />}
-              onClick={handleDownload}
+              onClick={handleSearch}
             >
-              {t("Download Report")}
+              {t("Search")}
             </Button>
           </CardActions>
       </CardContent>

src/components/ReportSearchBox3/SearchBox3.tsx

@@ -253,6 +253,7 @@ function SearchBox<T extends string>({
                         <DatePicker
                           label={c.label}
                           onChange={makeDateChangeHandler(c.paramName)}
+                          value={inputs[c.paramName] ? dayjs(inputs[c.paramName]) : null}
                         />
                       </FormControl>
                       <Box
@@ -267,6 +268,7 @@ function SearchBox<T extends string>({
                         <DatePicker
                           label={c.label2}
                           onChange={makeDateToChangeHandler(c.paramName)}
+                          value={inputs[c.paramName.concat("To") as T] ? dayjs(inputs[c.paramName.concat("To") as T]) : null}
                         />
                       </FormControl>
                     </Box>
@@ -287,9 +289,9 @@ function SearchBox<T extends string>({
             <Button
               variant="outlined"
               startIcon={<Search />}
-              onClick={handleDownload}
+              onClick={handleSearch}
             >
-              {t("Download Report")}
+              {t("Search")}
             </Button>
           </CardActions>
       </CardContent>