The band renders at the resolution that frames the current span (here Quarter, since the span runs over a month). The span comes from the timespan selector we already have — no picker here. Below: ways to make the selection unmistakable, each carrying an outline. Drag across any band to test another span.

The component's native drag look — endpoints deepen, midpoints sit at a mid tint, endpoint outline only.

True tints kept; everything outside the span fades back, with a bounding outline on the span.

Tints untouched; a blue rail runs beneath the span, no outline.

Both at once — the rest recedes and the span is underscored by the blue rail.

The whole span carries the deep selected tint (not just endpoints), with a soft outline.

Tints left alone; a strong 2px blue window wraps the full span, opening across the month rows.

The span lifts off the page — surroundings dim and desaturate, the span keeps colour, gains a strong outline and a drop shadow, like a selection marquee.

Same band, day blocks trimmed to ~28px so the three months take less height. Weekday letters kept. (Shown with the dim + underline treatment.)

All twelve months at the compact block height — the whole year fits in far less vertical space.

Blocks dropped to ~20px with the weekday letter removed, leaving just the date — the tightest the year band goes while staying legible.