# 🕒 Time and Duration Picker

**URL:** <https://community.glideapps.com/t/time-and-duration-picker/35616>\
**Category:** Project Showcase\
**Created:** [December 7, 2021, 7:23am UTC](https://community.glideapps.com/t/time-and-duration-picker/35616 "2021-12-07T07:23:22Z")\
**Posts on this page:** 4\
**Page:** 1

<div class="post-metadata">

**Author:** ![Uzo](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/uzo/32/22639_2.png) [@Uzo](https://community.glideapps.com/u/Uzo)\
**Post date:** [December 7, 2021, 7:23am UTC](https://community.glideapps.com/t/time-and-duration-picker/35616/1 "2021-12-07T07:23:22Z")

</div>

**Set only time in AM/PM or 24H format, or switch to the duration mode.**

[![Analog Clock](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/b/4/b4714cad26687073bc3071bd0d9e8b25e1b9ecdc.png)](https://time-duration-demo.glideapp.io/dl/ewAiAHQAIgA6ADAALAAiAHMAIgA6ACIAYwBsAGEAcwBzAC0AVABpAG0AZQAgAFAAaQBjAGsAZQByACIALAAiAHIAIgA6ACIAUgBGAHAAWQBiAEkAcgBHAFEATAA2AEwAYwB6ADcAMABiADAAQQBzAHcAQQAiACwAIgBuACIAOgAiAFQAaQBtAGUAIABQAGkAYwBrAGUAcgAgAEEATQAvAFAATQAiAH0A)

Adjust hours, minutes, and seconds using buttons.  
Switch AM/PM to 24H format, turn on or off seconds. Adjustable minutes increment.  
The time value can be added to any date.

 ![Time Picker](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/d/9/d93d67c143c8a553703f369f79f318724687a95a.png) ![duration](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/9/c/9c919f5d588dc359a254c797267ea5703af58b5e.png) ![Time Element](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/b/c/bcf45792d7e4fce16d5a6151588943e920263663.png)

Click the duration button, and the time format will switch to duration, which can be used in stopwatch or other similar applications. Click the settings floating button and all format buttons will disappear, Admin can disable the setting button, to ensure users will enter time as he presets it.

> **[Time & Duration Picker DEMO](https://time-duration-demo.glideapp.io/dl/ewAiAHQAIgA6ADAALAAiAHMAIgA6ACIAYwBsAGEAcwBzAC0AVABpAG0AZQAgAFAAaQBjAGsAZQByACIALAAiAHIAIgA6ACIAUgBGAHAAWQBiAEkAcgBHAFEATAA2AEwAYwB6ADcAMABiADAAQQBzAHcAQQAiACwAIgBuACIAOgAiAEQAdQByAGEAdABpAG8AbgAgAFAAaQBjAGsAZQByACIAfQA=)**
>
> set only time in AM/PM or 24H format, or switch to duration

.

Available in [Templates Market](https://templates-market-sa.glideapp.io/full)

[![template market button](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/2/f/2f02068ccf21a3c7e9cd369b1832d946addf48c9.png)](https://templates-market-sa.glideapp.io/full)

---

<div class="post-metadata">

**Author:** ![Uzo](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/uzo/32/22639_2.png) [@Uzo](https://community.glideapps.com/u/Uzo)\
**Post date:** [December 8, 2021, 10:08am UTC](https://community.glideapps.com/t/time-and-duration-picker/35616/2 "2021-12-08T10:08:02Z")

</div>

Now, with the adjustable analog clock!

---

<div class="post-metadata">

**Author:** ![Robert\_Petitto](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/robert_petitto/32/25193_2.png) [@Robert\_Petitto](https://community.glideapps.com/u/Robert_Petitto)\
**Post date:** [December 8, 2021, 1:24pm UTC](https://community.glideapps.com/t/time-and-duration-picker/35616/3 "2021-12-08T13:24:29Z")

</div>

The analog clock is a nice touch.

---

<div class="post-metadata">

**Author:** ![Uzo](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/uzo/32/22639_2.png) [@Uzo](https://community.glideapps.com/u/Uzo)\
**Post date:** [December 8, 2021, 1:26pm UTC](https://community.glideapps.com/t/time-and-duration-picker/35616/4 "2021-12-08T13:26:44Z")

</div>

still not finished… it drives me crazy lol  
so hard to make calculations that gonna work on all devices and screens… but pretty close 😉