YearSelector

@/components/ui/YearSelector

To IconButton + et årstall — bla år for år gjennom historikk.

Når brukes den

Bla gjennom historikk år for år — Årsmøte, HMS-historikk.
Sett `max` til inneværende år når fremtidig historikk ikke finnes ennå — sperrer «neste år»-knappen.
Pilene er bevisst nøytrale IconButton (sm) i én felles ramme (samme kant/flate som Button secondary) — de tar bare farge ved hover/fokus, så de ikke overstyrer årstallet visuelt. Se toppkommentaren for begrunnelsen.
Ikke bruk for et fritt valg blant mange spredte enkeltår — bruk Select eller Dropdown.

Standard

Fri bevegelse begge veier, ingen øvre eller nedre grense.

2024

<YearSelector year={year} onChange={setYear} />

Sperret ved maks

`max` sperrer «neste år»-knappen — for historikk som ikke finnes ennå.

2026

Sperret ved inneværende år (2026)

<YearSelector year={year} onChange={setYear} max={new Date().getFullYear()} />

Sveip tabellen for å se hele innholdet

Navn

Type

Default

Beskrivelse

year *

number

—

Valgt år.

onChange *

(year: number) => void

—

Kalles med nytt år.

max

number

—

Sperrer «neste år»-knappen ved denne verdien. Uten grense: alltid mulig å gå fremover.