fix for validation messages

patrinhani-ciandt · patrinhani-ciandt · commit a85fd6d00032 · 2015-10-08T16:12:27.000-03:00
diff --git a/demo/index.html b/demo/index.html
@@ -14,21 +14,43 @@
     <meta name="viewport" content="width=device-width, minimum-scale=1.0, initial-scale=1.0, user-scalable=yes">
     <title>paper-input-date-picker Demo</title>
     <script src="../../webcomponentsjs/webcomponents-lite.js"></script>
+    <link rel="import" href="../../paper-button/paper-button.html">
     <link rel="import" href="../paper-input-date-picker.html">
   </head>
-  <body unresolved>
+<body unresolved>
 
-    <p>An example of <code>&lt;paper-input-date-picker&gt;</code>:</p>
+    <template is="dom-bind" id="app">
 
-    <p>An baic example of <code>&lt;paper-input-date-picker&gt;</code>:</p>
-    <paper-input-date-picker label="Pick a date..."></paper-input-date-picker>
-    <paper-input-date-picker label="Pick a date (No prefix icon)..." no-prefix-icon="true" style="width: 300px;"></paper-input-date-picker>
-
-
-    <p>An example of <code>&lt;paper-input-date-picker&gt;</code> with validaton messages:</p>
-    <paper-input-date-picker label="Pick a date..." required auto-validate error-message="needs some date!"></paper-input-date-picker>
-
-    <script>
-    </script>
+      <p>An example of <code>&lt;paper-input-date-picker&gt;</code>:</p>
+  
+      <p>An baic example of <code>&lt;paper-input-date-picker&gt;</code>:</p>
+      <paper-input-date-picker label="Pick a date..."></paper-input-date-picker>
+      <paper-input-date-picker label="Pick a date (No prefix icon)..." no-prefix-icon="true" style="width: 300px;"></paper-input-date-picker>
+  
+  
+      <p>An example of <code>&lt;paper-input-date-picker&gt;</code> with validaton messages:</p>
+      <paper-input-date-picker label="Pick a date..." required auto-validate error-message="needs some date!"></paper-input-date-picker>
+  
+      <p>An example of <code>&lt;paper-input-date-picker&gt;</code> with validaton messages:</p>
+      <paper-input-date-picker id="dynInputDate" label="Pick a date..."></paper-input-date-picker>
+      
+      <paper-button label="Teste" on-tap="onClickDynValidation" auto-validate>Validate</paper-button>
+  
+      <script>
+        
+        window.addEventListener('WebComponentsReady', function() {
+          
+          var app = document.querySelector('#app');
+          
+          app.onClickDynValidation = function () {
+            
+            this.$.dynInputDate.errorMessage = 'Errooooooo';
+            this.$.dynInputDate.setAttribute('invalid', 'true');
+            
+            console.log('ssdsas', this.$.dynInputDate.value);
+          };
+        });
+      </script>
+    </template>
   </body>
 </html>
diff --git a/paper-input-date-picker.html b/paper-input-date-picker.html
@@ -70,17 +70,32 @@
       <paper-input id="input"
         disabled="[[disabled]]"
         value="[[dateInputText]]"
+        invalid="{{invalid}}"
+        prevent-invalid-input="[[preventInvalidInput]]"
+        allowed-pattern="[[allowedPattern]]"
+        validator="[[validator]]"
+        type="[[type]]"
+        pattern="[[pattern]]"
+        required="[[required]]"
+        autocomplete="[[autocomplete]]"
+        autofocus="[[autofocus]]"
+        inputmode="[[inputmode]]"
+        minlength="[[minlength]]"
+        maxlength="[[maxlength]]"
+        min="[[min]]"
+        max="[[max]]"
+        step="[[step]]"
+        name="[[name]]"
         placeholder="[[placeholder]]"
         always-float-label="[[alwaysFloatLabel]]"
         no-label-float="[[noLabelFloat]]"
-        auto-validate$="[[autoValidate]]"
-        autocomplete$="[[autocomplete]]"
-        autofocus$="[[autofocus]]"
-        inputmode$="[[inputmode]]"
-        name$="[[name]]"
-        required$="[[required]]"
-        maxlength$="[[maxlength]]"
-        autocapitalize$="[[autocapitalize]]"
+        auto-validate="[[autoValidate]]"
+        list="[[lit]]"
+        size="[[size]]"
+        autocapitalize="[[autocapitalize]]"
+        autocorrect="[[autocorrect]]"
+        autosave="[[autosave]]"
+        results="[[results]]"
         error-message="[[errorMessage]]"
         label="[[label]]">
         <iron-icon icon="[[prefixIcon]]" hidden="[[noPrefixIcon]]" prefix></iron-icon>
