demo/src/app/components/+timepicker/demos/custom-validation/custom-validation.html
<p>Illustrates custom validation, you have to select time between 11:00 and 12:59</p>
<div class="form-group">
<timepicker [(ngModel)]="myTime" [formControl]="ctrl" required></timepicker>
</div>
<pre class="alert"
[class.alert-danger]="!ctrl.valid && !ctrl.pristine"
[class.alert-success]="(ctrl.valid && !ctrl.pristine) || ctrl.value == null">
Time is: {{myTime}}
</pre>
<div class="alert alert-danger" *ngIf="ctrl.errors && ctrl.errors['outOfRange']">Invalid time</div>