docs(examples): replace md-input with mdInput (#3135)

* docs(examples): replace md-input with mdInput

* more changes

Author: andrewseguin

src/examples/chips-stacked/chips-stacked-example.html

@@ -1,4 +1,4 @@
-<md-chip-list class="md-chip-list-stacked">
+<md-chip-list class="mat-chip-list-stacked">
   <md-chip *ngFor="let chipColor of availableColors"
       selected="true"
       color="{{chipColor.color}}">

src/examples/input-form/input-form-example.html

@@ -1,35 +1,35 @@
 <form class="example-form">
   <md-input-container class="example-full-width">
-    <input md-input placeholder="Company (disabled)" disabled value="Google">
+    <input mdInput placeholder="Company (disabled)" disabled value="Google">
   </md-input-container>
 
   <table class="example-full-width" cellspacing="0"><tr>
     <td><md-input-container class="example-full-width">
-      <input md-input placeholder="First name">
+      <input mdInput placeholder="First name">
     </md-input-container></td>
     <td><md-input-container class="example-full-width">
-      <input md-input placeholder="Long Last Name That Will Be Truncated">
+      <input mdInput placeholder="Long Last Name That Will Be Truncated">
     </md-input-container></td>
   </tr></table>
 
   <p>
     <md-input-container class="example-full-width">
-      <textarea md-input placeholder="Address">1600 Amphitheatre Pkwy</textarea>
+      <textarea mdInput placeholder="Address">1600 Amphitheatre Pkwy</textarea>
     </md-input-container>
     <md-input-container class="example-full-width">
-      <textarea md-input placeholder="Address 2"></textarea>
+      <textarea mdInput placeholder="Address 2"></textarea>
     </md-input-container>
   </p>
 
   <table class="example-full-width" cellspacing="0"><tr>
     <td><md-input-container class="example-full-width">
-      <input md-input placeholder="City">
+      <input mdInput placeholder="City">
     </md-input-container></td>
     <td><md-input-container class="example-full-width">
-      <input md-input placeholder="State">
+      <input mdInput placeholder="State">
     </md-input-container></td>
     <td><md-input-container class="example-full-width">
-      <input md-input #postalCode maxlength="5" placeholder="Postal Code" value="94043">
+      <input mdInput #postalCode maxlength="5" placeholder="Postal Code" value="94043">
       <md-hint align="end">{{postalCode.value.length}} / 5</md-hint>
     </md-input-container></td>
   </tr></table>

src/examples/input-overview/input-overview-example.html

@@ -1,3 +1,3 @@
 <md-input-container>
-  <input md-input placeholder="Favorite food" value="Sushi">
+  <input mdInput placeholder="Favorite food" value="Sushi">
 </md-input-container>

src/examples/slider-configurable/slider-configurable-example.html

@@ -4,16 +4,16 @@ <h2 class="example-h2">Slider configuration</h2>
 
     <section class="example-section">
       <md-input-container class="example-margin">
-        <input md-input type="number" placeholder="Value" [(ngModel)]="value">
+        <input mdInput type="number" placeholder="Value" [(ngModel)]="value">
       </md-input-container>
       <md-input-container class="example-margin">
-        <input md-input type="number" placeholder="Min value" [(ngModel)]="min">
+        <input mdInput type="number" placeholder="Min value" [(ngModel)]="min">
       </md-input-container>
       <md-input-container class="example-margin">
-        <input md-input type="number" placeholder="Max value" [(ngModel)]="max">
+        <input mdInput type="number" placeholder="Max value" [(ngModel)]="max">
       </md-input-container>
       <md-input-container class="example-margin">
-        <input md-input type="number" placeholder="Step size" [(ngModel)]="step">
+        <input mdInput type="number" placeholder="Step size" [(ngModel)]="step">
       </md-input-container>
     </section>
 
@@ -23,7 +23,7 @@ <h2 class="example-h2">Slider configuration</h2>
         Auto ticks
       </md-checkbox>
       <md-input-container class="example-margin" *ngIf="showTicks && !autoTicks">
-        <input md-input type="number" placeholder="Tick interval" [(ngModel)]="tickInterval">
+        <input mdInput type="number" placeholder="Tick interval" [(ngModel)]="tickInterval">
       </md-input-container>
     </section>
 

src/examples/snack-bar-overview/snack-bar-overview-example.html

@@ -1,9 +1,9 @@
 <md-input-container>
-  <input md-input value="Disco party!" placeholder="Message" #message>
+  <input mdInput value="Disco party!" placeholder="Message" #message>
 </md-input-container>
 
 <md-input-container>
-  <input md-input value="Dance" placeholder="Action" #action>
+  <input mdInput value="Dance" placeholder="Action" #action>
 </md-input-container>
 
 <button md-button (click)="openSnackBar(message.value, action.value)">Show snack-bar</button>

src/lib/chips/chip-list.ts

@@ -29,7 +29,7 @@ import {SPACE, LEFT_ARROW, RIGHT_ARROW} from '../core/keyboard/keycodes';
 @Component({
   moduleId: module.id,
   selector: 'md-chip-list, mat-chip-list',
-  template: `<div class="md-chip-list-wrapper"><ng-content></ng-content></div>`,
+  template: `<div class="mat-chip-list-wrapper"><ng-content></ng-content></div>`,
   host: {
     // Properties
     'tabindex': '0',