For AI agents: the complete documentation index is available at https://a3s-lab.github.io/UI/v0.4.0/en/llms.txt, the full documentation bundle is available at https://a3s-lab.github.io/UI/v0.4.0/en/llms-full.txt, and this page is available as Markdown at https://a3s-lab.github.io/UI/v0.4.0/en/components/date-picker.md.
A3S UI
  • English
  • v0.4.0

      • Date Picker

      Collects one calendar date through the native input, preserving the browser, locale, and mobile platform selection experience.

      Live preview

      Usage

      <input class="input date-picker" type="date" value="2026-08-14" aria-label="Target date" />

      Contract

      SurfaceValue
      Root selectorinput.date-picker
      Native root<input>
      Statesready, disabled, invalid, read-only
      Eventschange, input
      Methods—

      Product boundary

      It does not own time zones, date ranges, recurrence, or natural-language parsing. A form composition validates and explains relationships between multiple dates.

      The component publishes a reusable interaction boundary only. Data fetching, persistence, permission, trusted content, and business entities remain host-owned.

      Accessibility

      Always provide a visible label and explain format, bounds, and errors beside the field. A placeholder is never the label.