Add Quick Select Presets (e.g., "Last Month", "Last 3 Months") to DateRange Component

💬 Feature Requests
1

**Feature Request:**
Enhance the DateRange UI component by adding quick-select preset date ranges (e.g., "Last Month", "This Month", "Last 3 Months", "Year to Date"). These presets would complement the existing custom date picker, enabling users to quickly apply common time filters without manual input.

Why This Matters:

  • Speed and Efficiency: Teams frequently need to analyze data for recurring intervals (e.g., monthly reports, quarterly reviews). Presets eliminate repetitive manual date selection.
  • Reduced Errors: Predefined ranges ensure accuracy (e.g., "Last Month" always refers to the previous full month).
  • UX Alignment: Matches conventions in tools like Google Analytics, Shopify, and Salesforce, which offer similar presets for faster navigation.

Suggested Presets (Configurable):Preformatted text

  • Last Week / This Week
  • Last Month / This Month
  • Last 3 Months / Last 6 Months
  • Year to Date (YTD)
  • Custom (retain existing functionality)

Implementation Idea:

  • Add a dropdown or button group within the DateRange component to toggle presets.
  • Allow developers to configure which presets appear (via component settings) and customize labels if needed.

Closing:
This small but impactful update would streamline workflows for Retool users and align the DateRange component with industry-standard UX patterns.

Thank you for considering!

4 Likes
2

Agree, this would be very helpful. Usually I already have a JS prepared for this, but it is time consuming setting the query, the filters, the event actions ,etc....

Definitely a +1

1 Like
3

+1

2 Likes
4

Thanks for the feedback everyone! I've added these +1s to the feature request we're tracking internally.

1 Like