fix(timepicker): fix custom validation demo

demo/src/app/components/+timepicker/demos/custom-validation/custom-validation.html

@@ -1,7 +1,12 @@
 <p>Illustrates custom validation, you have to select time between 11:00 and 12:59</p>
 
-<div class="form-group" [class.has-success]="ctrl.valid" [class.has-danger]="!ctrl.valid">
+<div class="form-group">
   <timepicker [(ngModel)]="myTime" [formControl]="ctrl" required></timepicker>
 </div>
 
-<pre class="alert alert-info">Time is: {{myTime}}</pre>
+<pre class="alert"
+     [class.alert-danger]="!ctrl.valid && !ctrl.pristine"
+     [class.alert-success]="ctrl.valid && !ctrl.pristine">
+  Time is: {{myTime}}
+</pre>
+<div class="alert alert-danger" *ngIf="ctrl.errors?.outOfRange">Invalid time</div>

demo/src/app/components/+timepicker/demos/custom-validation/custom-validation.ts

@@ -10,7 +10,16 @@ export class DemoTimepickerCustomValidationComponent {
 
   public ctrl = new FormControl('', (control: FormControl) => {
     const value = control.value;
-    console.log('control', control);
-    return control;
+    if (!value) {
+      return null;
+    }
+    if (value) {
+      const hours = value.getHours();
+      if (hours < 11 || hours > 12) {
+        return {outOfRange: true};
+      }
+    }
+
+    return null;
   });
 }