Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

FILTER: Filter By Date (Part 2 - Custom selection) #2753

Open
4 tasks
emmastephenson opened this issue Oct 11, 2024 · 2 comments · May be fixed by #3117
Open
4 tasks

FILTER: Filter By Date (Part 2 - Custom selection) #2753

emmastephenson opened this issue Oct 11, 2024 · 2 comments · May be fixed by #3117
Assignees
@angelathe
Labels
needs design review The PR for this issue will need design review before merging Streamline eCR Issues for Streamline eCR team to work on

Comments

@emmastephenson
Copy link
Collaborator

emmastephenson commented Oct 11, 2024 •
edited
Loading

WIP

User Story

As a user of the eCR Library, I want to filter by custom dates, so that I can only see eCRs from within a specific range I'm interested in.

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

Acceptance Criteria

  • "Filter By Received Date" implemented for custom date range
  • When a user chooses "Custom date range", they must populate the start and end dates
  • When user applies the custom filter, only eCRs received in that date range are included
  • My selection is shown as the button text (e.g. "From 10/7/2024 to 10/10/2024")

Scenarios

Scenario 1

  • I click on the date filter button
  • I choose "custom date filter"
  • I select start date
  • A modal datepicker appears and I choose my date
  • I choose my end date
  • When "Apply Filter" is clicked, only eCRs from within my range appear

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:
Screenshot 2024-10-11 at 8.35.39 AM.png

Additional context

This ticket includes both the frontend design implementation and the backend querying needed for full functionality.
@emmastephenson emmastephenson added needs design review The PR for this issue will need design review before merging Streamline eCR Issues for Streamline eCR team to work on labels Oct 11, 2024
@emmastephenson emmastephenson changed the title Copy of FILTER: Filter By Date (Part 1 - Default selections) FILTER: Filter By Date (Part 2 - Custom selection) Oct 11, 2024
@emmastephenson
Copy link
Collaborator Author

Not totally sure which date picker component to use (USWDS or input type date). Will need to chat with Ashton + possibly SR developers to determine what's been done elsewhere.

@angelathe angelathe self-assigned this Dec 17, 2024
@angelathe
Copy link
Collaborator

@ashton-skylight Hi! Confirming we want to use the USWDS Date Picker component?

Just wanted to point out that there are "known issues" with the component, listed here

@angelathe angelathe linked a pull request Jan 9, 2025 that will close this issue
Open
5 tasks
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees

@angelathe angelathe

Labels
needs design review The PR for this issue will need design review before merging Streamline eCR Issues for Streamline eCR team to work on
Projects
None yet
Milestone
No milestone
Development

Successfully merging a pull request may close this issue.

Filter by Date Pt. 2 - Custom date selection CDCgov/phdi
2 participants
@angelathe @emmastephenson