angularjs datepicker не загружает текущую дату

Question

Я пытаюсь реализовать указатель даты angularjs.Datepicker загружается, но не загружается в текущую дату.он загружается до самой старой даты в устройстве выбора даты, которая является 1 октября 1935 года. Как вы можете видеть, но с помощью приведенного ниже кода я добавил текущую дату в тег с помощью ng-model.Я напечатал переменную, которую я передал, используя ng-модель, и она печатает текущую дату.Почему средство выбора даты не загружается в текущую дату.Я проверил везде, и мой код кажется правильным.

datepicker.js

'use strict';

angular.module('dateSelector', ['ngMaterial', 'ngMessages'])
    .component('dateSelector', {
        templateUrl: '/static/js/angular/date-selector/src/date-selector.template.html',
        bindings:{
            dateSelectorVisible: '='
        },
        controller: ['$scope', function dateSelectorContoller($scope){
            var self = this;
            self.$onInit = function(){
                self.startDate = new Date();
                self.endDate = new Date();
            }
        }]
    });

date-selector.template.html

    <md-content  layout="column" layout-gt-sm="row" >
        <div layout="column" flex-order="1" flex-order-gt-sm="0">
            <md-subheader>Start Date {{$ctrl.startDate}}</md-subheader>
            <md-calendar ng-model="$ctrl.startDate"></md-calendar>
        </div>
        <div layout="column" flex-order="1" flex-order-gt-sm="1">
            <md-subheader>End Date</md-subheader>
            <md-calendar ng-model="$ctrl.endDate"> </md-calendar>
        </div>
    </md-content>

угловые контроллеры,все директивы и компоненты загружены правильно, похоже, проблема связана с кодом datepicker