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 / Date Time Picker in ca...
Power Apps
Unanswered

Date Time Picker in canvas app

(0) ShareShare
ReportReport
Posted on by 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
 
 
I have the same question (0)
  • MS.Ragavendar Profile Picture
    4,929 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
    152,843 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  
     
  • WarrenBelz Profile Picture
    152,843 Most Valuable Professional on at
    Date Time Picker in canvas app
    A quick follow-up to see if you received the answer you were looking for. Happy to assist further if not.
     
    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

Quick Links

Forum hierarchy changes are complete!

In our never-ending quest to improve we are simplifying the forum hierarchy…

Ajay Kumar Gannamaneni – Community Spotlight

We are honored to recognize Ajay Kumar Gannamaneni as our Community Spotlight for December…

Leaderboard > Power Apps

#1
WarrenBelz Profile Picture

WarrenBelz 757 Most Valuable Professional

#2
Michael E. Gernaey Profile Picture

Michael E. Gernaey 322 Super User 2025 Season 2

#3
MS.Ragavendar Profile Picture

MS.Ragavendar 209 Super User 2025 Season 2

Last 30 days Overall leaderboard