> For the complete documentation index, see [llms.txt](https://docs.thunkable.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.thunkable.com/snap-to-place/time-input.md).

# 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)