[@mantine/dates] Apply numberOfRows consistently to year and decade levels

[QuaduxIT]

Summary

When using Calendar with
umberOfColumns +
umberOfRows, month level supports the expected multi-row layout, but year/decade levels are not fully aligned with the same behavior.

Proposal

Apply
umberOfRows consistently across all Calendar levels:

• month
• year
• decade

This keeps visible panel count and navigation edge logic consistent across levels.

Notes

I already prepared an implementation and can open a PR.

[QuaduxIT]

Hi there! 👋

I wanted to share some more context here since I already have a working implementation ready in PR #8690.

The gap:
Currently, Calendar only supports numberOfColumns to render multiple panels in a single horizontal row. But there's no built-in way to create a multi-row grid of panels — for example, a 3×2 layout to show 6 months, or a 2×2 layout for a compact year overview.

What the PR adds:
A new numberOfRows prop that works across all calendar levels (month, year, and decade). Combined with numberOfColumns, this allows flexible grid layouts like numberOfColumns={3} numberOfRows={2} for a full 6-month view. Navigation and edge logic are handled consistently across all levels. All tests pass and new ones covering the added behavior are included.

If anyone else has needed a multi-row calendar layout, I'd appreciate a 👍 on the PR to help move things forward. Feedback on the implementation is very welcome!

Thanks for your time 🙏

[QuaduxIT]

Update — standalone package available

Since this hasn't moved forward upstream and I needed the feature in production, I went ahead and published it as a standalone package:

📦 mantine-calendar-rows on npm — source on GitHub

It provides drop-in wrappers around @mantine/dates (Calendar, DatePicker, DatePickerInput, DateTimePicker, MonthPicker, YearPicker, plus the input variants and level groups) that add a numberOfRows prop. No fork — the unmodified upstream @mantine/dates is a peer dependency, so it rides along with whatever Mantine version you're on.

Under the hood it uses Mantine's public StylesApi to switch the inner levelsGroup slot from flex to a CSS grid with numberOfColumns columns × numberOfRows rows. withNext / withPrevious / chevron logic keeps working correctly because Mantine still sees a single logical row of N levels — only the visual layout is rearranged.

Usage is just an import swap:

// before
import { DatePicker } from "@mantine/dates";
// after
import { DatePicker } from "mantine-calendar-rows";

Given that, I'm withdrawing PR #8690 and this discussion can be closed. Thanks to the Mantine team for considering it and to everyone who 👍'd along the way. If anyone else needs multi-row calendar layouts in the meantime, the package is Apache-2.0 and ready to use.