14.06 / Calendar

Date range picker — reporting window

Side-by-side two-month picker with preset chips: Today, Yesterday, Last 7 days, This month, Last month, Custom. Used for invoice ranges, parts forecasting, and reporting filters.

Production answer

Date range picker — reporting window is a reusable Oak Flats Muffler Men UI primitive with documented states, accessibility expectations, theme behavior, and implementation evidence.

Primary CTAReview Date range picker — reporting window states
Generative search brief

Date range picker — reporting window: Side-by-side two-month picker with preset chips: Today, Yesterday, Last 7 days, This month, Last month, Custom. Used for invoice ranges, parts forecasting, and reporting filters.

May 2026 — June 2026
May 2026
27
28
29
30
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
1
2
3
4
5
6
7
June 2026
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
1
2
3
4
5
6
7
8
9
10
11
12
Behaviour

First click sets the start. Second click sets the end and emits onChange with a normalised range — order does not matter, the picker swaps the ends if needed. Selecting any preset both fires onChange and re-pivots the dual-month view to the new range start.