fix(datepicker): throw error if inside md-input-container. For #5055

Author: jelbourn

src/components/datepicker/datePicker.js

@@ -79,7 +79,7 @@
               '</md-calendar>' +
             '</div>' +
           '</div>',
-      require: ['ngModel', 'mdDatepicker'],
+      require: ['ngModel', 'mdDatepicker', '?^mdInputContainer'],
       scope: {
         minDate: '=mdMinDate',
         maxDate: '=mdMaxDate',
@@ -92,6 +92,11 @@
         var ngModelCtrl = controllers[0];
         var mdDatePickerCtrl = controllers[1];
 
+        var mdInputContainer = controllers[2];
+        if (mdInputContainer) {
+          throw Error('md-datepicker should not be placed inside md-input-container.');
+        }
+
         mdDatePickerCtrl.configureNgModel(ngModelCtrl);
       }
     };

src/components/datepicker/datePicker.spec.js

@@ -19,7 +19,12 @@ describe('md-date-picker', function() {
          'ng-disabled="isDisabled">' +
     '</md-datepicker>';
 
-  beforeEach(module('material.components.datepicker', 'ngAnimateMock'));
+  var fakeInputModule = angular.module('fakeInputModule', [])
+      .directive('mdInputContainer', function() {
+        return {controller: angular.noop};
+      });
+
+  beforeEach(module('material.components.datepicker', 'ngAnimateMock', 'fakeInputModule'));
 
   beforeEach(inject(function($rootScope, $injector) {
     $compile = $injector.get('$compile');
@@ -94,6 +99,17 @@ describe('md-date-picker', function() {
     expect(controller.inputElement.placeholder).toBe('Fancy new placeholder');
   });
 
+  it('should throw an error when inside of md-input-container', function() {
+    var template =
+        '<md-input-container>' +
+          '<md-datepicker ng-model="myDate"></md-datepicker>' +
+        '</md-input-container>';
+
+    expect(function() {
+      $compile(template)(pageScope);
+    }).toThrowError('md-datepicker should not be placed inside md-input-container.');
+  });
+
   describe('ngMessages suport', function() {
     it('should set the `required` $error flag', function() {
       pageScope.isRequired = true;