Помогите пожалуйста связать с моделью таймпикер. В качестве таймпикера я использую обычный
<input matInput type="time">
В компоненте есть такая модель:
public timeFrom: string = '08:00';
Я хотел бы чтобы после загрузки странички в таймпикере было бы предустановленное время(08:00). И чтобы после того как пользователь изменит это время, соответственно менялась бы модель(не обязательно моментально, устроит и через нажатие кнопки submit).
Допустимо модель разбить на 2 части(часы, минуты).
Вот
моя попытка 
