Month-range picker — pick the shape

Four working variations of a from/to month+year selector, per Gera's 08-31 ask ("select the year and the month for from, then the year and the month for to — Google Flights does something similar"). Every one below is live — click around, then check the one to adopt at the bottom. Nothing in the app changes until a variation is chosen.

2026-08-31 · context: the shipped MonthRangePicker (#6688) leads with preset pills; this explores explicit from→to selection. Demo data pins "now" = Aug 2026.

AFlights dual-pane — two years side by side

Closest to Google Flights: one field, one popover, two year panes visible at once. First click sets from, second sets to, months between tint. Fastest for ranges that straddle a year boundary; heaviest visually.

BTwo-step single pane — From tab, then To tab

Your narration, literally: pick year+month for From, the picker flips to To, pick year+month again. One compact pane, an explicit step indicator showing what each side holds. Least screen space of the grid options; two clicks minimum, always.

CTwo separate fields — From [___] → To [___]

AppFolio's shape: two labeled fields, each opens its own single year+month grid. Most explicit about which side you're editing and easiest to re-edit just one end later; takes the most toolbar width.

DPresets first, Flights grid behind "Custom"

Keeps the quick ranges PMs use daily (3m / 6m / 12m / YTD) one tap away, and the full dual-pane from→to grid appears only when "Custom" is picked. The evolution of what shipped in #6688 rather than a replacement — least relearning.

Your pick — check ONE to adopt (state saves per person)

A — Flights dual-pane
B — Two-step single pane
C — Two separate fields
D — Presets + Custom grid

Once one is checked (or you say it in Slack), the adopt lane replaces the shipped picker's custom-range surface with that shape everywhere the component mounts — charts and the leasing tab both, since it's one component.

PropFlow Docs