User stories
As a Query Builder user, I want to be able to input date values after selecting a property with date data type while creating a query.
Background
- Description: The DateInput allows users to enter dates in many formats, which it converts to Gregorian dates via Wikidata’s API. The DateInput component is built on top of the InputWithExtender component (see T340473).
- Previous implementations: A previous implementation of DateInput exists in the now deprecated WiKit design system (link to demo). As part of the migration of the Query builder to Codex, we need to create a Vue 3 version of this component.
Design specifications
To be added
| Link to Figma specifications |
Acceptance criteria
The new DateInput component is implemented following the design specifications:
- The DateInput component is built on top of InputWithExtender
- The component's visual properties match the design guidelines (see design specs)
- The component's interactive properties match the design guidelines (see design specs)
- The component adjusts to different reading directions (LTR, RTL)
- The component is fully usable via keyboard
Open questions and considerations
- Storage: It is yet to be determined if this element should be stored in, and distributed from, a potential library of "LOD components" (see T338631).