Looking for the old site?

App Studio

How To
Documentation
    Learn More

      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

      ParamTypeDetails
      fieldstring

      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