Axon 911 Frontend DocsAxon 911 Frontend Docs
Axon 911 Frontend Docs
    Loading navigation…
U
User
Switch to light mode
  1. Calendar
  2. Advanced Date Range Picker
  3. Usage

Date range

Usage

Use DateRangeInput when the operator commits a span of days: a report window, a created-between filter, a shift range. The value is { start, end } of local dates. Do not build the span from two DateInputs unless the two dates are unrelated. The popover opens on Before, After, and Between, with Reset and Apply, when modeLabels, modeSelectLabel, applyLabel, and resetLabel are set. Between stays selected until the value holds one end. Before keeps an end, After keeps a start, and Between keeps both. Pass one modes entry to hide the strip (ui-calendar rangeOnly). type DateRangeInputType.DateTime adds time fields under the calendar. For ui-calendar disablePastDates and disableFutureDates, use createAdvancedDateRangeDisabledForMode with isDateDisabledForMode and the same referenceDate as today. Use disableFuture on the field when every mode must block future days.
Previous
Event Recurrence Picker / Accessibility
Next
Advanced Date Range Picker / API and Development