Page MenuHomePhabricator

[WtC] (Re)implement DateInput component
Open, Needs TriagePublic

Description

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).

Event Timeline

Sarai-WMDE renamed this task from (Re)implement DateInput component to [WtC] (Re)implement DateInput component.Jul 24 2023, 2:18 PM