# Time Input

## Time Input Overview

A Time Input component is helpful when you want the user of your app to easily select a specific time using the native Android or iOS date picker

![Native Android Time Picker on the left and iOS on the right](/files/-LnToCYZAQWY7dgHzB0y)

## Getting Started 

The Time Input component needs no set-up (Woohoo!). Just drag and drop the component into your project. As a bonus, the current time will automatically show up as a label.

When a user of your app taps on the Date Input, it will automatically launch the native Android or iOS date pickers.

## Set the time format

You can set the format of the time by simply choosing your desired format from the `Style` property

![](/files/-Lnyljd1XQ-gLJH7pbfr)

## Save the time

The time that a user selects will show up automatically in the Time Input label but if you want to save the date somewhere to be uploaded later, you'll need to add a block like the one below. 

![](/files/-Lnylwwu9N8OSsiO9AmY)

| Event Property | Output                               |
| -------------- | ------------------------------------ |
| Get Time       | Date in whichever format you specify |
| Get Hours      | Hour of the Day from `1-24`          |
| Get Minutes    | Minutes from `1-60`                  |

## Events

### Time Picked

![](/files/-MWdEXc4oifn51e7pB7-)

## Functions

### Get Hour 

![](/files/-MWdEht3nCQiwSaREzmi)

### Get Minute 

![](/files/-MWdEiyVKE-knlTI4qPS)

### Get Time 

![](/files/-MWdEk2u-J9YYP1lbeaR)

### Launch Picker

![](/files/-MWdElZVZfZu3OtewsmK)

## Properties

### Background Color 

![](/files/-MWdF851BZbdXcWXuNmU)

### Color 

![](/files/-MWdF9J9j97XK-6FCUGr)

### Computed Height and Width 

![](/files/-MWdFAVd35sg-Nxp--KO)

### Font Size 

![](/files/-MWdFBrAJFONxB4eKouO)

### Font Style 

![](/files/-MWdFCyv8f1hGcFyz1wU)

### Font Weight 

![](/files/-MWdFE7yClDZG-aLuP5N)

### Style

###  

![](/files/-MWdFFIh3n2aLpMv_MDN)

### Text Align 

![](/files/-MWdFH16ac3W6UKX0bmu)

### Visible

![](/files/-MWdFIPizivSNTF3uuvR)


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://docs.thunkable.com/snap-to-place/time-input.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.