Skip to content

Power Apps

Power Apps Date Picker - Modern Controls

Power Apps Date Picker – Modern Controls Purpose A Power Apps date picker control enables the user to select a date from a calendar. Its purpose is to provid...

Matthew Devaney
Published
Reading time
2 min read

Before you start

Is this guide for you?

Best entry point
Power Apps
Time investment
2 min read

Imported reference from Matthew Devaney's blog for learning purposes. Original: https://www.matthewdevaney.com/the-complete-power-apps-modern-controls-guide/power-apps-date-picker-modern-controls/. Author: Matthew Devaney.

Power Apps Date Picker – Modern Controls Purpose

A Power Apps date picker control enables the user to select a date from a calendar. Its purpose is to provide a convenient and error-free way for the user to input a date, reducing the likelihood of mistakes and improving the overall user experience. Properties AccessibleLabel

Screen readers will voice this text when a user selects the control ContentLanguage

Describes the language used to the audience (e.g. “en-US”) DisplayMode

Selects the mode: Edit, View or Disabled. In Edit mode the user can input values. In View mode the user can only see the values and in Disabled mode the control is greyed-out. Options:

= DisplayMode.Disabled = DisplayMode.Edit = DisplayMode.View Height

Distance from the top of the control to the bottom OnChange

Actions that will be executed when the Value property of the Date Picker changes Required

Highlights the control’s border when no value is entered. Value

Initial value displayed in the control before the user interacts with it. Can also be used as an output property to get the current value of the Date Picker. Visible

Determines whether to show or hide the control Width

Distance from the left side of the control to the right side X

Distance from the left edge of the screen to the left side of the control Y

Distance from the top edge of the screen to the top of the control

How To Setup The Power Apps Date Picke Control

1. Select the date picker control in Power Apps studio. Set the Default property value to define the date picker’s initial state. Today()

2. Click on the date picker control to open the calendar. Select a date from the calendar.

3. Get the date picker’s current value by using this code. DatePickerCanvas1 .Value Code language: CSS ( css ) Did You Enjoy This Article? 😺

Subscribe to get new Copilot Studio articles sent to your inbox each week for FREE Enter your email address Sign Me Up Questions?

If you have any questions or feedback about Power Apps Date Picker – Modern Controls please leave a message in the comments section below. You can post using your email address and are not required to create an account to join the discussion.

Share this

Tagged

Power Apps

Have a Microsoft 365 topic idea?

Share article suggestions, community session ideas, corrections, or real-world scenarios for future nextM365 learning notes.

Suggest a topic

Keep learning Microsoft 365

Explore more practical guides for SharePoint, Power Platform, Copilot Studio, migration, automation, governance, and security.

Continue learning

Next action

What to do next

Browse all tutorials →