Spør kun om måned hvor spesifikk dato ikke er nødvendig

src/frontend/components/Felleskomponenter/Arbeidsperiode/ArbeidsperiodeModal.tsx

@@ -3,16 +3,19 @@ import React from 'react';
 import { ESvar } from '@navikt/familie-form-elements';
 
 import { useApp } from '../../../context/AppContext';
+import { useFeatureToggles } from '../../../context/FeatureToggleContext';
+import { EFeatureToggle } from '../../../typer/feature-toggles';
 import { IArbeidsperiode } from '../../../typer/perioder';
 import { PersonType } from '../../../typer/personType';
 import { IArbeidsperiodeTekstinnhold } from '../../../typer/sanity/modaler/arbeidsperiode';
-import { dagensDato, gårsdagensDato } from '../../../utils/dato';
+import { dagensDato, gårsdagensDato, sisteDagDenneMåneden } from '../../../utils/dato';
 import { trimWhiteSpace, visFeiloppsummering } from '../../../utils/hjelpefunksjoner';
 import { minTilDatoForUtbetalingEllerArbeidsperiode } from '../../../utils/perioder';
 import { svarForSpørsmålMedUkjent } from '../../../utils/spørsmål';
 import Datovelger from '../Datovelger/Datovelger';
 import { LandDropdown } from '../Dropdowns/LandDropdown';
 import JaNeiSpmForSanity from '../JaNeiSpm/JaNeiSpmForSanity';
+import { DagIMåneden, MånedÅrVelger } from '../MånedÅrVelger/MånedÅrVelger';
 import TekstBlock from '../Sanity/TekstBlock';
 import { SkjemaCheckboxForSanity } from '../SkjemaCheckbox/SkjemaCheckboxForSanity';
 import { SkjemaFeiloppsummering } from '../SkjemaFeiloppsummering/SkjemaFeiloppsummering';
