solid-ui
solid-ui copied to clipboard
Add 'TimeField' Field Type
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
- 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).
- 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}