Axon 911 Frontend Docs
    Loading navigation…
U
User
Switch to light mode
  1. Calendar
  3. Date Time Picker
  5. Usage

Date and time

Usage

Use DateTimeInput when the operator must commit one moment. The field shows the date and the time together and stores a Date. The popover holds a calendar and a list of times, with Reset, Clear and Apply.
Use DateInput when the time does not matter. Use TimeInput when the day is already chosen. Do not pair a calendar grid with native input type="time" elements; the field owns both.
The popover holds a calendar beside a time list, as tall as the calendar. A pressed day or time only changes the draft until Apply commits and closes. Reset restores the value held when the popover opened and stays open. Clear, when clearLabel is set and clearable is not false, empties the draft and stays open. Escape and an outside press close without committing. Apply is the only primary action; Reset and Clear are secondary, not destructive.
Previous
Time Picker / Accessibility
Next
Date Time Picker / API and Development