Time Picker - Default to AM or PM programmatically

[Leslie]

Hi,

I was wondering if it is possible to default the AM/PM designator programmatically, without having to set an actual time value to the time picker?

The min property does work, however it does not seem to synchronise with the AM/PM designator on the actual input field.

For example, if I've set the min to be 1:00PM, then the list actually does not have the AM available - which is correct. However, the input field still has "hh:mm am" displaying.

I suppose one other way could be to change the dayPeriod placeholder text from AM to PM, if that is at all possible using the currently existing API.

[Martin]

Hi Leslie,

Setting the min and max properties of the TimePicker component is the right way to go. Then the options in the popup will be reduced according to the set restrictions. If the selected time value is out of this range (like changing the time or the AM/PM segment with arrow keys or scroll), the component triggers a validation error. 

Alternatively, to prevent typing an out-of-range value, you can render the input in a read-only state, allowing the user to choose a value only from the popup. Please check the following topic for more details:

https://www.telerik.com/kendo-angular-ui/components/dateinputs/timepicker/readonly-state/#toc-read-only-input

I hope this helps.

Regards,
Martin
Progress Telerik

[Leslie]

Hi Martin,

Thanks for your response.

"...however it does not seem to synchronise with the AM/PM designator on the actual input field."

I guess to confirm my observation above, it is currently not possible, since the user will need to manually type "pm" or use the arrow keys to switch between "am" and "pm" in the text field itself.

[Martin]

Hi Leslie,

If I understand correctly when the popup is opened a default time and AM/PM designator needs to be focused without selecting it actually. The current behavior, when the TimePicker has no value, is to focus at 12:00 AM by default.

Indeed currently there is no focusedTime property or similar, which would allow focusing a custom time when opening the popup. However, there is a feature request logged in our Feedback portal where we track the customer demand for it. Please cast your vote as well.

https://feedback.telerik.com/kendo-angular-ui/1470485-i-want-to-set-a-default-time-on-datetime-picker

In case I misunderstood the requirement, please could I ask to provide some more details regarding this query and how the TimePicker is expected to work in this case step by step. Thank you in advance.