Я использовал для этого кендо-таймер, который действительно имеет формат.
import { Component } from '@angular/core';
@Component({
selector: 'my-app',
template: `
<div class="example-wrapper">
<p>Select a date:</p>
<kendo-timepicker
[format]="'HH:mm:ss'"
[steps]="steps"
[value]="value"
></kendo-timepicker>
<p>(↑ to increment and ↓ to decrement the value)</p>
</div>
`
})
export class AppComponent {
public steps: any = { hour: 0, minute: 30, second: 00 };
public value: Date = new Date(2000, 2, 10, 10, 30);
}
для получения дополнительной информации: Проверьте эту ссылку: https://www.telerik.com/kendo-angular-ui/components/dateinputs/timepicker/incremental-steps/