<DemoItem label="Uncontrolled calendar">
  <DateRangeCalendar
    defaultValue={[dayjs('2022-04-17'), dayjs('2022-04-21')]}
  />
</DemoItem>
<DemoItem label="Controlled calendar">
  <DateRangeCalendar
    value={value}
    onChange={(newValue) => setValue(newValue)}
  />
</DemoItem>