Description:
Renders a time selection control.
Inputs
- FormID - Name of the widget generated by FlowWright (read-only field)
Design:

Example:
Let’s build and execute the “TimeWidgetDef” example.
- Create a new form definition called “TimeWidgetDef.”
- Select the Open Designer checkbox and click the “Create” button
- Drag a Time widget to the canvas
- Double-click on the Time widget to view the input/properties. The popup window will appear as shown in the below graphic

- Select the relevant time zone from the drop-down
- Click on the Save button to confirm the changes
- Double-click the “Hour” drop-down widget to configure the “Static” properties.

- Double-click the “Hour” drop-down widget to configure the “Database” properties.

- Double-click the “Hour” drop-down widget to configure the “Role” properties.

- Double-click the “Hour” drop-down widget to configure the “Lookup” properties.

- Click on the Conditions tab and configure the inputs as shown in the graphic below. Add display condition. Type in the field name to control the display.

- Click on the Styling tab and configure the inputs as shown in the below graphic.

- Click on the Other tab and configure the inputs as shown in the graphic below.

- Double-click on the Meridiem widget to configure the inputs as shown in the graphic below

- Click on the Save button and Close the popup window
- Navigate to the UI menu and Preview the form. The rendered widget will appear as shown in the below graphic.
