update

src/components/CostAndExpenseReport/CostAndExpenseReport.tsx

@@ -49,6 +49,7 @@ const CostAndExpenseReport: React.FC<Props> = ({ team, customer }) => {
   return (
     <>
       <SearchBox
+        formType={"download"}
         criteria={searchCriteria}
         onSearch={async (query: any) => {
             let index = 0

src/components/GenerateMonthlyWorkHoursReport/GenerateMonthlyWorkHoursReport.tsx

@@ -46,6 +46,7 @@ const GenerateMonthlyWorkHoursReport: React.FC<Props> = ({ staffs }) => {
   return (
     <>
       <SearchBox
+        formType={"download"}
         criteria={searchCriteria}
         onSearch={async (query: any) => {
           const index = staffCombo.findIndex((staff) => staff === query.staff);

src/components/ProjectCompletionReport/ProjectCompletionReport.tsx

@@ -47,6 +47,7 @@ const ProjectCompletionReport: React.FC<Props> = (
   return (
     <>
       <SearchBox
+        formType={"download"}
         criteria={searchCriteria}
         onSearch={async (query: any) => {
           console.log(query);

src/components/ResourceOverconsumptionReport/ResourceOverconsumptionReport.tsx

@@ -62,6 +62,7 @@ const ResourceOverconsumptionReport: React.FC<Props> = ({ team, customer }) => {
 return (
     <>
     <SearchBox
+        formType={"download"}
         criteria={searchCriteria}
         onSearch={async (query: any) => {
             let index = 0

src/components/SearchBox/SearchBox.tsx

@@ -22,21 +22,6 @@ import { DatePicker } from "@mui/x-date-pickers/DatePicker";
 import { LocalizationProvider } from "@mui/x-date-pickers/LocalizationProvider";
 import { AdapterDayjs } from "@mui/x-date-pickers/AdapterDayjs";
 import { Box, FormHelperText } from "@mui/material";
-import { DateCalendar } from "@mui/x-date-pickers";
-import { fetchLateStartReport } from "@/app/api/reports/actions";
-import { LateStartReportRequest } from "@/app/api/reports";
-import { fetchTeamCombo } from "@/app/api/team/actions";
-import { downloadFile } from "@/app/utils/commonUtil";
-import {
-  Unstable_NumberInput as BaseNumberInput,
-  NumberInputProps,
-  numberInputClasses,
-} from "@mui/base/Unstable_NumberInput";
-import {
-  StyledButton,
-  StyledInputElement,
-  StyledInputRoot,
-} from "@/theme/colorConst";
 import { InputAdornment, NumberInput } from "../utils/numberInput";
 
 interface BaseCriterion<T extends string> {
@@ -216,7 +201,7 @@ function SearchBox<T extends string>({
                 )}
                 {c.type === "number" && (
                   <NumberInput 
-                    // defaultValue={90}
+                  placeholder={c.label}
                     min={50}
                     max={99}
                     onChange={makeNumberChangeHandler(c.paramName)}