Gå til hovedinnhold

Når bruker du RangeCalendar

RangeCalendar brukes når brukeren skal velge en periode — en fra- og til-dato. Typiske bruksområder er bookingflyter, ferievelgere og rapportfiltre. For enkeltdatovalg, bruk Calendar i stedet.

Flere måneder

For perioder som ofte strekker seg over månedsgrenser anbefales det å vise to måneder samtidig. Dette gir brukeren bedre oversikt og reduserer behovet for navigering. Se Utvikling-fanen for implementering.

To måneder synlig

Felles funksjonalitet med Calendar

RangeCalendar støtter de fleste av funksjonene fra Calendar: tilpasset styling av enkeltdatoer, ukenummer og visning av datoer utenfor måneden. Se Calendar-dokumentasjonen for retningslinjer, og Utvikling-fanen for implementering.

Trenger du et inputfelt?

RangeCalendar er en frittstående kalender. Trenger du et inputfelt med kalender i popover, se DatePicker.

Kom i gang

RangeCalendar fungerer med samme datoobjekter som Calendar, men tar inn og returnerer et objekt med start og end i stedet for én enkelt dato.

Grunnleggende bruk

Vise flere måneder samtidig

visibleDuration med to måneder

Komponentprops

RangeCalendar

Denne komponenten har ingen props