Goal
Replace the date range dropdown with date picker fields, keeping preset options as a convenience.
Changes
- Replace the single "Date Range" dropdown with:
- A Presets dropdown (e.g., "2026", "2022 - Q1", etc.) that auto-fills the date pickers when selected
- Two date picker fields (Start Date, End Date) that show the current period
- Users can manually edit the date picker values, which clears/overrides the preset selection
- The start/end dates are what get passed to
$gather — the preset is just a convenience for populating them
Key Files
frontend/src/layout/MainLayout/Header/HeaderContent/index.js — replace Selection with date pickers + presets
frontend/src/utils/queryHelper.js — simplify to pass raw start/end dates (no quarter conversion needed)
frontend/src/store/reducers/filter.js — change date state from preset ID to { start, end, preset } object
frontend/src/store/reducers/data.js — update buildMeasurePayload to use start/end directly
Goal
Replace the date range dropdown with date picker fields, keeping preset options as a convenience.
Changes
$gather— the preset is just a convenience for populating themKey Files
frontend/src/layout/MainLayout/Header/HeaderContent/index.js— replace Selection with date pickers + presetsfrontend/src/utils/queryHelper.js— simplify to pass raw start/end dates (no quarter conversion needed)frontend/src/store/reducers/filter.js— changedatestate from preset ID to{ start, end, preset }objectfrontend/src/store/reducers/data.js— updatebuildMeasurePayloadto use start/end directly