comments

Author: andrewseguin

src/lib/input/input-container.html

@@ -1,7 +1,8 @@
 <div class="md-input-wrapper">
   <div class="md-input-table">
     <div class="md-input-prefix">
-      <ng-content select="[mdPrefix], [matPrefix], [md-prefix], [mat-prefix]"></ng-content>
+      <!-- TODO(andrewseguin): remove [md-prefix] -->
+      <ng-content select="[mdPrefix], [matPrefix], [md-prefix]"></ng-content>
     </div>
 
     <div class="md-input-infix" [class.md-end]="align == 'end'">
@@ -15,14 +16,15 @@
              [class.md-accent]="dividerColor == 'accent'"
              [class.md-warn]="dividerColor == 'warn'"
              *ngIf="_hasPlaceholder()">
-        <ng-content select="md-placeholder"></ng-content>
+        <ng-content select="md-placeholder, mat-placeholder"></ng-content>
         {{_mdInputChild.placeholder}}
         <span class="md-placeholder-required" *ngIf="_mdInputChild.required">*</span>
       </label>
     </div>
 
     <div class="md-input-suffix">
-      <ng-content select="[mdSuffix], [matSuffix], [md-suffix], [mat-suffix]"></ng-content>
+      <!-- TODO(andrewseguin): remove [md-suffix] -->
+      <ng-content select="[mdSuffix], [matSuffix], [md-suffix]"></ng-content>
     </div>
   </div>
 
@@ -34,6 +36,6 @@
           [class.md-warn]="dividerColor == 'warn'"></span>
   </div>
 
-  <div *ngIf="hintLabel != ''" [attr.id]="_hintLabelId" class="md-hint">{{hintLabel}}</div>
+  <div *ngIf="hintLabel != ''" [attr.id]="_hintLabelId" class="md-hint, mat-hint">{{hintLabel}}</div>
   <ng-content select="md-hint"></ng-content>
 </div>

src/lib/menu/menu-trigger.ts

@@ -30,6 +30,7 @@ import {MenuPositionX, MenuPositionY} from './menu-positions';
 /**
  * This directive is intended to be used in conjunction with an md-menu tag.  It is
  * responsible for toggling the display of the provided menu instance.
+ * TODO(andrewseguin): Remove the kebab versions in favor of camelCased attribute selectors
  */
 @Directive({
   selector: `[md-menu-trigger-for], [mat-menu-trigger-for],