Description:

Renders a time selection control

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 Save button to confirm the changes 
• Double-click on the Hour drop-down widget to configure the inputs as shown in the below graphic. 

• Click on Conditions tab and configure the inputs as shown in the below graphic. Add Display Condition. Type-in the Field name to control the display. 

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

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

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

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