solid-ui icon indicating copy to clipboard operation
solid-ui copied to clipboard

Add 'TimeField' Field Type

Open brownhoward opened this issue 6 years ago • 0 comments

User Story

As a Form Designer, I want the ability to specify time fields within the Form Model, so users can enter times.

Acceptance Criteria

  1. In a Form Model, include a 'TimeField' data field where can optionally define the minimum and maximum values for the entered time (in seconds since midnight).
  2. When the Form Model is rendered, an appropriate Time picker is displayed allowing the user to enter the time.

Proposed TimeField Design

:trainArrivalTime a ui:TimeField ;
    ui:label "Arrival Time: "@en ;
    ui:minValue "06:00:00" ;
    ui:maxValue "21:59:59" ;
    ui:property TrainTrip:arrivalTime .

Example Form Model

  • Form Model: https://solidsdk.inrupt.net/public/FormLanguage/examples/FormModel/TimeField.ttl#formRoot
  • Data Source: {Your WebID}

brownhoward avatar Sep 27 '19 19:09 brownhoward