Canvas Apps UI

Revamping the Date Picker Control – v3

After a couple of versions of the date picker control, here is another one. Previous versions can be found here (v2 and v1) although I would strongly encourage to use v3 since it comes with several fixes and improvements.

Here is the list of improvements in this version:

  1. The date picker resizes itself as the component's width and height are changed
  2. Requires no reset
  3. Comes preloaded with default values for all input properties, so no configuration needed
  4. The number of rows visible adjusts per the number of rows needed to display a month's dates

Here is a small demo of this component:

Date Picker v3 (click to enlarge)

A huge shout-out goes to Art K, for taking the trouble of testing and ripping apart v2. The unfiltered feedback I got from him pushed me to make the changes that are in the current version. What's even better is the fact that he has suggested some super awesome new features to be added to this component! The date picker component will definitely continue to grow!

Here are some potential improvements:

  1. Allow selection of a date range
  2. Multi-language support

I strongly hope that Microsoft Power Apps takes this component and makes it a standard control or at least the fact that making the standard date picker configurable shouldn't be that difficult. The fact that this date picker component was born from a template screen proves that this shouldn't be a difficult undertaking.

A bug in the community forums is preventing from sharing the component there. So, I am attaching the component here. Please feel free to test it out, report bugs, and suggest/make further improvements!

Have fun! Get addicted!

Date Picker v3

1 thought on “Revamping the Date Picker Control – v3”

  1. Hey Hardit,

    What would be the approach to autoclose the datepicker once I select a date? is that possible?

Leave a Reply