Expected behavior When a value is specified, the clock starts at that position (eg '07:00' should have the hands on 7 and 00 respectively)

I'm specifying my NgModel as a string. Perhaps I'm using the wrong datatype?

Actual behavior No matter what value is specified in NgModel, the clock always starts at 12:00AM. After using the clock to set the value, it persists.

Resources (screenshots, code snippets etc.)

Html

<mdb-time-picker [buttonLabel]="'Done'" [twelvehour]="true" [darktheme]="false" [label]="'Clock In'" [showClock]="false" [ngModel]="clockIn" (timeChanged)="clockIn_changed($event)"></mdb-time-picker>

TS

private _clockIn = '07:00';

public get clockIn()
{
    return this._clockIn;
}

public set(value) {
    this._clockIn = value;
}

clockIn_changed(e) {
        console.log(e);
 }