Provide default setter for date columns

Author: CarsonF

src/components/Grid/ColumnTypes/dateColumn.tsx

@@ -5,7 +5,7 @@ import {
   GridValidRowModel as RowModel,
   GridValueGetter as ValueGetter,
 } from '@mui/x-data-grid';
-import { Nil } from '@seedcompany/common';
+import { isObjectLike, Nil } from '@seedcompany/common';
 import { DateTime } from 'luxon';
 import { DateFilter } from '~/api/schema.graphql';
 import { CalendarDate, ISOString, unwrapSecured } from '~/common';
@@ -21,6 +21,7 @@ export const dateColumn = <Row extends RowLike>() =>
   column<Row>()({
     type: 'date',
     valueGetter: dateColumn.valueGetter(defaultValueGetter),
+    valueSetter: defaultValueSetter,
     filterOperators,
     renderHeaderFilter: GridHeaderAddFilterButton,
   });
@@ -59,6 +60,23 @@ dateColumn.valueGetter =
 const defaultValueGetter: DateValueGetterInput = (_, row, column) =>
   unwrapSecured(row[column.field]);
 
+const defaultValueSetter = <R extends RowModel>(
+  raw: Date | null,
+  row: R,
+  column: ColDef<R>
+) => {
+  const value = raw ? CalendarDate.fromJSDate(raw) : null;
+  const field = row[column.field];
+  const wrapSecured =
+    isObjectLike(field) &&
+    '__typename' in field &&
+    typeof field.__typename === 'string' &&
+    field.__typename.startsWith('Secured')
+      ? { ...field, value }
+      : value;
+  return { ...row, [column.field]: wrapSecured };
+};
+
 const filterOpNameMap: Record<string, keyof DateFilter> = {
   after: 'after',
   onOrAfter: 'afterInclusive',