Analytics Filters — DetailPage (424px)
Analytics Filters
Date Range
Today
Included Users
KSKarla JMJake DBDevon
Locations
Locations only render when the dealership is multi-location; when empty, all locations are included. Lead Source
Credit App Phone
Traffic Source
Select Traffic Source
Inventory

Engineer reference — Analytics Filters (native FilterPageForm grammar, extracted from features/leads/filter/*; production titles it "Dash Filters" — the title follows the tab name). Chrome: header = title + a blue-01 "Apply Filters" text action + a gear icon (opens filter settings, incl. "Reset filters when switching to Sales tab" — not mocked) + the x close; footer = "Clear All Filters" (secondary) + "Apply Filters" (primary) filling the row. The app's dashboard filter TODAY = Date Range (dashShortcuts: Today / Yesterday / Last 7 Days / Last 30 Days / This Month / Last Month / Last 90 Days) + Included Users (AssignmentFilterType all / my / specific / unassigned → dealerIds) + Locations. Preset tiles are outlined; SELECTED = blue-01 border + blue-02 fill + blue-01 text (single-select, never toggles off). Multiselect chips (Locations / Inventory) follow the shared atom: UNSELECTED = gray-06 filled pill (no outline), SELECTED = blue-02 fill + blue-01 text + trailing x. Section headers are full-width gray-07 bands with a gray-06 bottom border in the container-title text style (Title Case, not small uppercase). On desktop the panel PUSHES the content (split-view — the content column narrows while the panel is open), never covers; mobile is a full-screen sheet. A manually-dragged range turns the field blue and opens a dual-month popover (two side-by-side months, each with month + year dropdowns, outer prev/next chevrons, Sun–Sat headers; endpoints = filled dark-blue rounded squares, in-between = gray-06 squares, all blue text; the popover is wider than the panel and overflows past its left edge). Chip-trigger SELECTED-STATE LAW (reusable for every chip-trigger field): chips inside the field render blue-01 outline + blue-02 fill + blue-01 text/x, and the field gains a trailing pencil icon button (blue-01-outlined square) that reopens the picker for editing — applied to Included Users and Lead Source. The Team/Mine header chips map to Included Users All / Only Me. Lead Source / Traffic Source / Inventory are PRESCRIPTIVE — the backend breaks reports down by these but does not filter the dashboard on them yet; Lead/Traffic Source are ChipSelectorTriggerBody fields (search overlay), Inventory is a ChipsMultiselectPicker (New / Used; no "All" — empty = all). Zero new global atoms; page-scoped styles only.

Date Range — dual-month custom-range popover (overflows the panel's left edge)
July 2026
SuMoTuWeThFrSa 293012345 6789101112 13141516171819 20212223242526 272829303112
August 2026
SuMoTuWeThFrSa 272829303112 3456789 10111213141516 17181920212223 24252627282930
A dragged range (Jul 7 → Jul 21) sets the field to its blue manual state (below).
Jul 7 – Jul 21
Included Users — mode menu (single-select)
Included Users — Specific Users overlay (multi-select)
Lead Source — chip-trigger search overlay (multi-select)