Update NAV Datepicker to v8.0.0 (moment to dayjs)

Author: cskrov

package-lock.json

@@ -48,10 +48,10 @@
         "amplitude-js": "^7.2.2",
         "body-parser": "^1.19.0",
         "classnames": "^2.2.6",
+        "dayjs": "^1.9.6",
         "detect-browser": "^3.0.1",
         "forhandsvisningsfil": "^1.0.7",
-        "moment": "^2.29.1",
-        "nav-datovelger": "^6.1.9",
+        "nav-datovelger": "^8.0.0",
         "nav-frontend-alertstriper": "^3.0.18",
         "nav-frontend-alertstriper-style": "^2.0.16",
         "nav-frontend-chevron-style": "^0.3.5",

package.json

@@ -4,7 +4,7 @@ import { RadioPanelGruppe, Textarea } from 'nav-frontend-skjema';
 import { Hovedknapp, Knapp } from 'nav-frontend-knapper';
 import { Normaltekst, Undertittel, Element, Undertekst } from 'nav-frontend-typografi';
 import AlertStripe, { AlertStripeFeil } from 'nav-frontend-alertstriper';
-import { Datovelger } from 'nav-datovelger';
+import { Datepicker } from 'nav-datovelger';
 import NavFrontendSpinner from 'nav-frontend-spinner';
 import {
     CenteredContainer,
@@ -202,12 +202,12 @@ const Begrunnelse = ({ klage }: Props) => {
             {chosenDateOption === DateOption.TIDLIGERE_VEDTAK && (
                 <MarginContainer>
                     <Element>Vedtaksdato (valgfritt)</Element>
-                    <Datovelger
-                        onChange={dateISO => setISODate(dateISO ?? null)}
-                        valgtDato={chosenISODate ?? undefined}
-                        visÅrVelger={true}
-                        avgrensninger={{
-                            maksDato: new Date().toISOString().substring(0, 10)
+                    <Datepicker
+                        onChange={(dateISO, isValid) => setISODate(isValid ? dateISO : null)}
+                        value={chosenISODate ?? undefined}
+                        showYearSelector
+                        limitations={{
+                            maxDate: new Date().toISOString().substring(0, 10)
                         }}
                     />
                 </MarginContainer>

src/components/begrunnelse/begrunnelse.tsx

@@ -16,7 +16,8 @@
 @import '~nav-frontend-veileder-style';
 @import '~nav-frontend-veilederpanel-style';
 
-@import '~nav-datovelger/lib/styles/datovelger.less';
+@import '~nav-datovelger/lib/styles/_variabler.less';
+@import '~nav-datovelger/lib/styles/datepicker.less';
 @import '~nav-datovelger/lib/styles/_dayPicker-overrides.less';
 @import '~nav-datovelger/lib/styles/_mixins.less';