fix: use only date instead of datetime in form state

Author: karl-run

e2e/mocked-fhir.spec.ts

@@ -35,8 +35,8 @@ test('can submit 100% sykmelding', async ({ page }) => {
             },
             aktivitet: {
                 type: 'AKTIVITET_IKKE_MULIG',
-                fom: '2024-02-14T23:00:00.000Z',
-                tom: '2024-02-17T23:00:00.000Z',
+                fom: '2024-02-15',
+                tom: '2024-02-18',
                 grad: null,
             },
         },
@@ -70,8 +70,8 @@ test('shall be able to edit diagnose', async ({ page }) => {
             diagnoser: { hoved: { code: 'D290', system: 'ICD10', text: 'Godartet svulst i penis' } },
             aktivitet: {
                 type: 'AKTIVITET_IKKE_MULIG',
-                fom: '2024-02-14T23:00:00.000Z',
-                tom: '2024-02-17T23:00:00.000Z',
+                fom: '2024-02-15',
+                tom: '2024-02-18',
                 grad: null,
             },
         },
@@ -104,8 +104,8 @@ test('can submit gradert sykmelding', async ({ page }) => {
             },
             aktivitet: {
                 type: 'GRADERT',
-                fom: '2024-02-14T23:00:00.000Z',
-                tom: '2024-02-17T23:00:00.000Z',
+                fom: '2024-02-15',
+                tom: '2024-02-18',
                 grad: '50',
             },
         },

src/components/ny-sykmelding-form/aktivitet/AktivitetSection.tsx

@@ -10,6 +10,7 @@ import {
 } from '@navikt/ds-react'
 
 import { cn } from '@utils/tw'
+import { dateOnly } from '@utils/date'
 
 import { AktivitetIkkeMuligType, useController, useFormContext } from '../NySykmeldingFormValues'
 
@@ -49,7 +50,6 @@ function AktivitetSection(): ReactElement {
         },
     })
     const { datepickerProps, toInputProps, fromInputProps } = useRangeDatepicker({
-        fromDate: new Date('Aug 23 2019'),
         onRangeChange: (range) => {
             if (!range) {
                 aktivitetField.field.onChange({
@@ -62,8 +62,8 @@ function AktivitetSection(): ReactElement {
 
             aktivitetField.field.onChange({
                 ...aktivitetField.field.value,
-                fom: range.from,
-                tom: range.to,
+                fom: range.from ? dateOnly(range.from) : null,
+                tom: range.to ? dateOnly(range.to) : null,
             })
         },
         onValidate: (range) => {

src/utils/date.ts

@@ -1,4 +1,4 @@
-import { format, getDate, isSameDay, isSameMonth, isSameYear } from 'date-fns'
+import { format, formatISO, getDate, isSameDay, isSameMonth, isSameYear } from 'date-fns'
 import { nb } from 'date-fns/locale/nb'
 
 export function toReadableDateNoYear(date: string | Date): string {
@@ -24,3 +24,7 @@ export function toReadableDatePeriod(fom: string | Date, tom: string | Date): st
         return `${toReadableDate(fom)} - ${toReadableDate(tom)}`
     }
 }
+
+export function dateOnly(date: string | Date): string {
+    return formatISO(date, { representation: 'date' })
+}