Axon 911 Frontend DocsAxon 911 Frontend Docs
Axon 911 Frontend Docs
    Loading navigation…
U
User
Switch to light mode
  1. Calendar
  2. Date Input
  3. API and Development

Date Input

API and Development

View SourceOpens in a new tabSubmit IssueOpens in a new tab
DateInput from @prepared911/ui/date-input is a single-date field: a read-only formatted value and a calendar button that opens a Popover with a single-mode Calendar. Reset and Apply are required; day presses stay in a draft until Apply.
Required footer copy
NameTypeDescription
applyLabelLocalizedMessageApply in the calendar footer.
resetLabelLocalizedMessageReset in the calendar footer.
Clear
NameTypeDescription
clearLabelLocalizedMessageClear button on the field and in the panel. Commits null at once (reason InputChange), closes the popover and focuses the field. Required unless clearable={false}.
clearablebooleanWhen false, hides the clear button. Defaults to true.
Value
NameTypeDescription
value / defaultValueDate | nullLocal calendar day at midnight.
onValueChangehandlerFires when the committed value changes.
Import
Example
Previous
Date Input / Usage
Next
Date Input / Accessibility
On this page
Required footer copy
Clear
Value
Import
Example