Fjern moment.js helt

package.json

@@ -36,7 +36,6 @@
         "lodash.debounce": "^4.0.8",
         "lodash.isequal": "^4.5.0",
         "lodash.sortby": "^4.7.0",
-        "moment": "^2.30.1",
         "prop-types": "^15.7.2",
         "react": "18.3.1",
         "react-collapse": "^5.1.1",

src/AvtaleSide/AvtaleStatus/ArbeidsgiverAvtaleStatus.tsx

@@ -4,7 +4,7 @@ import KlarForOppstart from '@/AvtaleSide/AvtaleStatus/KlarForOppstart';
 import StatusPanel from '@/AvtaleSide/AvtaleStatus/StatusPanel';
 import VerticalSpacer from '@/komponenter/layout/VerticalSpacer';
 import { Avtale } from '@/types/avtale';
-import { formatterDatoHvisDefinert } from '@/utils/datoUtils';
+import { formaterDatoNy, NORSK_DATO_OG_TID_FORMAT_NY } from '@/utils/datoUtils';
 import { BodyShort } from '@navikt/ds-react';
 import React, { FunctionComponent } from 'react';
 import { useFeatureToggles } from '@/FeatureToggleProvider';
@@ -48,7 +48,8 @@ const ArbeidsgiverAvtaleStatus: FunctionComponent<Props> = ({ avtale }) => {
                     header={'Avtalen er annullert'}
                     body={
                         <BodyShort size="small">
-                            Veileder har annullert avtalen {formatterDatoHvisDefinert(avtale.annullertTidspunkt!)}.
+                            Veileder har annullert avtalen{' '}
+                            {formaterDatoNy(avtale.annullertTidspunkt!, NORSK_DATO_OG_TID_FORMAT_NY)}.
                         </BodyShort>
                     }
                 />
@@ -94,9 +95,7 @@ const ArbeidsgiverAvtaleStatus: FunctionComponent<Props> = ({ avtale }) => {
             );
         }
         case 'KLAR_FOR_OPPSTART':
-            return (
-                <KlarForOppstart avtaleInngått={avtale.avtaleInngått} startDato={avtale.gjeldendeInnhold.startDato} />
-            );
+            return <KlarForOppstart startDato={avtale.gjeldendeInnhold.startDato!} />;
         case 'GJENNOMFØRES':
             return <Gjennomføres avtaleInngått={avtale.avtaleInngått} startDato={avtale.gjeldendeInnhold.startDato} />;
         case 'AVSLUTTET':

src/AvtaleSide/AvtaleStatus/Avsluttet.tsx

@@ -1,7 +1,7 @@
 import StatusPanel from '@/AvtaleSide/AvtaleStatus/StatusPanel';
-import { formatterDato, NORSK_DATO_FORMAT } from '@/utils/datoUtils';
+import { formaterDatoNy, NORSK_DATO_FORMAT_FULL } from '@/utils/datoUtils';
 import { BodyShort } from '@navikt/ds-react';
