I have this list view as a custom component and the choice chips are not a custom component. This list view is a list of "Calls" for a towing company. Each "Call" has a single status step at a time; there are 6 status steps that each "Call" goes through before reaching completed or canceled. From status steps 1-6 the "Call" is "Active". When the "Call" reaches "Completed" or "Cancelled" the "Call" no longer becomes "Active" which is why there are only three choice chips. How do I filter the list by the selected choice chips? Do I need the choice chips to be a custom component? Are there any custom states I need to set to get the list to filter the way I'm looking for? When it comes to the "Completed" or "Cancelled" choice chips, the list needs to only show the completed or canceled "Calls" for the current day not all time. Each "Call" has a Boolean for each of it's 8 status steps, plus an additional Boolean called "isActive" that is set to true when the call is created and is in its status steps from creation to "Completed" or "Canceled" and is triggered to false when the "Call" reaches it's "Completed" or "Canceled" status.
If it helps, I'm using Firebase as my backend.
Screenshot: Dispatch page with the choice chip options and the list view component.
