# Time Input (Saisie du temps)

* [Pour commencer](#getting-started)
* [Définir le format de l'heure](#set-the-time-format)
* [Stocker l'heure](#save-the-time)

Un composant de saisie de l'heure est utile lorsque vous souhaitez que l'utilisateur de votre application puisse facilement sélectionner une heure spécifique en utilisant le sélecteur de date natif d'Android ou d'iOS

![Sélecteur de temps Android natif sur la gauche et iOS sur la droite](https://549775582-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MQb_PhIRrBnThcbXLKN%2F-MQu2LUuttxiCtq14gNk%2F-MQu2kr5A05n-nnzOD_b%2Ftimeinput1.png?alt=media\&token=352e63c3-eab9-4119-8106-aa2214463b8c)

## Pour commencer <a href="#getting-started" id="getting-started"></a>

Le composant Time Input ne nécessite aucune configuration (Woohoo !). Il suffit de faire glisser et de déposer le composant dans votre projet. En bonus, l'heure actuelle apparaîtra automatiquement sous forme d'étiquette.

Lorsqu'un utilisateur de votre application tape sur l'entrée de date, il lancera automatiquement les sélecteurs de date natifs d'Android ou d'iOS.

## Définir le format de l'heure <a href="#set-the-time-format" id="set-the-time-format"></a>

Vous pouvez définir le format de l'heure en choisissant simplement le format souhaité dans la propriété `Style`

![](https://549775582-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MQb_PhIRrBnThcbXLKN%2F-MQu36_pIbqjXoUcEvIr%2F-MQu3lwnN89S3t9R_S74%2Ftimeinput2.png?alt=media\&token=689e4188-fe99-4e8d-beca-58be394f9fb9)

## Stocker l'heure <a href="#save-the-time" id="save-the-time"></a>

L'heure sélectionnée par un utilisateur s'affiche automatiquement dans l'étiquette Time Input, mais si vous souhaitez enregistrer la date quelque part pour la télécharger plus tard, vous devez ajouter un bloc comme celui ci-dessous.

![](https://549775582-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MQb_PhIRrBnThcbXLKN%2F-MQu3p4YWHCp1QPmkVKR%2F-MQu4CSjD0VPbVjxffWE%2Ftimeinput3.png?alt=media\&token=a6d64dc7-3386-47b2-a4d1-1976508b65f1)

| Propriété de l'événement | Sortie                                              |
| ------------------------ | --------------------------------------------------- |
| Get Time                 | La date, quel que soit le format que vous spécifiez |
| Get Hours                | Heure de la journée du 1 au 24                      |
| Get Minutes              | Minutes de 1-60                                     |
