search

gpbl / react-day-picker

DayPicker is a customizable date picker component for React. Add date pickers, calendars, and date inputs to your web applications.
https://daypicker.dev
MIT License
6.09k stars 732 forks source link

rendering of disabled outside days in range picker #2553

Closed tameoo closed 1 week ago

tameoo commented 3 weeks ago

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 image image

it should be like this image