rendering of disabled outside days in range picker

[tameoo]

Code

import { DayPicker } from "react-day-picker";

export function Start() {
  return (
    <DayPicker
        mode='range'
        numberOfMonths={3}
        selected={range}
        startMonth={fromMonth}
        endMonth={toMonth}
        month={month}
        fixedWeeks
        showOutsideDays
        weekStartsOn={1}
        onMonthChange={changeMonth}
        onSelect={changeRange}
        disabled={[
          {
            before: fromMonth,
            after: toMonth,
          },
        ]}
      />
  );
}

Expected Behavior

it should add ouside days till 10th of november

Actual Behavior

just stops on 7th november if i specified endMonth as 31of october

Screenshots

this is my actual custom layout with responsive cells

it should be like this

[gpbl]

Hey @tameoo, it seems like your code isn’t working. it is missing the declaration of the variables that you’re passing to the props. If you can share your code, I’ll try to reproduce the issue and help you out!