To create a time field associated with data, dataContainer and property attributes should be used:

<data>
    <instance id="orderDc" class="com.company.sales.entity.Order" view="_local">
        <loader/>
    </instance>
</data>
<layout>
    <timeField dataContainer="orderDc" property="deliveryTime"/>
</layout>

If the field is not connected to an entity attribute (i.e. the data container and attribute name are not set), you can set the data type using the datatype attribute. TimeField uses the following data types:

The time format is defined by the time datatype and is specified in the main localized messages pack in the timeFormat key.

The time format can also be specified in the timeFormat attribute. It can be either a format string, or a key in a message pack (with the msg:// prefix).

Regardless of the mentioned above format display of seconds can be controlled using showSeconds attribute. By default, seconds are displayed if the format contains ss.

<timeField dataContainer="orderDc" property="createTs" showSeconds="true"/>