WIP

src/utils/common.ts

@@ -668,3 +668,19 @@ export function addNumMonthsToDate(
 
     return dateSafe;
 }
+
+export function isValidDate<T extends string | number | Date>(
+    value: T | null | undefined,
+): value is T {
+    if (isNotDefined(value)) {
+        return false;
+    }
+
+    const date = new Date(value);
+
+    if (Number.isNaN(date.getTime())) {
+        return false;
+    }
+
+    return true;
+}

src/views/EmergencySurge/RapidResponsePerosnnelTable/index.tsx

@@ -23,6 +23,7 @@ import { numericIdSelector } from '#utils/selectors';
 import useFilterState from '#hooks/useFilterState';
 
 import i18n from './i18n.json';
+import styles from './styles.module.css';
 
 type PersonnelTableItem = NonNullable<GoApiResponse<'/api/v2/personnel/'>['results']>[number];
 const now = new Date().toISOString();
@@ -76,7 +77,10 @@ export default function RapidResponsePersonnelTable(props: Props) {
                 'role',
                 strings.personnelTablePosition,
                 (item) => item.role,
-                { sortable: true },
+                {
+                    sortable: true,
+                    columnClassName: styles.role,
+                },
             ),
             createStringColumn<PersonnelTableItem, number>(
                 'type',
@@ -137,6 +141,7 @@ export default function RapidResponsePersonnelTable(props: Props) {
 
     return (
         <Container
+            className={styles.rapidResponsePersonnelTable}
             heading={strings.rapidResponseTitle}
             withHeaderBorder
             actions={(

src/views/EmergencySurge/RapidResponsePerosnnelTable/styles.module.css

@@ -0,0 +1,5 @@
+.rapid-response-personnel-table {
+    .role {
+        width: 15rem;
+    }
+}