web
You’re offline. This is a read only version of the page.
close
Skip to main content
Community site session details

Community site session details

Session Id :
Power Platform Community / Forums / Power Apps - Microsoft Dataverse / Date Time Picker in ca...
Power Apps - Microsoft Dataverse
Unanswered

Date Time Picker in canvas app

(0) ShareShare
ReportReport
Posted on by Poweruser32490 20
I am using date time picker in canvas app. Is there any way, where the hours and minute dropdown can be combined in a single dropdown, something similar to outlook?
 
Powerapps Datetimepicker
 
Outlook Datetimepicker
 
 
Categories:
Microsoft Dataverse
I have the same question (0)
  • MS.Ragavendar Profile Picture
    MS.Ragavendar 4,478 Super User 2025 Season 2 on at
    Date Time Picker in canvas app
     
    There is an article from Devaney, using gallery this functionality is implemented.
     
     
    If your customer are fine with PCF component look for any component in the PCF gallery.
     
     
    ✅ Please click Accept as solution if my post helped you solve your issue and help others who will face the similar issue in future.
    ❤️ Please consider giving it a Like, If the approach was useful in other ways.
    🏷️ Please tag me @MS.Ragavendar if you still have any queries related to the solution or issue persists.
  • WarrenBelz Profile Picture
    WarrenBelz 151,901 Most Valuable Professional on at
    Date Time Picker in canvas app
    Referring to this blog of mine
    To summarise the Items of the drop-down would be 
    ForAll(
   Sequence(96),
   Text(
      Time(
         0,
         Value * 15 - 15,
         0
      ),
      "hh:mm AM/PM"
   )
)
    and the Default (assuming a Classic control here) 
    With(
   {_Hour: Hour(ThisItem.DateTimeField)},
   Text(
      If(
         _Hour = 0,
         12,
         _Hour - If(
            _Hour > 11,
            12
         )
      ),
      "00"
   ) & ":" & Text(
      Minute(ThisItem.DateTimeField),
      "00"
   ) & " " & If(
      _Hour > 11,
      "PM",
      "AM"
   )
)
    and then the Update of the Data Card 
    With(
   {
      _Hour: Value(
         Left(
            DropdownName.Selected.Value,
            2
         )
      ),
      _Minute: Value(
         Mid(
            (DropdownName.Selected.Value),
            4,
            2
         )
      ),
      _AMPM: Right(
         DropdownName.Selected.Value,
         2
      )
   },
   DatePickerName.SelectedDate + Time(
      If(
         _Hour = 12 && _AMPM = "AM",
         0,
         _Hour + If(
            _AMPM = "PM",
            12
         )
      ),
      _Minute,
      0
   )
)
     
    Please ✅ Does this answer your question if my post helped you solve your issue. This will help others find it more readily. It also closes the item. If the content was useful in other ways, please consider answering Yes to Was this reply helpful? or give it a Like ♥
    Visit my blog     Practical Power Apps    LinkedIn  
     

Under review

Thank you for your reply! To ensure a great experience for everyone, your content is awaiting approval by our Community Managers. Please check back later.

Helpful resources

News and Announcements

Welcome to the Power Platform Communities

Quick Links

Responsible AI policies

As AI tools become more common, we’re introducing a Responsible AI Use…

Chiara Carbone – Community Spotlight

We are honored to recognize Chiara Carbone as our Community Spotlight for November…

Congratulations to the October Top 10 Community Leaders!

These are the community rock stars!

Leaderboard > Power Apps

#1
WarrenBelz Profile Picture

WarrenBelz 624 Most Valuable Professional

#2
Michael E. Gernaey Profile Picture

Michael E. Gernaey 381 Super User 2025 Season 2

#3
developerAJ Profile Picture

developerAJ 225

Last 30 days Overall leaderboard

Featured topics

Product updates

Microsoft Power Platform Community release plans