Time is one of the most commonly captured data point in Power Apps. Currently, Power Apps don’t have a native time picker component. So, I have built a custom code component using typescript.
![](https://themicroconsulting.com/wp-content/uploads/2021/11/ezgif.com-gif-maker-2.gif)
Why use this Time Picker component?
- Beautiful UI/UX
- Customizable primary and secondary color
- Minute Stepper
- In-line and Dialog feature
- More features coming soon…
Prerequisites before installing the component:
- Go to https://admin.powerplatform.microsoft.com/environments
- Select the environment
![](http://themicroconsulting.com/wp-content/uploads/2021/08/image.png)
3. Click on settings
![](http://themicroconsulting.com/wp-content/uploads/2021/08/image-3.png)
4. Expand Product and then click on Features
![](http://themicroconsulting.com/wp-content/uploads/2021/08/image-4.png)
5. Toggle “Allow publishing of canvas apps with code components“
![](http://themicroconsulting.com/wp-content/uploads/2021/08/image-5.png)
6. Make sure you Save after toggling that button
Importing Custom Component Solution:
7. Click below link to download the managed solution
http://themicroconsulting.com/wp-content/uploads/2021/11/PowerAppsTools_asn_1_1_managed-2.zip
8. Import the managed solution to desired environment
9. Open the power app where you want to use this component