RangeCalendar

• RangeCalendar brukes når brukeren skal velge en periode — en fra- og til-dato. Typiske bruksområder er bookingflyter, ferievelgere og rapportfiltre.

• du trenger et enkelt datovalg, bruk Calendar i stedet
• du trenger et inputfelt med kalender i popover, bruk DatePicker i stedet

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 Kode-fanen for implementering.

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 Kode-fanen for implementering.

() => {
  const [range, setRange] = React.useState(null);
  return (
    <RangeCalendar
      value={range}
      onChange={setRange}
      locale="nb-NO"
      visibleDuration={{ months: 2 }}
    />
  );
}