@@ -39,6 +42,7 @@ export const ArbeidsperiodeModal: React.FC<ArbeidsperiodeModalProps> = ({
     erDød = false,
     forklaring = undefined,
 }) => {
+    const { toggles } = useFeatureToggles();
     const { tekster, plainTekst } = useApp();
     const { skjema, valideringErOk, nullstillSkjema, validerFelterOgVisFeilmelding } =
         useArbeidsperiodeSkjema(gjelderUtlandet, personType, erDød);
@@ -137,41 +141,97 @@ export const ArbeidsperiodeModal: React.FC<ArbeidsperiodeModalProps> = ({
                     label={<TekstBlock block={teksterForModal.arbeidsgiver.sporsmal} />}
                 />
             )}
-            {fraDatoArbeidsperiode.erSynlig && (
-                <Datovelger
-                    felt={skjema.felter.fraDatoArbeidsperiode}
-                    skjema={skjema}
-                    label={<TekstBlock block={teksterForModal.startdato.sporsmal} />}
-                    avgrensMaxDato={periodenErAvsluttet ? gårsdagensDato() : dagensDato()}
-                />
-            )}
-            {tilDatoArbeidsperiode.erSynlig && (
-                <div>
-                    <Datovelger
-                        felt={skjema.felter.tilDatoArbeidsperiode}
-                        skjema={skjema}
-                        label={
-                            <TekstBlock
-                                block={
-                                    periodenErAvsluttet
-                                        ? teksterForModal.sluttdatoFortid.sporsmal
-                                        : teksterForModal.sluttdatoFremtid.sporsmal
+            {toggles[EFeatureToggle.SPOR_OM_MANED_IKKE_DATO] ? (
+                <>
+                    {fraDatoArbeidsperiode.erSynlig && (
+                        <MånedÅrVelger
+                            label={<TekstBlock block={teksterForModal.startdato.sporsmal} />}
+                            senesteValgbareMåned={
+                                periodenErAvsluttet ? gårsdagensDato() : dagensDato()
+                            }
+                            felt={skjema.felter.fraDatoArbeidsperiode}
+                            visFeilmeldinger={skjema.visFeilmeldinger}
+                            dagIMåneden={DagIMåneden.FØRSTE_DAG}
+                            kanIkkeVæreFremtid={true}
+                        />
+                    )}
+                    {tilDatoArbeidsperiode.erSynlig && (
+                        <div>
+                            <MånedÅrVelger
+                                label={
+                                    <TekstBlock
+                                        block={
+                                            periodenErAvsluttet
+                                                ? teksterForModal.sluttdatoFortid.sporsmal
+                                                : teksterForModal.sluttdatoFremtid.sporsmal
+                                        }
+                                    />
+                                }
+                                tidligsteValgbareMåned={minTilDatoForUtbetalingEllerArbeidsperiode(
+                                    periodenErAvsluttet,
+                                    skjema.felter.fraDatoArbeidsperiode.verdi
+                                )}
+                                senesteValgbareMåned={
+                                    periodenErAvsluttet ? sisteDagDenneMåneden() : undefined
+                                }
+                                felt={skjema.felter.tilDatoArbeidsperiode}
+                                visFeilmeldinger={skjema.visFeilmeldinger}
+                                dagIMåneden={DagIMåneden.SISTE_DAG}
+                                kanIkkeVæreFremtid={periodenErAvsluttet}
+                                kanIkkeVæreFortid={!periodenErAvsluttet}
+                                disabled={
+                                    skjema.felter.tilDatoArbeidsperiodeUkjent.verdi === ESvar.JA
                                 }
                             />
-                        }
-                        avgrensMinDato={minTilDatoForUtbetalingEllerArbeidsperiode(
-                            periodenErAvsluttet,
-                            skjema.felter.fraDatoArbeidsperiode.verdi
-                        )}
-                        avgrensMaxDato={periodenErAvsluttet ? dagensDato() : undefined}
-                        disabled={skjema.felter.tilDatoArbeidsperiodeUkjent.verdi === ESvar.JA}
-                    />
-                    <SkjemaCheckboxForSanity
-                        felt={skjema.felter.tilDatoArbeidsperiodeUkjent}
-                        label={plainTekst(teksterForModal.sluttdatoFremtid.checkboxLabel)}
-                    />
-                </div>
+                            <SkjemaCheckboxForSanity
+                                felt={skjema.felter.tilDatoArbeidsperiodeUkjent}
+                                label={plainTekst(teksterForModal.sluttdatoFremtid.checkboxLabel)}
+                            />
+                        </div>
+                    )}
+                </>
+            ) : (
+                <>
+                    {fraDatoArbeidsperiode.erSynlig && (
+                        <Datovelger
+                            felt={skjema.felter.fraDatoArbeidsperiode}
+                            skjema={skjema}
+                            label={<TekstBlock block={teksterForModal.startdato.sporsmal} />}
+                            avgrensMaxDato={periodenErAvsluttet ? gårsdagensDato() : dagensDato()}
+                        />
+                    )}
+                    {tilDatoArbeidsperiode.erSynlig && (
+                        <div>
+                            <Datovelger
+                                felt={skjema.felter.tilDatoArbeidsperiode}
+                                skjema={skjema}
+                                label={
+                                    <TekstBlock
+                                        block={
+                                            periodenErAvsluttet
+                                                ? teksterForModal.sluttdatoFortid.sporsmal
+                                                : teksterForModal.sluttdatoFremtid.sporsmal
+                                        }
+                                    />
+                                }
+                                avgrensMinDato={minTilDatoForUtbetalingEllerArbeidsperiode(
+                                    periodenErAvsluttet,
+                                    skjema.felter.fraDatoArbeidsperiode.verdi
+                                )}
+                                avgrensMaxDato={periodenErAvsluttet ? dagensDato() : undefined}
+                                disabled={
+                                    skjema.felter.tilDatoArbeidsperiodeUkjent.verdi === ESvar.JA
+                                }
+                            />
+                            <SkjemaCheckboxForSanity
+                                felt={skjema.felter.tilDatoArbeidsperiodeUkjent}
+                                label={plainTekst(teksterForModal.sluttdatoFremtid.checkboxLabel)}
+                            />
+                        </div>
+                    )}
+                </>
             )}
+
             {visFeiloppsummering(skjema) && <SkjemaFeiloppsummering skjema={skjema} />}
         </SkjemaModal>
     );

src/frontend/components/Felleskomponenter/Arbeidsperiode/ArbeidsperiodeOppsummering.tsx

@@ -3,13 +3,15 @@ import React from 'react';
 import { ESvar } from '@navikt/familie-form-elements';
 
 import { useApp } from '../../../context/AppContext';
+import { useFeatureToggles } from '../../../context/FeatureToggleContext';
 import { useSpråk } from '../../../context/SpråkContext';
+import { EFeatureToggle } from '../../../typer/feature-toggles';
 import { IArbeidsperiode } from '../../../typer/perioder';
 import { PeriodePersonTypeMedBarnProps, PersonType } from '../../../typer/personType';
 import { IArbeidsperiodeTekstinnhold } from '../../../typer/sanity/modaler/arbeidsperiode';
-import { formaterDato } from '../../../utils/dato';
+import { formaterDato, formaterDatostringKunMåned } from '../../../utils/dato';
 import { landkodeTilSpråk } from '../../../utils/språk';
-import { formaterDatoMedUkjent } from '../../../utils/visning';
+import { formaterMånedMedUkjent, uppercaseFørsteBokstav } from '../../../utils/visning';
 import { OppsummeringFelt } from '../../SøknadsSteg/Oppsummering/OppsummeringFelt';
 import PeriodeOppsummering from '../PeriodeOppsummering/PeriodeOppsummering';
 import TekstBlock from '../Sanity/TekstBlock';
@@ -33,6 +35,7 @@ export const ArbeidsperiodeOppsummering: React.FC<ArbeidsperiodeOppsummeringProp
     personType,
     erDød = false,
 }) => {
+    const { toggles } = useFeatureToggles();
     const { tekster, plainTekst } = useApp();
     const { valgtLocale } = useSpråk();
     const {
@@ -97,7 +100,16 @@ export const ArbeidsperiodeOppsummering: React.FC<ArbeidsperiodeOppsummeringProp
             {fraDatoArbeidsperiode.svar && (
                 <OppsummeringFelt
                     tittel={<TekstBlock block={teksterForModal.startdato.sporsmal} />}
-                    søknadsvar={formaterDato(fraDatoArbeidsperiode.svar)}
+                    søknadsvar={
+                        toggles[EFeatureToggle.SPOR_OM_MANED_IKKE_DATO]
+                            ? uppercaseFørsteBokstav(
+                                  formaterDatostringKunMåned(
+                                      fraDatoArbeidsperiode.svar,
+                                      valgtLocale
+                                  )
+                              )
+                            : formaterDato(fraDatoArbeidsperiode.svar)
+                    }
                 />
             )}
             {tilDatoArbeidsperiode.svar && (
@@ -111,9 +123,11 @@ export const ArbeidsperiodeOppsummering: React.FC<ArbeidsperiodeOppsummeringProp
                             }
                         />
                     }
-                    søknadsvar={formaterDatoMedUkjent(
+                    søknadsvar={formaterMånedMedUkjent(
                         tilDatoArbeidsperiode.svar,
-                        plainTekst(teksterForModal.sluttdatoFremtid.checkboxLabel)
+                        plainTekst(teksterForModal.sluttdatoFremtid.checkboxLabel),
+                        toggles[EFeatureToggle.SPOR_OM_MANED_IKKE_DATO],
+                        valgtLocale
                     )}
                 />
             )}

src/frontend/components/Felleskomponenter/Arbeidsperiode/useArbeidsperiodeSkjema.tsx

@@ -3,18 +3,21 @@ import { useFelt, useSkjema, Valideringsstatus } from '@navikt/familie-skjema';
 
 import { useApp } from '../../../context/AppContext';
 import { useEøs } from '../../../context/EøsContext';
+import { useFeatureToggles } from '../../../context/FeatureToggleContext';
 import useDatovelgerFeltMedUkjentForSanity from '../../../hooks/useDatovelgerFeltMedUkjentForSanity';
 import useInputFelt from '../../../hooks/useInputFelt';
 import useJaNeiSpmFelt from '../../../hooks/useJaNeiSpmFelt';
 import useLanddropdownFelt from '../../../hooks/useLanddropdownFelt';
 import useDatovelgerFeltForSanity from '../../../hooks/useSendInnSkjemaTest/useDatovelgerForSanity';
+import { EFeatureToggle } from '../../../typer/feature-toggles';
 import { PersonType } from '../../../typer/personType';
 import { IArbeidsperiodeTekstinnhold } from '../../../typer/sanity/modaler/arbeidsperiode';
 import { IArbeidsperioderFeltTyper } from '../../../typer/skjema';
 import {
     dagensDato,
     erSammeDatoSomDagensDato,
     gårsdagensDato,
+    sisteDagDenneMåneden,
     stringTilDate,
 } from '../../../utils/dato';
 import { minTilDatoForUtbetalingEllerArbeidsperiode } from '../../../utils/perioder';
@@ -33,6 +36,7 @@ export const useArbeidsperiodeSkjema = (
     personType: PersonType,
     erDød = false
 ) => {
+    const { toggles } = useFeatureToggles();
     const { tekster, plainTekst } = useApp();
     const { erEøsLand } = useEøs();
 
@@ -93,6 +97,10 @@ export const useArbeidsperiodeSkjema = (
         avhengigheter: { arbeidsperiodeAvsluttet, arbeidsperiodeLand },
     });
 
+    const tilArbeidsperiodeSluttdatoAvgrensning = toggles[EFeatureToggle.SPOR_OM_MANED_IKKE_DATO]
+        ? sisteDagDenneMåneden()
+        : dagensDato();
+
     const tilDatoArbeidsperiode = useDatovelgerFeltMedUkjentForSanity({
         feltId: ArbeidsperiodeSpørsmålsId.tilDatoArbeidsperiode,
         initiellVerdi: '',
@@ -104,7 +112,9 @@ export const useArbeidsperiodeSkjema = (
             ? !!erEøsLand(arbeidsperiodeLand.verdi)
             : arbeidsperiodeAvsluttet.valideringsstatus === Valideringsstatus.OK ||
               andreForelderErDød,
-        sluttdatoAvgrensning: periodenErAvsluttet ? dagensDato() : undefined,
+        sluttdatoAvgrensning: periodenErAvsluttet
+            ? tilArbeidsperiodeSluttdatoAvgrensning
+            : undefined,
         startdatoAvgrensning: minTilDatoForUtbetalingEllerArbeidsperiode(
             periodenErAvsluttet,
             fraDatoArbeidsperiode.verdi

src/frontend/components/Felleskomponenter/Datovelger/Datovelger.test.tsx

@@ -11,7 +11,7 @@ import { ISODateString } from '../../../typer/common';
 import { SkjemaFeltTyper } from '../../../typer/skjema';
 import * as datoUtils from '../../../utils/dato';
 import { dagensDato } from '../../../utils/dato';
-import { silenceConsoleErrors, TestProvidere } from '../../../utils/testing';
+import { silenceConsoleErrors, spyOnUseApp, TestProvidere } from '../../../utils/testing';
 
 import Datovelger from './Datovelger';
 
@@ -31,6 +31,7 @@ const IntlProviderMedLocale = ({ children }) => <IntlProvider locale="nb">{child
 
 describe('Datovelger', () => {
     beforeEach(() => {
+        spyOnUseApp({});
         silenceConsoleErrors();
         window.ResizeObserver = ResizeObserver;
     });

src/frontend/components/Felleskomponenter/Datovelger/Datovelger.tsx

@@ -1,11 +1,11 @@
 import React, { ReactNode, useEffect } from 'react';
 
 import { formatISO, isAfter, startOfDay } from 'date-fns';
-import { useIntl } from 'react-intl';
 
 import { BodyShort, ErrorMessage, DatePicker, useDatepicker } from '@navikt/ds-react';
 import type { Felt, ISkjema } from '@navikt/familie-skjema';
 
+import { useApp } from '../../../context/AppContext';
 import { useSpråk } from '../../../context/SpråkContext';
 import { ISODateString } from '../../../typer/common';
 import { SkjemaFeltTyper } from '../../../typer/skjema';
@@ -17,7 +17,6 @@ import {
     tidenesEnde,
     tidenesMorgen,
 } from '../../../utils/dato';
-import SpråkTekst from '../SpråkTekst/SpråkTekst';
 
 interface DatoVelgerProps {
     felt: Felt<ISODateString>;
@@ -44,8 +43,9 @@ const Datovelger: React.FC<DatoVelgerProps> = ({
     dynamisk = false,
     strategy = 'fixed',
 }) => {
-    const { formatMessage } = useIntl();
     const { valgtLocale } = useSpråk();
+    const { tekster, plainTekst } = useApp();
+    const { datoformatHjelpetekst, datoformatPlaceholder } = tekster().FELLES.hjelpeteksterForInput;
 
     const minDatoErIFremtiden = () =>
         tilhørendeFraOgMedFelt?.verdi &&
@@ -113,12 +113,8 @@ const Datovelger: React.FC<DatoVelgerProps> = ({
                     disabled={disabled}
                     size={'medium'}
                     label={label}
-                    description={
-                        <BodyShort>
-                            <SpråkTekst id={'felles.velg-dato.hjelpetekst'} />
-                        </BodyShort>
-                    }
-                    placeholder={formatMessage({ id: 'felles.velg-dato.placeholder' })}
+                    description={<BodyShort>{plainTekst(datoformatHjelpetekst)}</BodyShort>}
+                    placeholder={plainTekst(datoformatPlaceholder)}
                     error={!!(felt.feilmelding && skjema.visFeilmeldinger)}
                 />
             </DatePicker>