​
Description

Creates two date-time picker inputs for setting a date range filter.

​
Usage

as element: 
<widget:date-range
       field="{string}"
       [date-format="{string}"]
       [from-label="{string}"]
       [to-label="{string}"]
       [on-set="{function}"]
       [min-view="{string}"]
       [from-model="{string}"]
       [to-model="{string}"]>
</widget:date-range>

​
Parameters

ParamTypeDetails
fieldstringField to apply filter to
date-format (optional)stringDate format to display
from-label (optional)stringFrom input label
to-label (optional)stringTo input label
on-set (optional)functionFunction to call when a date has been set instead of applying filters. Two arguments are passed to the function from Date object, to Date object
min-view (optional)stringThe minimum view of the date picker to display. Values: ‘year/month/day/hour/minute’. Default ‘minute’.
from-model (optional)stringA binding to a scoped variable, the from date picker will be set using this value.
to-model (optional)stringA binding to a scoped variable, the to date picker will be set using this value.

​
Example

​
Source

<widget:date-range field="date"></widget:date-range>

​
Result

Result