Input Time Range

The Time Range Picker lets users select a start and end time on a Flow screen, with configurable formatting and labels.

The Input Time Range component lets users pick a start and end time on a Flow screen. It is useful for capturing availability windows, appointment slots, or any interval bounded by two times.

Overview

Set the initial start and end times, choose how the times are formatted, and customize the labels shown for each field. The selected values are returned to the Flow as output variables.

Configuration

Properties

• Start Time sets the initial start of the range.
• End Time sets the initial end of the range.
• Variant controls the label layout: Standard or Label Hidden.

Format

• Time Style sets how times are displayed: Short, Medium, or Long.
• Time Step (in Minutes) sets the step increment of the time inputs, in minutes (default 15, minimum 5).

Time Labels

• Start Time sets the label shown above (or beside) the start field.
• End Time sets the label shown above (or beside) the end field.

Use Cases

• Availability — capture the start and end of a time window a user is free.
• Appointment booking — collect a requested slot as a bounded time range.
• Filtering — let users define a time interval to scope a query or report.

Interactions

Change

Triggered when the selected start or end time changes, so a Flow interaction can react to the new range.

Styling

The Style tab exposes Margin, Padding, and Flow Dialog (spacing and appearance when the component is shown inside a Flow dialog).

Output Variables

Output variable	Type	What it returns
Start Time	Time	The selected start time.
End Time	Time	The selected end time.

Flow Interaction Output Variables

This component exposes Flow Interaction Output Variables — values surfaced to the interaction that fires on change, so a Flow interaction can read the updated range as it happens.

Troubleshooting

• The end time is before the start time — the component does not enforce ordering; add a Flow validation if start-before-end is required.
• Labels don't appear — set Variant to Standard; Label Hidden suppresses the field labels.