Learn how to use Formora’s date range selector with presets to filter your analytics data for specific time periods, including limitations for Free plan users.
DateRangePickerWithPresets
component is your primary tool for this.
DateRangePickerWithPresets
) is a prominent and persistent element on your Formora analytics page. It typically appears near the top, allowing you to easily adjust the timeframe for your analysis.
The Date Range Picker with Presets in the Formora Analytics Page
DateRangePickerWithPresets
provides a combination of preset date ranges for convenience and a custom range option for precise selection. All dates are treated as Start of Day for from
and End of Day for to
.
Preset Ranges
Custom Range
maxHistoricalDays
prop (set to 7 for Free plan) in the DateRangePickerWithPresets
will restrict the selectable “from” date to ensure it doesn’t go beyond 7 days in the past from the selected “to” date, or 7 days from today if no “to” date is yet selected.AnalyticsStatsCards
), Submissions Over Time chart (SubmissionsOverTimeChart
), Device Breakdown chart (DeviceBreakdownChart
), Geolocation Globe (GeolocationGlobe
) & Table (LocationBreakdownTable
), Top Referrers card (TopReferrersCard
), and UTM Sources table (UTMSourcesTable
)—will refresh to display data only from within that chosen timeframe. (Exception: “Total Views” in AnalyticsStatsCards
remains all-time).page.tsx
component re-fetches response data from Supabase, applying gte
(greater than or equal to) for the start date and lte
(less than or equal to) for the end date to the created_at
field of the responses. For Free plan users, the query itself is adjusted to not request data older than 7 days from the present, even if the picker visually allows a broader selection that then gets corrected.Formora Analytics Dashboard showing various components updated to reflect a selected date range.