fix(datepicker): set datepicker touched if bluring input or closing the pane

Fixes #6598

Author: devversion

src/components/datepicker/datePicker.js

@@ -574,6 +574,8 @@
       this.calendarPaneOpenedFrom = null;
       this.$mdUtil.enableScrolling();
 
+      this.ngModelCtrl.$setTouched();
+
       this.documentElement.off('click touchstart', this.bodyClickHandler);
       window.removeEventListener('resize', this.windowResizeHandler);
     }
@@ -598,6 +600,9 @@
    * @param {boolean} isFocused
    */
   DatePickerCtrl.prototype.setFocused = function(isFocused) {
+    if (!isFocused) {
+      this.ngModelCtrl.$setTouched();
+    }
     this.isFocused = isFocused;
   };
 

src/components/datepicker/datePicker.spec.js

@@ -293,6 +293,28 @@ describe('md-date-picker', function() {
       expect(controller.ngModelCtrl.$modelValue).toEqual(initialDate);
     });
 
+    it('shoud become touched from bluring closing the pane', function() {
+      populateInputElement('17/1/2015');
+
+      controller.openCalendarPane({
+        target: controller.inputElement
+      });
+      controller.closeCalendarPane();
+
+      expect(controller.ngModelCtrl.$touched).toBe(true);
+    });
+
+    it('should become touch from bluring the input', function() {
+      populateInputElement('17/1/2015');
+
+      var input = angular.element(controller.inputElement);
+
+      input.triggerHandler('focus');
+      input.triggerHandler('blur');
+
+      expect(controller.ngModelCtrl.$touched).toBe(true);
+    });
+
     it('should not update the input string is not "complete"', function() {
       var date = new Date(2015, DEC, 1);
       pageScope.myDate = date;