# Component: Time Picker

**URL:** https://community.glideapps.com/t/component-time-picker/83065
**Category:** Feature Requests
**Created:** [July 9, 2025, 3:21pm UTC](https://community.glideapps.com/t/component-time-picker/83065 "2025-07-09T15:21:41Z")
**Posts on this page:** 12
**Page:** 1

<div class="post-metadata">

### Author: ![dias](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/dias/32/75988_2.png) [@dias](https://community.glideapps.com/u/dias)
#### Post date: [July 9, 2025, 3:21pm UTC](https://community.glideapps.com/t/component-time-picker/83065/1 "2025-07-09T15:21:41Z")

</div>

There are times when me and my team would like for a user to pick only time, without the date. The columns can be configured this way, but the actual date picker component can’t—it’s date or date & time only. I’d like Glide to have an actual time picker (not that 3-column-scrolling mess that’s in the date component) with a style similar to that of the Material time picker.

 ![image](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/6/7/67c2c2e25f4e3bdaa14551a45b79944f284168f7.png)

Glide actually used this same design as recently as a few months ago, but they decided to change it to… this.

 ![image](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/1/9/19b658b547b5d62bcf49d27814cfe3ef2f9405dc.png)

---

<div class="post-metadata">

### Author: ![Mazen](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/mazen/32/84042_2.png) [@Mazen](https://community.glideapps.com/u/Mazen)
#### Post date: [July 9, 2025, 3:35pm UTC](https://community.glideapps.com/t/component-time-picker/83065/2 "2025-07-09T15:35:20Z")

</div>

Feel free to upvote your topic.

---

<div class="post-metadata">

### Author: ![Jeff\_Hager](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/jeff_hager/32/43_2.png) [@Jeff\_Hager](https://community.glideapps.com/u/Jeff_Hager)
#### Post date: [July 9, 2025, 4:22pm UTC](https://community.glideapps.com/t/component-time-picker/83065/3 "2025-07-09T16:22:41Z")

</div>

A date column formatted to show only time still is a date column and has an underlying date and time that’s actually stored.

If there was a time picker option, what would you expect for an underlying date to go with that time? Jan 1, 1970? Today? Something else?

If it could store only a time value, what would you expect that stored value to be? Would it be stored as plain text? Would it be stored in decimal form of 1 day (ex 12:00pm would be stored as 0.5)? All date and time math in glide is based on days or fractions of days. Would it respect regional 12 or 24 hour formats? Would it respect time zone differences?

Do you plan to use it with any math to add or subtract time from a date, or is purely for display purposes only?

Could it be combined with a date in some way, or would it always be independent? Should there be a separate Time column type?

Would you expect it to work with a calendar component or any date based sorting or filtering?

I ask questions like this just to stoke discussion on what people actually expect if they were given a time picker. This topic comes up often, but it seems that nobody wants to discuss their expectations. I’m not agreeing or disagreeing with the need for one, but I’d personally like to understand what people are expecting from something like this, and how people plan to use the value from a time picker. I feel like I could come up with several issues after the fact where something may or may not work as expected when they actually try to use or display the stored value.

I think it’s a lot more complex than just adding a time picker. It’s all about intended use of that value after the fact. I’m genuinely curious on other people’s thoughts when they start to consider the back end and beyond just having a time picker…looking beyond the surface.

In my opinion, a separate Time column type would be needed with it’s own formatting options and a value stored as a decimal so it can easily be used for date math down the road. Curious what others think.

On the flip side, a standard html time picker stores time in 24 hour format, but would be difficult to use for date math unless glide does something behind the scenes to allow date math to work with a time column type. Ultimately Glide uses standardized html component for date and date/time, so I would assume it would be the same case for a time picker.

---

<div class="post-metadata">

### Author: ![Myles\_Chaput](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/myles_chaput/32/62176_2.png) [@Myles\_Chaput](https://community.glideapps.com/u/Myles_Chaput)
#### Post date: [July 9, 2025, 4:43pm UTC](https://community.glideapps.com/t/component-time-picker/83065/4 "2025-07-09T16:43:42Z")

</div>

I do not like the new time picker for PC, it sucks LOL

---

<div class="post-metadata">

### Author: ![Jeff\_Hager](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/jeff_hager/32/43_2.png) [@Jeff\_Hager](https://community.glideapps.com/u/Jeff_Hager)
#### Post date: [July 9, 2025, 4:48pm UTC](https://community.glideapps.com/t/component-time-picker/83065/5 "2025-07-09T16:48:04Z")

</div>

Yeah, it’s not the prettiest thing, but…

> [@Calendar Date Picker Not Following App theme!](https://community.glideapps.com/t/calendar-date-picker-not-following-app-theme/82427/8):
>
> I know there have been some changes to the pickers. Not saying for better or worse, but there were changes. I haven’t fully read up or explored what changed yet. I believe that all changed at least a couple weeks ago. I’m not quite sure if the original pickers were a Glide design or something else, but I’m pretty sure Glide may have reverted to using the native browser based pickers to maintain consistency and familiarity for the end user and what they are used to on their particular device…

> [@Calendar Date Picker Not Following App theme!](https://community.glideapps.com/t/calendar-date-picker-not-following-app-theme/82427/13):
>
> As @Jeff_Hager said, we’ve been trying to roll out the native date/time picker on mobile for some time because the experience on the device is so much better than any javascript component we can create (the beauty of native code). Please let us know if there are issues when using it on the device. Thanks! folded_hands

---

<div class="post-metadata">

### Author: ![kyleheney](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/kyleheney/32/41173_2.png) [@kyleheney](https://community.glideapps.com/u/kyleheney)
#### Post date: [July 9, 2025, 7:31pm UTC](https://community.glideapps.com/t/component-time-picker/83065/7 "2025-07-09T19:31:41Z")

</div>

In an ideal world, I’d like the following:

- A Date-only picker with static back-end formatting of my choice (i.e. I should be able to tell a “date column” to use MM/DD/YYYY regardless of the user’s device settings or location)
- A Time-only picker that is essentially HH:MM as dropdowns, with the option to use 24hr format or not.
- A “Make Date/Time” column where a Date-only column is selected first, then a Time-only column is selected. The result of this column is a Date/Time column (formatted as a Date value) that lets me select Date/Time formatting options like other Date/Time columns.

For check-in apps, capturing the time (separate from the date) is a nicer, quicker interface for users. That is, select a day from a list of available dates, then use a time picker to enter a time. The end result is the selected date with the entered time. To “create” this after-the-fact as a usable Date/Time column is not simple, especially if you have multiple users who have different device/locale settings that cause the underlying date formatting to potentially be different.

---

<div class="post-metadata">

### Author: ![Jeff\_Hager](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/jeff_hager/32/43_2.png) [@Jeff\_Hager](https://community.glideapps.com/u/Jeff_Hager)
#### Post date: [July 9, 2025, 10:52pm UTC](https://community.glideapps.com/t/component-time-picker/83065/8 "2025-07-09T22:52:07Z")

</div>

I like the idea of a Make Date/Time column. As long as it’s more stable than other column types like Format Date or Text to Date.

---

<div class="post-metadata">

### Author: ![Darren\_Murphy](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/darren_murphy/32/47326_2.png) [@Darren\_Murphy](https://community.glideapps.com/u/Darren_Murphy)
#### Post date: [July 10, 2025, 4:34am UTC](https://community.glideapps.com/t/component-time-picker/83065/9 "2025-07-10T04:34:14Z")

</div>

> [@kyleheney](#):
>
> A Date-only picker with static back-end formatting of my choice (i.e. I should be able to tell a “date column” to use MM/DD/YYYY regardless of the user’s device settings or location)

oh my goodness!!  
Don’t you dare try to inflict that backwards formatting on the rest of the world! 😱

> [@kyleheney](#):
>
> For check-in apps, capturing the time (separate from the date) is a nicer, quicker interface for users. That is, select a day from a list of available dates, then use a time picker to enter a time. The end result is the selected date with the entered time.

I created a template a while back that does _exactly_ this…

> **[Time Selection Concept](https://go.glideapps.com/template/P2OgJ8sjHaqP68jkVfQl-template-published?privateTemplateToken=zd7BSk8DF3GVLYscwhDx)**

---

<div class="post-metadata">

### Author: ![kyleheney](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/kyleheney/32/41173_2.png) [@kyleheney](https://community.glideapps.com/u/kyleheney)
#### Post date: [July 10, 2025, 12:00pm UTC](https://community.glideapps.com/t/component-time-picker/83065/11 "2025-07-10T12:00:38Z")

</div>

I don’t think the template creates a single Date/Time column (with date and chosen time in one field) that can be used for things like the Start time in the Calendar collection, or checking if something is on/before/after another date/time field.

I’ve done this before with combinations of format date columns, math columns, etc, but it’s overly complex for something that seems like it should be straightforward.

---

<div class="post-metadata">

### Author: ![Darren\_Murphy](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/darren_murphy/32/47326_2.png) [@Darren\_Murphy](https://community.glideapps.com/u/Darren_Murphy)
#### Post date: [July 10, 2025, 12:07pm UTC](https://community.glideapps.com/t/component-time-picker/83065/12 "2025-07-10T12:07:20Z")

</div>

> [@kyleheney](#):
>
> I don’t think the template creates a single Date/Time column (with date and chosen time in one field) that can be used for things like the Start time in the Calendar collection

Yes, it does.

If you take a look at the Events table, there are two datetime columns for Event Start & Event finish. Each of these contains a full datetime value. The Add/Edit screens manipulate these columns. Event Date is a computed column, which extracts the date from the Event Start time.

 ![CleanShot 2025-07-10 at 20.06.24@2x](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/b/c/bc3bdae0f557ff169ef754f11eabe86623997208.png)

Saving as a single datetime value was a specific goal when I created the template (I actually created the feature for a client App and then decided to make a template with it).

---

<div class="post-metadata">

### Author: ![kyleheney](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/kyleheney/32/41173_2.png) [@kyleheney](https://community.glideapps.com/u/kyleheney)
#### Post date: [July 10, 2025, 1:02pm UTC](https://community.glideapps.com/t/component-time-picker/83065/13 "2025-07-10T13:02:14Z")

</div>

Whoops — that does look good! Haha… taking a closer look now!

Wowzers that is nice! Works very well and once you know that Math formula, isn’t too tough to understand. Thanks!

---

<div class="post-metadata">

### Author: ![Paarl\_Bus](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/paarl_bus/32/84589_2.png) [@Paarl\_Bus](https://community.glideapps.com/u/Paarl_Bus)
#### Post date: [July 20, 2025, 6:55pm UTC](https://community.glideapps.com/t/component-time-picker/83065/14 "2025-07-20T18:55:40Z")

</div>

I use a number of Time columns to record pickup and drop-off times and the Time part of the DateTime component work ok. The problem comes when I want to have a Rollup for e.g average pickup time or average discrepancy between Actual and Scheduled times. Since there is still a date value the Average rollup is not available.
