24hour options clock on DateTimePicker

[SoH]

This is how the Kendo DateTimePicker is being implemented

<input 
   ng-disabled="isDisabled"
   k-ng-model="viewmodel"
   k-format="'dd/MMM/yyyy HH:mm'"
   k-timeFormat="'HH:mm'">

However my dropdown Time options appear as; 5:30AM, 8:30PM, etc.    (12hour format)

When a date & time are selected, they appear as 24/May/2021 05:30, 24/May/2021 20:30       (24hour format)

How can I change the dropdown options to 24hour format?

[Georgi Denchev]

Hi,

Your approach is correct, you should use the timeFormat configuration, however in angularJS properties which consist of multiple words should be split with dashes and they should be lowercase.

<input 
   ng-disabled="isDisabled"
   k-ng-model="viewmodel"
   k-format="'dd/MMM/yyyy HH:mm'"
   k-time-format="'HH:mm'">

More information can be found here:

https://docs.telerik.com/kendo-ui/framework/AngularJS/widget-basics/initialization#using-html-options 

Best Regards,
Georgi Denchev
Progress Telerik