Adding formControl as a component argument

package.json

@@ -110,7 +110,7 @@
     "typescript": "2.1.5",
     "wallaby-webpack": "0.0.30",
     "webdriver-manager": "11.1.1",
-    "zone.js": "0.7.5"
+    "zone.js": "0.7.6"
   },
   "contributors": [
     {

src/select/select.module.ts

@@ -1,12 +1,13 @@
 import { NgModule } from '@angular/core';
 import { CommonModule } from '@angular/common';
+import { ReactiveFormsModule } from '@angular/forms';
 
 import { SelectComponent } from './select';
 import { HighlightPipe } from './select-pipes';
 import { OffClickDirective } from './off-click';
 
 @NgModule({
-  imports: [CommonModule],
+  imports: [CommonModule, ReactiveFormsModule],
   declarations: [SelectComponent, HighlightPipe, OffClickDirective],
   exports: [SelectComponent, HighlightPipe, OffClickDirective]
 })

src/select/select.ts

@@ -1,5 +1,5 @@
 import { Component, Input, Output, EventEmitter, ElementRef, OnInit, forwardRef } from '@angular/core';
-import { ControlValueAccessor, NG_VALUE_ACCESSOR } from '@angular/forms';
+import { ControlValueAccessor, NG_VALUE_ACCESSOR, FormControl } from '@angular/forms';
 import { DomSanitizer, SafeHtml } from '@angular/platform-browser';
 import { SelectItem } from './select-item';
 import { stripTags } from './select-pipes';
@@ -143,9 +143,9 @@ let styles = `
       </span>
     </div>
     <input type="text" autocomplete="false" tabindex="-1"
+           [formControl]="formControl"    
            (keydown)="inputEvent($event)"
            (keyup)="inputEvent($event, true)"
-           [disabled]="disabled"
            class="form-control ui-select-search"
            *ngIf="inputMode"
            placeholder="{{active.length <= 0 ? placeholder : ''}}">
@@ -205,10 +205,10 @@ let styles = `
         </span>
     </span>
     <input type="text"
+           [formControl]="formControl"
            (keydown)="inputEvent($event)"
            (keyup)="inputEvent($event, true)"
            (click)="matchClick($event)"
-           [disabled]="disabled"
            autocomplete="false"
            autocorrect="off"
            autocapitalize="off"
@@ -259,6 +259,7 @@ export class SelectComponent implements OnInit, ControlValueAccessor {
   @Input() public textField:string = 'text';
   @Input() public childrenField:string = 'children';
   @Input() public multiple:boolean = false;
+  @Input() public formControl = new FormControl(); 
 
   @Input()
   public set items(value:Array<any>) {
@@ -278,7 +279,10 @@ export class SelectComponent implements OnInit, ControlValueAccessor {
   public set disabled(value:boolean) {
     this._disabled = value;
     if (this._disabled === true) {
+      this.formControl.disable();
       this.hideOptions();
+    } else {
+      this.formControl.enable();
     }
   }