[Datepicker] How to enable table cells outside of range?

[IvanKalinin]

Is there a way to enable table cells that are outside of range?
For example, when January 2025 is selected, the dates outside the range but present on the screen (Dec 29-31 and Feb 1-2) are disabled.
Since I couldn't find a way how to enable them I created a feature request but wanted to check if there is a way to enable them.

[segunadebayo]

Did you try this prop?

[chipit24]

I have the exact same problem as @IvanKalinin. I tried setting :isDateUnavailable="() => false" (using Vue) but it doesn't help here 😞 I also tried setting :disabled="false" on DatePicker.TableCell as well as setting min and max (on DatePicker.Root) to a very large range, which likewise didn't solve the problem.

[IvanKalinin]

Yes, I tried the prop. But the dates outside the range remain disabled, no matter what. The function works as expected only for the dates in the range.

[chipit24]

As a temporary solution I just hid the disabled dates so this isn't confusing for users—would love to get a fix for this though 🙏

[segunadebayo]

Looked into this, and I believe the better solution to set the numOfMonths to match the available months shown in the UI.

numOfMonths: 2

[IvanKalinin]

Unfortunately, setting numOfMonths: 2 does not solve the issue.

The UI should show just a single month, and dates "out of range" should be clickable (or at least there should be an option that enables them).

If fact, those dates are disabled and isDateUnavailable behaviour does not change with increasing the numOfMonth value.