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.ValueDid You Enjoy This Article? 😺
Subscribe to get new Power Apps articles sent to your inbox each week for FREE
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.
I’ve looked for it, but can’t find it. Maybe it hasn’t rolled out yet? It is not part of the Modern Controls drop down list
Hi @Ez Otb, modern controls still in experimental mode.
To activate it, you need to go on your app settings, in “feature preview” menu I guess, then choose “Experimental” menu and found in this list something like “modern controls” – activate it and go back to your app.
Now, you should found it in the insert controls menu.
I woul take a screeshoot for you but my screen’s are saddly only in French :/
When collecting the value i can only see a random number stored on the new collection feature.
Matt,
What code are you using to create the collection?
If I leave ‘Value’ blank and then select a date from the picker, it seems to disappear next time I navigate to the screen where it is placed.
A label which is ‘supposed’ to display the date also doesn’t pickup anything when I seem to change dates, weird.
Kzh,
The bugs are still being worked out on this control. Make sure you give feedback by clicking the thumbs up/thumbs down review button and leave a comment on what you found.
anyone found a way to blank out the date?
Thanks Matthew.
Chasing a way to fine tune it to highlights days or to manage days available to pick or not, and so on…. not available today, hope this will coming in near future or a workaround may exist already ?
It’s a shame there is no way to set the display format to my region i.e. dd/mm/yyyy. I have tried entering my Content Language but that doesn’t change the format. Also no ability to change design colours. Will continue using Creator Kit for now
The new controls look much better, but I can’t get it in the Dutch notation dd-mm-yyyy.
Any idea? Or is this not possible at the moment?
Jan,
Date formatting is not possible just yet. Soon though.