-import React, { FunctionComponent } from 'react';
+import { FunctionComponent } from 'react';
 
 interface Props {
     startDato?: string;
@@ -14,8 +14,8 @@ const Avsluttet: FunctionComponent<Props> = ({ startDato, sluttDato }) => {
             header="Tiltaket er avsluttet"
             body={
                 <BodyShort size="small">
-                    Tiltaket varte fra {formatterDato(startDato!, NORSK_DATO_FORMAT)} til{' '}
-                    {formatterDato(sluttDato!, NORSK_DATO_FORMAT)}.
+                    Tiltaket varte fra {formaterDatoNy(startDato!, NORSK_DATO_FORMAT_FULL)} til{' '}
+                    {formaterDatoNy(sluttDato!, NORSK_DATO_FORMAT_FULL)}.
                 </BodyShort>
             }
         />

src/AvtaleSide/AvtaleStatus/DeltakerAvtaleStatus.tsx

@@ -4,9 +4,9 @@ import KlarForOppstart from '@/AvtaleSide/AvtaleStatus/KlarForOppstart';
 import StatusPanel from '@/AvtaleSide/AvtaleStatus/StatusPanel';
 import VerticalSpacer from '@/komponenter/layout/VerticalSpacer';
 import { Avtale, Avtaleinnhold } from '@/types/avtale';
-import { formatterDato } from '@/utils/datoUtils';
+import { formaterDatoNy, NORSK_DATO_OG_TID_FORMAT_NY } from '@/utils/datoUtils';
 import { BodyShort } from '@navikt/ds-react';
-import React, { FunctionComponent } from 'react';
+import { FunctionComponent } from 'react';
 
 interface Props {
     avtale: Pick<
@@ -31,7 +31,8 @@ const DeltakerAvtaleStatus: FunctionComponent<Props> = ({ avtale }) => {
                     header="Avtalen er annullert"
                     body={
                         <BodyShort size="small">
-                            Veileder har annullert avtalen {formatterDato(avtale.annullertTidspunkt!)}. Årsak:{' '}
+                            Veileder har annullert avtalen{' '}
+                            {formaterDatoNy(avtale.annullertTidspunkt!, NORSK_DATO_OG_TID_FORMAT_NY)}. Årsak:{' '}
                             {avtale.annullertGrunn}.
                         </BodyShort>
                     }
@@ -43,7 +44,8 @@ const DeltakerAvtaleStatus: FunctionComponent<Props> = ({ avtale }) => {
                     header="Avtalen er avbrutt"
                     body={
                         <BodyShort size="small">
-                            Veileder har avbrutt avtalen {formatterDato(avtale.avbruttDato!)}. Årsak:{' '}
+                            Veileder har avbrutt avtalen{' '}
+                            {formaterDatoNy(avtale.avbruttDato!, NORSK_DATO_OG_TID_FORMAT_NY)}. Årsak:{' '}
                             {avtale.avbruttGrunn}.
                         </BodyShort>
                     }
@@ -92,9 +94,7 @@ const DeltakerAvtaleStatus: FunctionComponent<Props> = ({ avtale }) => {
                 />
             );
         case 'KLAR_FOR_OPPSTART':
-            return (
-                <KlarForOppstart avtaleInngått={avtale.avtaleInngått} startDato={avtale.gjeldendeInnhold.startDato} />
-            );
+            return <KlarForOppstart startDato={avtale.gjeldendeInnhold.startDato!} />;
         case 'GJENNOMFØRES':
             return <Gjennomføres avtaleInngått={avtale.avtaleInngått} startDato={avtale.gjeldendeInnhold.startDato} />;
         case 'AVSLUTTET':

src/AvtaleSide/AvtaleStatus/Gjennomføres.tsx

@@ -1,7 +1,7 @@
 import StatusPanel from '@/AvtaleSide/AvtaleStatus/StatusPanel';
-import { formatterDato, NORSK_DATO_FORMAT } from '@/utils/datoUtils';
+import { formaterDatoNy, NORSK_DATO_FORMAT_FULL } from '@/utils/datoUtils';
 import { BodyShort } from '@navikt/ds-react';
-import React, { FunctionComponent } from 'react';
+import { FunctionComponent } from 'react';
 
 interface Props {
     avtaleInngått?: string;
@@ -14,8 +14,8 @@ const Gjennomføres: FunctionComponent<Props> = ({ avtaleInngått, startDato })
             header="Tiltaket gjennomføres"
             body={
                 <BodyShort size="small">
-                    Avtale ble inngått {formatterDato(avtaleInngått!, NORSK_DATO_FORMAT)}. Tiltaket startet{' '}
-                    {formatterDato(startDato!, NORSK_DATO_FORMAT)}.
+                    Avtale ble inngått {formaterDatoNy(avtaleInngått!, NORSK_DATO_FORMAT_FULL)}. Tiltaket startet{' '}
+                    {formaterDatoNy(startDato!, NORSK_DATO_FORMAT_FULL)}.
                 </BodyShort>
             }
         />

src/AvtaleSide/AvtaleStatus/HvemHarGodkjentModal.tsx

@@ -2,8 +2,8 @@ import CheckIkon from '@/assets/ikoner/check.svg?react';
 import VarselIkon from '@/assets/ikoner/varsel.svg?react';
 import { AvtaleContext } from '@/AvtaleProvider';
 import { TiltaksType } from '@/types/avtale';
-import { formatterDato } from '@/utils/datoUtils';
-import { BodyLong, BodyShort, Button, Label, Modal } from '@navikt/ds-react';
+import { formaterDatoNy, NORSK_DATO_FORMAT_FULL } from '@/utils/datoUtils';
+import { BodyShort, Button, Label, Modal } from '@navikt/ds-react';
 import { FunctionComponent, useContext, useState } from 'react';
 import './HvemHarGodkjentModal.less';
 
@@ -70,7 +70,7 @@ const GodkjenningRad: React.FunctionComponent<GodkjenningRadProps> = (props: God
     const måGodkjenneTekst = props.tiltakstype === 'MENTOR' ? 'Må signere' : 'Må godkjenne';
 
     const godkjentStatus: string = props.godkjentAvtale
-        ? harGodkjentTekst + ' ' + formatterDato(props.godkjentAvtale)
+        ? harGodkjentTekst + ' ' + formaterDatoNy(props.godkjentAvtale, NORSK_DATO_FORMAT_FULL)
         : måGodkjenneTekst;
 
     const navn = props.navn;

src/AvtaleSide/AvtaleStatus/KlarForOppstart.tsx

@@ -1,18 +1,21 @@
 import StatusPanel from '@/AvtaleSide/AvtaleStatus/StatusPanel';
-import { formatterDato, NORSK_DATO_FORMAT } from '@/utils/datoUtils';
+import { formaterDatoNy, NORSK_DATO_FORMAT_FULL } from '@/utils/datoUtils';
 import { BodyShort } from '@navikt/ds-react';
-import React, { FunctionComponent } from 'react';
+import { FunctionComponent } from 'react';
 
 interface Props {
-    avtaleInngått?: string;
-    startDato?: string;
+    startDato: string;
 }
 
-const KlarForOppstart: FunctionComponent<Props> = ({ avtaleInngått, startDato }) => {
+const KlarForOppstart: FunctionComponent<Props> = ({ startDato }) => {
     return (
         <StatusPanel
             header="Avtalen er ferdig utfylt og godkjent av NAV"
-            body={<BodyShort size="small">Tiltaket starter {formatterDato(startDato!, NORSK_DATO_FORMAT)}.</BodyShort>}
+            body={
+                <BodyShort size="small">
+                    Tiltaket starter {formaterDatoNy(startDato, NORSK_DATO_FORMAT_FULL)}.
+                </BodyShort>
+            }
         />
     );
 };

src/AvtaleSide/AvtaleStatus/MentorAvtaleStatus.tsx

@@ -3,7 +3,7 @@ import Gjennomføres from '@/AvtaleSide/AvtaleStatus/Gjennomføres';
 import KlarForOppstart from '@/AvtaleSide/AvtaleStatus/KlarForOppstart';
 import StatusPanel from '@/AvtaleSide/AvtaleStatus/StatusPanel';
 import { Avtale, Avtaleinnhold } from '@/types/avtale';
-import { formatterDato } from '@/utils/datoUtils';
+import { formaterDatoNy, NORSK_DATO_OG_TID_FORMAT_NY } from '@/utils/datoUtils';
 import { BodyShort } from '@navikt/ds-react';
 import { FunctionComponent } from 'react';
 
@@ -21,7 +21,8 @@ const MentorAvtaleStatus: FunctionComponent<Props> = ({ avtale }) => {
                     header="Avtalen er annullert"
                     body={
                         <BodyShort size="small">
-                            Veileder har annullert avtalen {formatterDato(avtale.annullertTidspunkt!)}.
+                            Veileder har annullert avtalen{' '}
+                            {formaterDatoNy(avtale.annullertTidspunkt!, NORSK_DATO_OG_TID_FORMAT_NY)}.
                         </BodyShort>
                     }
                 />
@@ -58,9 +59,7 @@ const MentorAvtaleStatus: FunctionComponent<Props> = ({ avtale }) => {
                 />
             );
         case 'KLAR_FOR_OPPSTART':
-            return (
-                <KlarForOppstart avtaleInngått={avtale.avtaleInngått} startDato={avtale.gjeldendeInnhold.startDato} />
-            );
+            return <KlarForOppstart startDato={avtale.gjeldendeInnhold.startDato!} />;
         case 'GJENNOMFØRES':
             return <Gjennomføres avtaleInngått={avtale.avtaleInngått} startDato={avtale.gjeldendeInnhold.startDato} />;
         case 'AVSLUTTET':

src/AvtaleSide/AvtaleStatus/VeilederAvtaleStatus.tsx

@@ -8,7 +8,7 @@ import StatusPanel from '@/AvtaleSide/AvtaleStatus/StatusPanel';
 import TilskuddsperioderReturnert from '@/AvtaleSide/steg/GodkjenningSteg/TilskuddsperioderReturnert';
 import LagreKnapp from '@/komponenter/LagreKnapp/LagreKnapp';
 import VerticalSpacer from '@/komponenter/layout/VerticalSpacer';
-import { tidSidenTidspunkt, formaterDatoNy, NORSK_DATO_FORMAT_NY } from '@/utils/datoUtils';
+import { tidSidenTidspunkt, formaterDatoNy, NORSK_DATO_FORMAT_FULL } from '@/utils/datoUtils';
 import { Avtale } from '@/types/avtale';
 import { useFeatureToggles } from '@/FeatureToggleProvider';
 
@@ -377,9 +377,9 @@ function VeilederAvtaleStatus(props: Props) {
                     body={
                         <>
                             <BodyShort size="small">
-                                Avtale ble inngått {formaterDatoNy(avtale.avtaleInngått!, NORSK_DATO_FORMAT_NY)}.
+                                Avtale ble inngått {formaterDatoNy(avtale.avtaleInngått!, NORSK_DATO_FORMAT_FULL)}.
                                 Tiltaket starter{' '}
-                                {formaterDatoNy(avtale.gjeldendeInnhold.startDato!, NORSK_DATO_FORMAT_NY)}.
+                                {formaterDatoNy(avtale.gjeldendeInnhold.startDato!, NORSK_DATO_FORMAT_FULL)}.
                             </BodyShort>
                             <VerticalSpacer rem={1} />
                             <BodyShort size="small">
@@ -397,9 +397,9 @@ function VeilederAvtaleStatus(props: Props) {
                     body={
                         <>
                             <BodyShort size="small">
-                                Avtale ble inngått {formaterDatoNy(avtale.avtaleInngått!, NORSK_DATO_FORMAT_NY)}.
+                                Avtale ble inngått {formaterDatoNy(avtale.avtaleInngått!, NORSK_DATO_FORMAT_FULL)}.{' '}
                                 Tiltaket starter{' '}
-                                {formaterDatoNy(avtale.gjeldendeInnhold.startDato!, NORSK_DATO_FORMAT_NY)}.
+                                {formaterDatoNy(avtale.gjeldendeInnhold.startDato!, NORSK_DATO_FORMAT_FULL)}.
                             </BodyShort>
                             <VerticalSpacer rem={1} />
                             <BodyShort size="small">

src/AvtaleSide/steg/BeregningTilskudd/UtregningPanel.tsx

@@ -11,7 +11,7 @@ import { AvtaleContext } from '@/AvtaleProvider';
 import VerticalSpacer from '@/komponenter/layout/VerticalSpacer';
 import { Beregningsgrunnlag } from '@/types/avtale';
 import BEMHelper from '@/utils/bem';
-import { formatterDato, NORSK_DATO_FORMAT } from '@/utils/datoUtils';
+import { formaterDatoNy, NORSK_DATO_FORMAT_NY } from '@/utils/datoUtils';
 import { formaterPenger } from '@/utils/PengeUtils';
 import { Accordion, Label } from '@navikt/ds-react';
 import { FunctionComponent, useContext } from 'react';
@@ -86,7 +86,7 @@ const UtregningPanel: FunctionComponent<Beregningsgrunnlag> = (props) => {
                             labelTekst={props.datoForRedusertProsent ? `Tilskuddsprosent frem til` : 'Tilskuddsprosent'}
                             midtrekkeTekst={
                                 props.datoForRedusertProsent
-                                    ? formatterDato(props.datoForRedusertProsent, NORSK_DATO_FORMAT)
+                                    ? formaterDatoNy(props.datoForRedusertProsent, NORSK_DATO_FORMAT_NY)
                                     : null
                             }
                             labelIkon={<GraphRefusjonAvLonnIkon />}
@@ -103,7 +103,7 @@ const UtregningPanel: FunctionComponent<Beregningsgrunnlag> = (props) => {
                             <>
                                 <Utregningsrad
                                     labelTekst={`Tilskuddsprosent fra og med`}
-                                    midtrekkeTekst={formatterDato(props.datoForRedusertProsent, NORSK_DATO_FORMAT)}
+                                    midtrekkeTekst={formaterDatoNy(props.datoForRedusertProsent, NORSK_DATO_FORMAT_NY)}
                                     labelIkon={<GraphRefusjonAvLonnIkon />}
                                     ikkePenger
                                     verdiOperator={<ProsentTegn />}

src/AvtaleSide/steg/BeregningTilskudd/Utregningsrad.tsx

@@ -52,7 +52,7 @@ const Utregningsrad: FunctionComponent<Props> = (props: Props) => {
                     )}
                 </div>
                 {setLabelSats(props.labelSats)}
-                {props.midtrekkeTekst}
+                {props.midtrekkeTekst && <BodyShort size="small">{props.midtrekkeTekst}</BodyShort>}
             </div>
             <div className={cls.element('utregning-verdi')}>
                 {setOperator(props.verdiOperator)}

src/AvtaleSide/steg/BeregningTilskudd/tilskuddsPerioder/TilskuddsPerioderVeileder.tsx

@@ -1,7 +1,7 @@
 import EtikettStatus from '@/BeslutterSide/EtikettStatus';
 import { TilskuddsPeriode } from '@/types/avtale';
 import BEMHelper from '@/utils/bem';
-import { formatterPeriode } from '@/utils/datoUtils';
+import { formaterPeriodeNy } from '@/utils/datoUtils';
 import { formatterProsent } from '@/utils/formatterProsent';
 import { formaterPenger } from '@/utils/PengeUtils';
 import { FunctionComponent } from 'react';
@@ -34,7 +34,7 @@ const TilskuddsPerioderVeileder: FunctionComponent<Props> = (props) => {
                             <tr key={periode.id}>
                                 <td>{periode.løpenummer}</td>
                                 <td aria-label={`Startdato ${periode.startDato} og sluttdato ${periode.sluttDato}`}>
-                                    {formatterPeriode(periode.startDato, periode.sluttDato)}
+                                    {formaterPeriodeNy(periode.startDato, periode.sluttDato)}
                                 </td>
                                 <td>{formatterProsent(periode.lonnstilskuddProsent)}</td>
                                 <td>{formaterPenger(periode.beløp)}</td>

src/AvtaleSide/steg/BeregningTilskudd/visningTilskuddsperioder/InfoRundtRedusertProsentsats.tsx

@@ -1,6 +1,6 @@
 import React, { useContext } from 'react';
 import { BodyShort, Label } from '@navikt/ds-react';
-import { formatterDato, NORSK_DATO_FORMAT } from '@/utils/datoUtils';
+import { formaterDatoNy, NORSK_DATO_FORMAT_NY } from '@/utils/datoUtils';
 import { AvtaleContext } from '@/AvtaleProvider';
 import BEMHelper from '@/utils/bem';
 
@@ -21,15 +21,16 @@ const InfoRundtRedusertProsentsats: React.FC<Props> = ({ className }: Props) =>
                 <BodyShort size="small">
                     Tilskuddsprosenten reduseres med 10% etter{' '}
                     {avtale.gjeldendeInnhold.lonnstilskuddProsent === 60 ? '1 år' : '6 måneder'}. Datoen for ny redusert
-                    sats er <b>{formatterDato(avtale.gjeldendeInnhold.datoForRedusertProsent, NORSK_DATO_FORMAT)}</b>.
+                    sats er{' '}
+                    <b>{formaterDatoNy(avtale.gjeldendeInnhold.datoForRedusertProsent, NORSK_DATO_FORMAT_NY)}</b>.
                 </BodyShort>
             )}
 
             {avtale.tiltakstype === 'VARIG_LONNSTILSKUDD' && (
                 <BodyShort size="small">
                     Tilskuddsprosenten reduseres til 67% etter 1 år om tilskuddsprosenten er eller over 68%. Datoen for
                     ny redusert sats er{' '}
-                    <b>{formatterDato(avtale.gjeldendeInnhold.datoForRedusertProsent, NORSK_DATO_FORMAT)}</b>.
+                    <b>{formaterDatoNy(avtale.gjeldendeInnhold.datoForRedusertProsent, NORSK_DATO_FORMAT_NY)}</b>.
                 </BodyShort>
             )}
         </div>

src/AvtaleSide/steg/BeregningTilskudd/visningTilskuddsperioder/InfoRundtTilskuddsperioder.tsx

@@ -1,5 +1,5 @@
 import React from 'react';
-import { formatterDato, NORSK_DATO_FORMAT } from '@/utils/datoUtils';
+import { formaterDatoNy, NORSK_DATO_FORMAT_NY } from '@/utils/datoUtils';
 import { Button } from '@navikt/ds-react';
 import BEMHelper from '@/utils/bem';
 
@@ -26,8 +26,8 @@ const InfoRundtTilskuddsperioder: React.FC<Props> = ({
     return (
         <>
             <div className={cls.element('tabell-innslag')}>
-                Avtalen varer fra {formatterDato(gjeldendeInnholdStartdato, NORSK_DATO_FORMAT)} til{' '}
-                {formatterDato(gjeldendeInnholdSluttdato, NORSK_DATO_FORMAT)}. Det tilsvarer{' '}
+                Avtalen varer fra {formaterDatoNy(gjeldendeInnholdStartdato, NORSK_DATO_FORMAT_NY)} til{' '}
+                {formaterDatoNy(gjeldendeInnholdSluttdato, NORSK_DATO_FORMAT_NY)}. Det tilsvarer{' '}
                 {antallAktiveTilskuddsperioder} tilskuddsperioder.
             </div>
             {!visAllePerioder && (