# Time picker perspective component **URL:** \ **Category:** Ignition\ **Tags:** perspective\ **Created:** [April 2, 2026, 9:21am UTC](https://forum.inductiveautomation.com/t/time-picker-perspective-component/114852 "2026-04-02T09:21:38Z")\ **Posts on this page:** 10\ **Page:** 1
**Author:** ![piyush.sharma](https://avatars.discourse-cdn.com/v4/letter/p/46a35a/32.png) [@piyush.sharma](https://forum.inductiveautomation.com/u/piyush.sharma)\ **Post date:** [April 2, 2026, 9:21am UTC](https://forum.inductiveautomation.com/t/time-picker-perspective-component/114852/1 "2026-04-02T09:21:38Z")
For Time picker component in ignition, when binded to some property which has date time object, In the designer it allows to change the hrs and min for both AM and PM. But while doing in browser in PM I’m able to change the hrs and min, but not for AM. It doesn’t allow to go over 11hrs and below the time set via binding (with system.date.now()) whem AM is selected. And if i change AM to PM and set some time before current time and again change it back to AM it resets to the current time. ---
**Author:** ![irfan.shaik](https://avatars.discourse-cdn.com/v4/letter/i/c89c15/32.png) [@irfan.shaik](https://forum.inductiveautomation.com/u/irfan.shaik)\ **Post date:** [April 2, 2026, 11:09am UTC](https://forum.inductiveautomation.com/t/time-picker-perspective-component/114852/2 "2026-04-02T11:09:32Z")
> time set via binding (with system.date.now()) whem AM is selected. If the binding is set to update with AM selected, then it is a normal behavior. If you can share binding snap shots it might help to understand better. Irfan ---
**Author:** ![nminchin](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/nminchin/32/6911_2.png) [@nminchin](https://forum.inductiveautomation.com/u/nminchin)\ **Post date:** [April 2, 2026, 12:07pm UTC](https://forum.inductiveautomation.com/t/time-picker-perspective-component/114852/3 "2026-04-02T12:07:21Z")
Best to use HH:mm format and do away with confusing meridians and the awkward spinners / dropdown combo. There are 24 hours in a day. I’m convinced that the person who invented the 12 hr am/pm format is still watching over people and laughing every time someone has to think if 12am is midnight or midday. ---
**Author:** ![piyush.sharma](https://avatars.discourse-cdn.com/v4/letter/p/46a35a/32.png) [@piyush.sharma](https://forum.inductiveautomation.com/u/piyush.sharma)\ **Post date:** [April 2, 2026, 5:48pm UTC](https://forum.inductiveautomation.com/t/time-picker-perspective-component/114852/4 "2026-04-02T17:48:15Z")
> [@nminchin](#): > > est to use HH:mm format and do away with confusing meridians and the awkward spinners / dropdown combo. There are 24 hours in a day. I’m convinced that the person who invented the 12 hr am/pm format is still watching You mean to use a textfield for taking input in format HH:mm? ---
**Author:** ![nminchin](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/nminchin/32/6911_2.png) [@nminchin](https://forum.inductiveautomation.com/u/nminchin)\ **Post date:** [April 2, 2026, 9:42pm UTC](https://forum.inductiveautomation.com/t/time-picker-perspective-component/114852/5 "2026-04-02T21:42:48Z")
No, in that component there's a time format that defaults to `hh:mm a` for some reason. Change it to `HH:mm` ---
**Author:** ![piyush.sharma](https://avatars.discourse-cdn.com/v4/letter/p/46a35a/32.png) [@piyush.sharma](https://forum.inductiveautomation.com/u/piyush.sharma)\ **Post date:** [April 3, 2026, 11:55am UTC](https://forum.inductiveautomation.com/t/time-picker-perspective-component/114852/6 "2026-04-03T11:55:37Z")
I tried this. The binding preview shows correct output. When i click apply, the value prop on the right side briefly changes to the output from the binding preview and then time gets changed to current time. And any time below 06:00 is also getting changed like this. But time after this works fine. ![image](https://us1.discourse-cdn.com/inductiveautomation/original/3X/9/3/93e3e3f0507f70ba3f06e5e8748167ad69bdffc0.png) ---
**Author:** ![nminchin](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/nminchin/32/6911_2.png) [@nminchin](https://forum.inductiveautomation.com/u/nminchin)\ **Post date:** [April 3, 2026, 12:11pm UTC](https://forum.inductiveautomation.com/t/time-picker-perspective-component/114852/7 "2026-04-03T12:11:33Z")
Is there a binding or anything that updates that periodDetails.startTime prop value? What is the value of this prop? ---
**Author:** ![piyush.sharma](https://avatars.discourse-cdn.com/v4/letter/p/46a35a/32.png) [@piyush.sharma](https://forum.inductiveautomation.com/u/piyush.sharma)\ **Post date:** [April 3, 2026, 1:26pm UTC](https://forum.inductiveautomation.com/t/time-picker-perspective-component/114852/8 "2026-04-03T13:26:25Z")
its binded with the input param of the view, which has 1 way binding. And I set the param value to 06:00 manually in the designer. This time i was testing only in designer. ---
**Author:** ![nminchin](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/nminchin/32/6911_2.png) [@nminchin](https://forum.inductiveautomation.com/u/nminchin)\ **Post date:** [April 3, 2026, 9:32pm UTC](https://forum.inductiveautomation.com/t/time-picker-perspective-component/114852/9 "2026-04-03T21:32:56Z")
Are your gateway and designer in different timezones? ---
**Author:** ![piyush.sharma](https://avatars.discourse-cdn.com/v4/letter/p/46a35a/32.png) [@piyush.sharma](https://forum.inductiveautomation.com/u/piyush.sharma)\ **Post date:** [April 6, 2026, 9:12am UTC](https://forum.inductiveautomation.com/t/time-picker-perspective-component/114852/10 "2026-04-06T09:12:41Z")
In designer, project properties shows perspective time zone as gateways time zone which is somewhere in US. But i’m using designer in India.