feat(Input): Full rewrite, removed Material lib, supports mask and

datepicker

demo/app/app.module.ts

@@ -49,7 +49,6 @@ import {
   TsConfirmationModule,
   TsCopyModule,
   TsCSVEntryModule,
-  TsDatepickerModule,
   TsDateRangeModule,
   TsFileUploadModule,
   TsIconButtonModule,
@@ -58,7 +57,6 @@ import {
   TsLinkModule,
   TsLoadingOverlayModule,
   TsLoginFormModule,
-  TsMaskModule,
   TsMenuModule,
   TsNavigationModule,
   TsPaginatorModule,
@@ -97,15 +95,13 @@ import { ConfirmationComponent } from './components/confirmation/confirmation.co
 import { CopyComponent } from './components/copy/copy.component';
 import { CSVEntryComponent } from './components/csv-entry/csv-entry.component';
 import { DateRangeComponent } from './components/date-range/date-range.component';
-import { DatepickerComponent } from './components/datepicker/datepicker.component';
 import { FileUploadComponent } from './components/file-upload/file-upload.component';
 import { IconButtonComponent } from './components/icon-button/icon-button.component';
 import { IconComponent } from './components/icon/icon.component';
 import { InputComponent } from './components/input/input.component';
 import { LinkComponent } from './components/link/link.component';
 import { LoadingOverlayComponent } from './components/loading-overlay/loading-overlay.component';
 import { LoginFormComponent } from './components/login-form/login-form.component';
-import { MaskComponent } from './components/mask/mask.component';
 import { MenuComponent } from './components/menu/menu.component';
 import { NavigationComponent } from './components/navigation/navigation.component';
 import { PaginatorComponent } from './components/paginator/paginator.component';
@@ -150,15 +146,13 @@ import { ValidationComponent } from './components/validation/validation.componen
     TsCopyModule,
     TsCSVEntryModule,
     TsDateRangeModule,
-    TsDatepickerModule,
     TsFileUploadModule,
     TsIconButtonModule,
     TsIconModule,
     TsInputModule,
     TsLinkModule,
     TsLoadingOverlayModule,
     TsLoginFormModule,
-    TsMaskModule,
     TsMenuModule,
     TsNavigationModule,
     TsPaginatorModule,
@@ -199,15 +193,13 @@ import { ValidationComponent } from './components/validation/validation.componen
     CopyComponent,
     CSVEntryComponent,
     DateRangeComponent,
-    DatepickerComponent,
     FileUploadComponent,
     IconButtonComponent,
     IconComponent,
     InputComponent,
     LinkComponent,
     LoadingOverlayComponent,
     LoginFormComponent,
-    MaskComponent,
     MenuComponent,
     NavigationComponent,
     PaginatorComponent,

demo/app/components/components.constant.ts

@@ -11,15 +11,13 @@ import { ConfirmationComponent } from './confirmation/confirmation.component';
 import { CopyComponent } from './copy/copy.component';
 import { CSVEntryComponent } from './csv-entry/csv-entry.component';
 import { DateRangeComponent } from './date-range/date-range.component';
-import { DatepickerComponent } from './datepicker/datepicker.component';
 import { FileUploadComponent } from './file-upload/file-upload.component';
 import { IconButtonComponent } from './icon-button/icon-button.component';
 import { IconComponent } from './icon/icon.component';
 import { InputComponent } from './input/input.component';
 import { LinkComponent } from './link/link.component';
 import { LoadingOverlayComponent } from './loading-overlay/loading-overlay.component';
 import { LoginFormComponent } from './login-form/login-form.component';
-import { MaskComponent } from './mask/mask.component';
 import { MenuComponent } from './menu/menu.component';
 import { NavigationComponent } from './navigation/navigation.component';
 import { PaginatorComponent } from './paginator/paginator.component';
@@ -110,13 +108,6 @@ export const componentsList: Routes = [
       name: 'CSV Entry',
     },
   },
-  {
-    path: 'datepicker',
-    component: DatepickerComponent,
-    data: {
-      name: 'Datepicker',
-    },
-  },
   {
     path: 'date-range',
     component: DateRangeComponent,
@@ -173,13 +164,6 @@ export const componentsList: Routes = [
       name: 'Login Form',
     },
   },
-  {
-    path: 'mask',
-    component: MaskComponent,
-    data: {
-      name: 'Mask',
-    },
-  },
   {
     path: 'menu',
     component: MenuComponent,

demo/app/components/date-range/date-range.component.html

@@ -16,10 +16,8 @@ <h3 tsCardTitle tsVerticalSpacing>Demo Controls</h3>
   <form [formGroup]="myForm" novalidate>
 
     <ts-date-range
-      startMaxDate="{{ myMin }}"
       [dateFormGroup]="myForm.get('dateRange')"
-      theme="accent"
-      (selectedDate)="printRange(myForm.value)"
+      (change)="printRange(myForm.value)"
     ></ts-date-range>
 
   </form>

demo/app/components/date-range/date-range.component.ts

@@ -20,20 +20,22 @@ date2.setDate(date2.getDate() + 5);
 })
 export class DateRangeComponent implements OnInit {
   myMin: Date = new Date(2017, 4, 2);
-  initialStart: Date = new Date(2017, 4, 5);
-  initialEnd: Date = new Date(2017, 4, 9);
+  /*
+   *initialStart: Date = new Date(2017, 4, 5);
+   *initialEnd: Date = new Date(2017, 4, 9);
+   */
   defaultMax = '2017-10-03';
   myForm: FormGroup = this.formBuilder.group({
     dateRange: this.formBuilder.group({
       startDate: [
-        {value: date1, disabled: false},
+        null,
         [
           Validators.required,
           this.validatorsService.maxDate(date1.toISOString()),
         ],
       ],
       endDate: [
-        date2,
+        null,
         [Validators.required],
       ],
     }),