Input time
Renders a time input field.
Node name : input-time
Attributes
Bound
| Attribute | Type | Required | Default value | Description |
|---|---|---|---|---|
| property-name | string |
true |
UI view property name | |
| item | UI view | false |
@DatasourceCurrent |
Item to be bound to |
Unbound
| Attribute | Type | Required | Default value | Description |
|---|---|---|---|---|
| value | string |
true |
Input value. | |
| label | string |
false |
Input label. | |
| placeholder | string |
false |
Placeholder specifies a short hint that describes the expected value of an input field. The short hint is displayed in the input field before the user enters a value. | |
| disabled | bool |
false |
false |
Value indicating whether the input is disabled |
| readonly | bool |
false |
false |
Value indicating whether the input is read-only. |
| required | bool |
false |
false |
Value indicating whether the input is required. |
| message-text | string |
false |
Additional message displayed next to the component. Usually a warning or an error message. | |
| message-severity | string (information, warning, error) |
false |
Severity of the additional message displayed next to the component. | |
| documentation | string |
false |
Documentation | |
| tab-stop | bool |
false |
true |
Value indicating whether the input can be focused using the Tab key. |
| value-changed | string |
false |
Name of the method called when the value has changed. The first parameter is the value and the second is the current item of the data source (DatasourceCurrent) or the iterated item in a repeat component. |
|
| format | string |
false |
Used to display the selected time |
Common
| Attribute | Type | Required | Default value | Description |
|---|---|---|---|---|
| label-position | string (top, left, right, hidden) |
false |
top |
Input label position. |
| message-position | string (bottom, hidden) |
false |
bottom |
Input message position. |
| focused | bool |
false |
false |
Value indicating whether the component is focused. |
Remarks
The format string is expressed as a .NET-style Standard date and time format strings or Custom date and time format strings.
The following table describes some of the standard time format specifiers:
| Format | Description | Examples |
|---|---|---|
| t | Short time pattern. | 2009-06-15T13:45:30 -> 1:45 PM (en-US) 2009-06-15T13:45:30 -> 13:45 (fr-FR) |
| T | Long time pattern. | 2009-06-15T13:45:30 -> 1:45:30 PM (en-US) 2009-06-15T13:45:30 -> 13:45:30 (fr-FR) |
| hh:mm:ss.fff | Custom pattern. | 2009-06-15T13:45:30 -> 13:45:30.000 |
Examples
Bound
<input-time property-name="Time" />
Unbound
<input-time value="@Fields.Value" label="myLabel" disabled="true" readonly="true" required="true" />