kendo-dateinput AM/PM (locale)

[Ali]

Hi! How could I show AM/PM?
https://stackblitz.com/edit/angular-vaxrrp?file=app/app.component.ts

[Hetali]

Hi Ali,

In order to show the string AM/PM based on the time in the Kendo UI DateInput, use the following ternary operation:

<kendo-dateinput 
  format="hh:mm '{{ampm}}'" 
  [value]="value"
>
</kendo-dateinput>

public value: Date = new Date();
public ampm = this.value.getHours() > 11? "PM" : "AM";

In this updated StackBlitz example, I have added AM/PM string in the DateInput format.

I hope this helps.

Regards,
Hetali
Progress Telerik