Add Calendar Filter for Flexible Date Selection in Dashboards · avo-hq/avo#3298

(19 comments) (1 reaction) (0 assignees)Ruby (1,778 stars) (308 forks)user submission

Help wantedHigh Impact

説明

Feature

Replace or supplement the existing static filters with a calendar-based filter that allows users to:

Choose custom start and end dates.
Provide more granular control over the data displayed in the dashboard analytics.

Users may want to filter data for a specific event period or to compare performance between specific custom date ranges (e.g., a custom date filter for an entire month rather than just predefined "30 days").

Current workarounds

Currently, the dashboard (specifically in the Orders Analytics section) provides static filters for date ranges like "7 days", "30 days", "60 days", etc. (as shown in the attached screenshot). To improve flexibility and user experience, we request the addition of a calendar filter that allows users to select custom date ranges rather than predefined static filters.

Screenshots or screen recordings

Screenshot from 2024-10-02 15-01-47

Additional context

Please consider adding this calendar-based filter to all sections of the dashboards where static date filters are currently available.

コントリビューターガイド

技術スタック: ruby
領域: frontendanalytics
Issue 種別: feature
難度: 3
推定時間: 1-2 days
活動状況: active
明確さ: clear
前提条件: Ruby on RailsAvo framework basics
初心者向け度: 55
調査方針: Start by reading the 19 comments on this issue to understand any design constraints or preferences. Locate the existing static date filter in the Orders Analytics section (likely in app/components or app/views/dashboards). Review the Avo documentation for custom filters and consider using a JavaScript date picker like flatpickr. The implementation should replace or supplement the static filters with a calendar based selector, integrating with the current filter query parameters. Look at similar filter components in the codebase for pattern guidance.