widget:date-range

    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

    Param Type Details
    field string

    Field to apply filter to
    date-format
    (optional)
    		 string

    Date format to display
    from-label
    (optional)
    		 string

    From input label
    to-label
    (optional)
    		 string

    To input label
    on-set
    (optional)
    		 function

    Function 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)
    		 string

    The minimum view of the date picker to display. Values: 'year/month/day/hour/minute'. Default 'minute'.
    from-model
    (optional)
    		 string

    A binding to a scoped variable, the from date picker will be set using this value.
    to-model
    (optional)
    		 string

    A binding to a scoped variable, the to date picker will be set using this value.

    Example

    Source

    


    

    

    
Demo