title: Angularjs Material md-datepicker within Formly template will not open calendar pane
body: <p>I'm trying to create a Formly template using md-datepicker. Unfortunately, when I click on the md-datepicker control within my form the calendar panel does not open.</p>
  
  <p><a href="https://i.stack.imgur.com/0dK4r.jpg" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/0dK4r.jpg" alt="enter image description here"></a></p>
  
  <p>controller code:</p>
  
  <pre><code>{
      className: 'col-xs-6',
      key: 'dateCreated',
      type: 'materialdatepicker',
      templateOptions: {
          label: 'Created'
      },
      expressionProperties: {
          'templateOptions.disabled': function () {
              return !vm.options.editMode;
          },
          'templateOptions.required': function () {
              return vm.options.editMode;
          }
      }
  }
  </code></pre>
  
  <p>template:</p>
  
  <pre><code>&lt;script type="text/ng-template" id="materialdatepicker.html"&gt;
      &lt;div layout="column"&gt;
          &lt;div flex="100"&gt;
              &lt;p class="input-group" style="display: block; margin: 0px;"&gt;
                  &lt;md-datepicker id="{{::id}}" name="{{::id}}" ng-model="model[options.key]"&gt;&lt;/md-datepicker&gt;
              &lt;/p&gt;
              &lt;div class="formlyMessages" ng-messages="fc.$error" ng-if="fc.$touched"&gt;
                  &lt;div class="formlyMessage" ng-message="{{::name}}" ng-repeat="(name, message) in ::options.validation.messages"&gt;
                      {{message(fc.$viewValue, fc.$modelValue, this)}}
                  &lt;/div&gt;
              &lt;/div&gt;
          &lt;/div&gt;
      &lt;/div&gt;
  &lt;/script&gt;
  </code></pre>
  
  <p>formly config:</p>
  
  <pre><code>formlyConfigProvider.setType({
      name: 'materialdatepicker',
      templateUrl: 'materialdatepicker.html',
      wrapper: ['bootstrapLabel', 'bootstrapHasError'],
      defaultOptions: {
          ngModelAttrs: ngModelAttrs
      },
      controller: ['$scope', function ($scope) {
          $scope.materialdatepicker = {};
      }]
  });
  </code></pre>
  
  <p>I can't seem to figure out how to get the calendar panel to open. I'm not getting any errors in the console and the control does get populated with my initial value.</p>
  
  <p>Any ideas?</p>