Date Picker
The Date Picker wraps the native Power Apps date control in a clean, branded card — a label, the picker, and a formatted localized read-out of the chosen date. It gives forms a consistent, professional date field without fighting the default control's styling, and you read the value with a simple DpInput.SelectedDate.
Select a date
Selected: 30 Jun 2026
YAML source
Preview — full code with PRO# Date Picker — PowerBlocks (PRO)
# A styled date field built on the native Power Apps date picker, with a label and
# a formatted, localized read-out of the chosen date.
#
# NOTE: this wraps the NATIVE date picker control — if the control version differs in
# your environment, let Studio auto-upgrade it on paste.
#
# STEP 1 — Paste this control onto your screen.
# STEP 2 — Read the value anywhere with DpInput.SelectedDate.
# STEP 3 — Restyle via the Group; set DefaultDate / min-max as needed.
- DatePickerGroup:
Control: GroupContainer@1.3.0
Variant: ManualLayout
# … full component definition unlocked with PROThis is a partial preview. Unlock the full component →
Common use cases
Form date fields
Collect a due date, start date or birth date with a styled, readable control.
Filters & ranges
Drop two of them for a from/to date range that drives a gallery filter.
Branded inputs
Match the card to your theme tokens so every date field looks the same across the app.
How to use Date Picker in Power Apps
- 1Choose your locale (EN or FR) and click "Copy YAML".
- 2Paste the control into your screen's Tree view in Power Apps Studio.
- 3If prompted, let Studio upgrade the date control to your environment's version.
- 4Read the chosen date anywhere with DpInput.SelectedDate, and set DefaultDate / min-max as needed.
Tip — Change the format string (e.g. "dd/mm/yyyy") in the read-out label, and recolor the group with your Design System Kit tokens for a consistent look.