make the date ranges on the instance list page look like the status inputs w/ burnettk

src/routes/ProcessInstanceList.tsx

@@ -232,16 +232,25 @@ export default function ProcessInstanceList() {
       selectedDate = new Date(initialDate * 1000);
     }
     return (
+      <Form.Group>
+        <InputGroup>
           <Stack className="ms-auto" direction="horizontal" gap={3}>
-        <label className="text-nowrap">{labelString}</label>
+            <InputGroup.Text className="text-nowrap">
+              {labelString}
+              {'\u00A0'}
+            </InputGroup.Text>
             <DatePicker
               id={`date-picker-${name}`}
               selected={selectedDate}
-          onChange={(date: any) => convertDateToSeconds(date, onChangeFunction)}
+              onChange={(date: any) =>
+                convertDateToSeconds(date, onChangeFunction)
+              }
               showTimeSelect
               dateFormat={DATE_FORMAT}
             />
           </Stack>
+        </InputGroup>
+      </Form.Group>
     );
   };
 
@@ -332,7 +341,12 @@ export default function ProcessInstanceList() {
               </Stack>
               <br />
               <Stack direction="horizontal" gap={3}>
-                {dateComponent('End Range: ', 'end-from', endFrom, setEndFrom)}
+                {dateComponent(
+                  'End Range: \u00A0\u00A0',
+                  'end-from',
+                  endFrom,
+                  setEndFrom
+                )}
                 {dateComponent('-', 'end-till', endTill, setEndTill)}
               </Stack>
               <br />