Time Picker

The Time Picker widget allows users to input or select a specific time value using a clock-style interface or manual entry. It ensures uniform formatting and is ideal for use cases where time needs to be captured accurately in a standardized format.

Common Use Cases

• Scheduling meetings, reminders, or alarms

• Logging time entries in attendance or timesheets

• Setting delivery or appointment times

• Selecting start and end times for events

• Time-based filtering or input in dashboards and forms

Widget Properties

• Select Time Format Allows users to define the display and input format for time values (e.g., HH:MM for 12-hour or HH:MM:SS for 24-hour formats). Ensures consistency in how time values are interpreted and submitted.

Step-by-step guide to use the Time Picker Widget Step 1: Add the Widget

Open the Widgets Panel, go to the Fields & Headers section, and drag & drop the Time Picker widget onto your page where time input is required.

Step 2: Configure Main Settings

Click on the widget to access the Panel Tab. Customize the label, default time, and alignment as needed to match the design and user expectations.

Step 4: Bind/Set Properties

In the Panel Tab, configure the Select Time Format: Choose from formats like HH:MM (12-hour) or HH:MM:SS (24-hour) to ensure input is captured accurately in the desired format.

Step 5: Preview or Finalize

Click the Run/Preview icon to test the Time Picker. Verify that it accepts valid time input, shows the correct format, and integrates with your data logic as intended.