# Duration input problem

**URL:** <https://community.weweb.io/t/duration-input-problem/19542>\
**Category:** How do I?\
**Created:** [August 5, 2025, 7:53pm UTC](https://community.weweb.io/t/duration-input-problem/19542 "2025-08-05T19:53:36Z")\
**Posts on this page:** 2\
**Page:** 1

<div class="post-metadata">

**Author:** ![pedro\_vitor](https://avatars.discourse-cdn.com/v4/letter/p/35a633/32.png) [@pedro\_vitor](https://community.weweb.io/u/pedro_vitor)\
**Post date:** [August 5, 2025, 7:53pm UTC](https://community.weweb.io/t/duration-input-problem/19542/1 "2025-08-05T19:53:36Z")

</div>

I’m facing a problem where I need a duration input that allows **unlimited hours** but **minutes limited to a maximum of 59**.

My current idea to handle this is to create **two separate inputs** — one for hours and one for minutes — and then **combine them on the frontend** into a single duration string (e.g., `123:45`).

Is there a better or more standard way to implement this kind of input?

![image](https://us1.discourse-cdn.com/flex016/uploads/weweb/original/2X/d/de684e7b9c2146cbcf31c865508b098b442087c6.png)

---

<div class="post-metadata">

**Author:** ![sam1](https://sea2.discourse-cdn.com/flex016/user_avatar/community.weweb.io/sam1/32/6724_2.png) [@sam1](https://community.weweb.io/u/sam1)\
**Post date:** [August 6, 2025, 2:29am UTC](https://community.weweb.io/t/duration-input-problem/19542/2 "2025-08-06T02:29:51Z")

</div>

that works, another option is to use the ai to fork the datepicker component and add a duration mode similar to the time mode but with no limit on the hours I tried this and the code it was generating looked good but then it failed so if your lucky it might work