Investigations now match when the selected date for filtering is between the start and the end

src/components/Investigation/InvestigationDateFilter.js

@@ -13,11 +13,14 @@ function InvestigationDateFilter(props) {
       <DayPickerInput
         inputProps={{ className: styles.dateFilterInput }}
         value={value}
-        placeholder="Filter by start date"
+        placeholder="Filter by date"
         format={INVESTIGATION_DATE_FORMAT}
         formatDate={formatDate}
         parseDate={parseDate}
         onDayChange={onDayChange}
+        dayPickerProps={{
+          todayButton: 'Today',
+        }}
       />
       <Button
         disabled={!value}

src/components/Investigation/InvestigationTable.js

@@ -231,7 +231,7 @@ function getColumns(props) {
 
 function InvestigationTable(props) {
   const { expanded, user, investigations } = props;
-  const [dateFilter, setDateFilter] = useState();
+  const [selectedDate, setSelectedDate] = useState();
 
   const expandRow = {
     showExpandColumn: true,
@@ -265,20 +265,29 @@ function InvestigationTable(props) {
     ),
   };
 
+  function dateFilter(investigation) {
+    return investigation.endDate
+      ? selectedDate.isBetween(
+          investigation.startDate,
+          investigation.endDate,
+          'day',
+          '[]'
+        )
+      : selectedDate.isSame(investigation.startDate, 'day');
+  }
+
   return (
     <>
       <div className={styles.wrapper}>
         <InvestigationDateFilter
           rootClassName={styles.filter}
-          value={dateFilter && dateFilter.toDate()}
-          onDayChange={(date) => setDateFilter(moment(date))}
-          onClear={() => setDateFilter(undefined)}
+          value={selectedDate && selectedDate.toDate()}
+          onDayChange={(date) => setSelectedDate(moment(date))}
+          onClear={() => setSelectedDate(undefined)}
         />
       </div>
       <ResponsiveTable
-        data={investigations.filter(
-          (inv) => !dateFilter || dateFilter.isSame(inv.startDate, 'day')
-        )}
+        data={selectedDate ? investigations.filter(dateFilter) : investigations}
         columns={getColumns(props)}
         expandRow={expandRow}
       />