AngularJS directive for WinJS DatePicker control.

WinDatePicker.ts

//Usage example: <div id="txtStartDate" data-win-datepicker="" data-ng-model="task.startDate">
module dt
{
    "use strict";
    export function WinDatePicker($parse): ng.IDirective
    {
        return {
            restrict: 'A',
            link(scope, element, attrs)
            {
                var modelAccessor = $parse(attrs.ngModel);
                var datePicker = new WinJS.UI.DatePicker(element[0]);

                scope.$watch(modelAccessor, function (val)
                {
                    datePicker.current = val;
                });

                datePicker.addEventListener("change", function ()
                {
                    var date = datePicker.current;

                    scope.$apply(function (scope)
                    {
                        modelAccessor.assign(scope, date);
                    });
                });
            }
        }
    }
}