> For the complete documentation index, see [llms.txt](https://jolzee.gitbook.io/leopard/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://jolzee.gitbook.io/leopard/components/date-and-time-pickers.md).

# Date & Time Pickers

## Date Picker

### Format

If you need to capture a date you can present the option to display a date picker to the user. The format of the date is currently `dd month yyyy`

<div align="left"><img src="/files/-LaH4A1-2aYKyMm0p2NK" alt="Date Format"></div>

### Screenshots

<div align="left"><img src="/files/-M7Tt8lmCJDM7KaRV5Ya" alt=""></div>

<div align="left"><img src="/files/-M7TtEmWcDn3B159zpIR" alt=""></div>

### Output Parameter

Showing the Date Picker is an exception to using the [ExtensionHelper](broken://pages/-La72OY1sGrLcRJCQZT6). It doesn't rely on the Extension Helper.

```groovy
datePicker = true
```

## Time Picker

### Format

The time picker uses a 24 hour format so a selection of 4am would be `04:00` and 4:35 pm would be `16:35`

### Screenshots

<div align="left"><img src="/files/-M7TtKTdNx50gYjARGq1" alt=""></div>

<div align="left"><img src="/files/-M7TtOVunZjgf_UMkGRM" alt=""></div>

### Output Parameter

Showing the Time Picker is an exception to using the ExtensionHelper. It doesn't reply on the Extension Helper.

```groovy
timePicker = true
```