fix(input): improve use of placeholder and floating label

Closes #1409.

Author: ThomasBurleson

src/components/icon/iconService.js

@@ -315,7 +315,8 @@
    }
 
    /**
-    *
+    *    Loads the file as XML and uses querySelector( <id> ) to find
+    *    the desired node...
     */
    function loadFromIconSet(id) {
      var setName = id.substring(0, id.lastIndexOf(':')) || '$default';

src/components/input/demoBasicUsage/index.html

@@ -14,11 +14,18 @@
   <md-content class="md-padding">
     <form name="userForm">
 
-      <md-input-container flex>
-        <label>Company (Disabled)</label>
-        <input ng-model="user.company" disabled>
-      </md-input-container>
-    
+      <div layout layout-sm="column">
+        <md-input-container style="width:80%">
+            <label>Company (Disabled)</label>
+            <input ng-model="user.company" disabled>
+          </md-input-container>
+
+        <md-input-container flex>
+          <label>Submission Date</label>
+          <input type="date" ng-model="user.submissionDate">
+        </md-input-container>
+      </div>
+
       <div layout layout-sm="column">
         <md-input-container flex>
           <label>First Name</label>
@@ -55,6 +62,7 @@
         <textarea ng-model="user.biography" columns="1" md-maxlength="150"></textarea>
       </md-input-container>
 
+
     </form>
   </md-content>
 

src/components/input/input.scss

@@ -77,6 +77,11 @@ md-input-container {
     opacity: 0;
   }
 
+  &:not( .md-input-has-value ) input:not( :focus ) {
+    color: transparent;
+  }
+
+
   /*
    * The .md-input class is added to the input/textarea
    */