> ## Documentation Index
> Fetch the complete documentation index at: https://docs.mileapp.dev/llms.txt
> Use this file to discover all available pages before exploring further.

# Time

The **Time** input type enables field workers to enter a time-only value as part of a task.

## What is the Time Input?

Time captures the clock portion of an event (hours and minutes), presented as a time picker on both the web form and the mobile app. The stored format is `H:i` (e.g., `08:30`).

**Use Cases:**

* **Opening / closing hours**: Record store or warehouse operating times for a visit
* **Shift time**: Capture the start or end time of a worker's shift
* **Time window for delivery**: Define the earliest or latest acceptable delivery time

## Time Properties

<div align="center">
  <img src="https://mintcdn.com/mileapp-c1584fbc/OPAMjeo91qoaLUGM/images/flow/component-input-time-settings.png?fit=max&auto=format&n=OPAMjeo91qoaLUGM&q=85&s=630d55416d5492c6a63501e77e599cf6" alt="image" width="600" data-path="images/flow/component-input-time-settings.png" />

  <p><i>Component time input settings</i></p>
</div>

1. **Default Value:** This setting allows you to set a pre-filled time for this component. If a value is specified, any task created with this flow will use it as the initial value. The format follows `hh:mm`.
2. **Toggle Required:** This option makes the time input mandatory. If not filled, users cannot proceed to other activities.
3. **Toggle Visible:** This setting affects the visibility of the component during task creation on the web and mobile, as well as task viewing on the mobile app. If the component is not visible, it will not be shown in the UI. However, both visible and hidden component data will be exported, regardless of their visibility status.
4. **Show As:** This configuration, controls how the input value is displayed within the task. The value of this component will appear on the task table in the **Task** menu as the **Title**, **Content**, or **Label**, depending on the option selected.
5. **Route As:** This configuration, links the component to a form field in the **Routing/Visit** menu. The form field in Routing/Visit will be filled in automatically based on the option selected in the dropdown. For Time Input, this component can be mapped to **Open Time**, **Open Time 1**, **Open Time 2**, **Close Time**, **Close Time 1**, or **Close Time 2**.

## How to Configure Time

### Step 1: Add the Component

In the Flow Builder, click **Add Component** on the target page. Set **Component Type** to **Input** and **Type Of Input** to **Time**.

### Step 2: Set Basic Properties

Enter the component **Title** (e.g., "Opening Time"). Toggle **Required** and **Visible** as needed. Optionally enter a **Default Value** using the `hh:mm` format.

### Step 3: Configure Show As (optional)

In the **Configuration** section, set **Show As** to **Title**, **Content**, or **Label** to control how the time value appears on the task list in the Task menu.

### Step 4: Configure Route As (optional)

Still in the **Configuration** section, select a Routing/Visit field to map this value into. The Routing/Visit form will be auto-filled with this component's value. Valid options for Time Input: **Open Time**, **Open Time 1**, **Open Time 2**, **Close Time**, **Close Time 1**, or **Close Time 2** — used to define multiple service time windows on a visit.

## How Time Works in Tasks

<div align="center">
  <img src="https://mintcdn.com/mileapp-c1584fbc/OPAMjeo91qoaLUGM/images/flow/component-input-time-mobile.png?fit=max&auto=format&n=OPAMjeo91qoaLUGM&q=85&s=13ba8532c11c48e8d500bd422c043ad8" alt="image" width="300" data-path="images/flow/component-input-time-mobile.png" />

  <p><i>Time input on mobile preview</i></p>
</div>

When a field worker opens a task on the mobile app:

1. The Time field shows a **time picker** with the format `hh:mm`
2. The field may already be populated:
   * **From task creation**: If the task was created with a time value, it is pre-filled
   * **From Default Value**: The flow-level default appears if no value was provided at creation
3. The worker can change the time before completing the page

## Related

* [Date Component](/pages/flow/flow-builder/component-input-type/date) — Captures date only
* [Date Time Component](/pages/flow/flow-builder/component-input-type/date-time) — Captures both date and time
* [Input Component Overview](/pages/flow/flow-builder/component-input-type/component-input)