How to bind with timepicker model?

Question

Angular

Please help me to connect the timepicker with the model. As a timepicker, I use the usual one . The component has the following model: I would like the timepicker to have a preset time (08:00) after loading the page. And so that after the user changes this time, the model would change accordingly (not necessarily instantly, it will also suit by pressing the submit button). It is permissible to break the model into 2 parts (hours, minutes). Here is my attempt
<input matInput type="time">
public timeFrom: string = '08:00';

Answer 1

[(ngModel)]="timeFrom"
??