FILTER: Filter By Date (Part 1 - Default selections)

[emmastephenson]

User Story

As a user of the eCR Library, I want to filter by date, so that I can only see eCRs from within a given date range.

Example: I only want to see eCRs for the last week, so I can identify issues.

Acceptance Criteria

• [ ] "Filter By Received Date" implemented for:
  • [ ] Last 24 hours
  • [ ] Last 7 days
  • [ ] Last 30 days
  • [ ] Last 3 months
  • [ ] Last 6 months
  • [ ] Last year
• [ ] When user applies filter for any of the above, only eCRs received in that date range are included
• [ ] My selection is shown as the button text (e.g. "Last 7 days")
• [ ] By default, only eCRs from the last 24h are shown

Scenarios

Scenario 1

• I click on the date filter button
• A menu appears with selectable presets
• I choose "Last 7 days"
• I click "Apply Filter"
• Only eCRs from the last week are shown

Design Notes

Link to Figma design in Dev mode Link to Figma prototype

Screenshots below should not be used for working on this ticket - always refer to Figma design for most up-to-date designs:

Additional context

This ticket does NOT include implementing or showing the custom date filter - that is a separate ticket.

This ticket includes both the frontend design implementation and the backend querying needed for full functionality.

[emmastephenson]

Notes from Planning:

• "Last year" == today's date minus one year (whatever the JS default is - setFullYear)
• May need a different default from dev mode (since last 24h is too fresh for our data)
• "Received Date" is what we're filtering by here - NOT by "Encounter Date"