Skip to content

This issue was moved to a discussion.

You can continue the conversation there. Go to discussion →

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

rendering of disabled outside days in range picker #2553

Closed
tameoo opened this issue Oct 22, 2024 · 0 comments
Closed

rendering of disabled outside days in range picker #2553

tameoo opened this issue Oct 22, 2024 · 0 comments

Comments

@tameoo
Copy link

tameoo commented Oct 22, 2024

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

@tameoo tameoo changed the title rendering of outside days in range picker rendering of disabled outside days in range picker Oct 22, 2024
Repository owner locked and limited conversation to collaborators Nov 6, 2024
@gpbl gpbl converted this issue into discussion #2575 Nov 6, 2024

This issue was moved to a discussion.

You can continue the conversation there. Go to discussion →

Labels
None yet
Projects
None yet
Development

No branches or pull requests

1 participant