Legg til enkel støtte for redigering av dato

Co-authored-by: Tonje Mjøvik Myran <[email protected]> Co-authored-by: Eivind Havnelid Røyrvik <[email protected]> Co-authored-by: Sindre Sægrov <[email protected]> Co-authored-by: Mette Wendy Lindberg Gulbrandsen <[email protected]>
navikt · Oct 24, 2024 · e649878 · e649878
1 parent 44e008f
commit e649878
Showing 1 changed file with 13 additions and 2 deletions.
diff --git a/app/components/opplysning/OpplysningDato.tsx b/app/components/opplysning/OpplysningDato.tsx
@@ -1,17 +1,28 @@
 import { DatePicker, useDatepicker } from "@navikt/ds-react";
-import { addYears, subYears } from "date-fns";
+import { addYears, formatISO, subYears } from "date-fns";
 import { useField } from "remix-validated-form";
 import type { IOpplysningProps } from "~/components/opplysning/Opplysning";
 import { formaterNorskDato } from "~/utils/dato.utils";
 import styles from "./Opplysning.module.css";
 
-export function OpplysningDato({ opplysning, readonly, label, className }: IOpplysningProps) {
+export function OpplysningDato({
+  opplysning,
+  readonly,
+  label,
+  className,
+  onChange,
+}: IOpplysningProps) {
   const { error, getInputProps } = useField(opplysning.navn);
 
   const { datepickerProps, inputProps } = useDatepicker({
     defaultSelected: opplysning.verdi ? new Date(opplysning.verdi) : undefined,
     toDate: addYears(new Date(), 100),
     fromDate: subYears(new Date(), 100),
+    onDateChange: (date) => {
+      if (date) {
+        onChange(formatISO(date, { representation: "date" }));
+      }
+    },
   });
 
   return (