Fixes #5

Author: patrinhani-ciandt

demo/index.html

@@ -38,21 +38,45 @@
 
       <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 on-tap="onClickDynSetMinDate" auto-validate>Set Min Date</paper-button>
+
+      <paper-button on-tap="onClickDynSetMaxDate" auto-validate>Set Max Date</paper-button>
 
-      <paper-button label="Teste" on-tap="onClickDynValidation" auto-validate>Validate</paper-button>
+      <paper-button on-tap="onClickDynValidation" auto-validate>Validate</paper-button>
 
       <script>
 
         window.addEventListener('WebComponentsReady', function() {
 
           var app = document.querySelector('#app');
+
+          app.onClickDynSetMinDate = function () {
+            var numberDaysBeforeToday = 10;
+            var daysToTimestampCalcFactor = 24 * 60 * 60 * 1000;
+
+            // Subtract some days from today.
+            var timestampDaysToSubtract = (numberDaysBeforeToday * daysToTimestampCalcFactor);
+            var minDate = new Date((new Date()).valueOf() - timestampDaysToSubtract)
+
+            this.$.dynInputDate.minDate = minDate;
+          };
 
+          app.onClickDynSetMaxDate = function () {
+            var numberDaysAfterToday = 10;
+            var daysToTimestampCalcFactor = 24 * 60 * 60 * 1000;
+
+            // Add some days from today.
+            var timestampDaysToAdd = (numberDaysAfterToday * daysToTimestampCalcFactor);
+            var maxDate = new Date((new Date()).valueOf() + timestampDaysToAdd)
+
+            this.$.dynInputDate.maxDate = maxDate;
+          };
+
           app.onClickDynValidation = function () {
 
             this.$.dynInputDate.errorMessage = 'Errooooooo';
             this.$.dynInputDate.setAttribute('invalid', 'true');
-            
-            console.log('ssdsas', this.$.dynInputDate.value);
           };
         });
       </script>

paper-input-date-picker.html

@@ -110,7 +110,7 @@
       </paper-input>
     </paper-button>
     <paper-dialog id="dialog" class="paper-date-picker-dialog" modal="[[modal]]" on-iron-overlay-closed="_dismissDialog">
-      <paper-date-picker id="picker" locale="{{locale}}"></paper-date-picker>
+      <paper-date-picker id="picker" locale="[[locale]]" min-date="[[_computeMinDate(minDate)]]" max-date="[[_computeMaxDate(maxDate)]]"></paper-date-picker>
       <div class="buttons">
         <paper-button dialog-dismiss on-tap="_onTapClearValue" class="btn-clear">Clear</paper-button>
         <paper-button dialog-dismiss>Cancel</paper-button>
@@ -194,9 +194,20 @@
        * For localization formatting.
        */
       locale: {
-        type: String
+        type: String,
+        notify: true
       },
 
+      minDate: {
+        type: Date,
+        notify: true
+      },
+ 
+      maxDate: {
+        type: Date,
+        notify: true
+      },
+
       keyEventTarget: {
         type: Object,
         value: function() {
@@ -218,6 +229,22 @@
       return this.$.input;
     },
 
+    _computeMinDate: function (minDate) {
+      if (minDate) {
+        return minDate;
+      }
+
+      return null;
+    },
+
+    _computeMaxDate: function (maxDate) {
+      if (maxDate) {
+        return maxDate;
+      }
+
+      return null;
+    },
+
     listeners: {
       'focus': '_onFocus'
     },