Skip to content

Manual Date Range Entry with Presets #29

@blakenan-bellese

Description

@blakenan-bellese

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

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    No type

    Projects

    No projects

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions