​
Example

{% range_calendar
  id=""
%}
  ...
{% /range_calendar %}

​
Attributes

​
id
String
required
The id of the date range picker to be used in SQL query templates (e.g., {{date_filter.between}})
​
title
String
Text displayed above the date range picker
​
defaultRange
String
default:"all time"
Default range preset to select on load
​
width
Number
Set the width of this component (in percent) relative to the page width

​
Available Filter Properties

When you reference a range calendar filter in inline queries using the {{filter_id.property}} syntax, the following properties are available:

​
.start

Returns the start date as a date expression (e.g., toDate(‘2024-01-01’)).

​
.end

Returns the end date as a date expression (e.g., toDate(‘2024-12-31’)).

​
.between

Returns a BETWEEN clause for the date range (e.g., BETWEEN toDate(‘2024-01-01’) AND toDate(‘2024-12-31’)).