> For the complete documentation index, see [llms.txt](https://assetstore.essentialkit.voxelbusters.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://assetstore.essentialkit.voxelbusters.com/features/native-ui/playmaker/use-cases/use-case-3-date-selection.md).

# Date and Time Selection

## Goal

Show a native date/time picker and use the selected date.

## Actions used

* `NativeUIShowDatePicker`

## Variables

* `selectedDate` (`FsmString`, ISO 8601 UTC string)
* `wasCancelled` (Bool)

## Flow

1. State: `ShowDatePicker`
   * Action: `NativeUIShowDatePicker`
   * Events:
     * `dateSelectedEvent` → `ProcessDate`
     * `cancelledEvent` → `Cancelled`
2. State: `ProcessDate`
   * Parse `selectedDate` as ISO 8601 and convert to local time for display if needed.

## Notes

* `minimumDate`, `maximumDate`, and `initialDate` are optional.