Code Snippet

function datePickerUi() {
    return {
        restrict: 'A',
        require: 'ngModel',
        link: function (scope, element, attrs, ngModelCtrl) {
            element.datepicker({
                isRTL: true,
                dateFormat: 'dd/mm/yy',
                onSelect: function (date) {
                    scope.$apply(function () {
                        ngModelCtrl.$setViewValue(date);
                    });
                }
            });

            ngModelCtrl.$render = function () {
                element.datepicker('setDate', ngModelCtrl.$modelValue);
            };

            element.datepicker('option', $.datepicker.regional['he']);
        }
    }
}

Code Snippet

module Infrastructure.Directives {
    export class DatePickerUI implements ng.IDirective {

        restrict = 'A';
        require = 'ngModel';

        link = (scope: ng.IScope, element: ng.IAugmentedJQuery, attrs: ng.IAttributes, ngModelCtrl: ng.INgModelController) => {

            element.datepicker({
                isRTL: true,
                dateFormat: 'dd/mm/yy',
                onSelect: function (date) {
                    scope.$apply(function () {
                        ngModelCtrl.$setViewValue(date);
                    });
                },
            });

            ngModelCtrl.$render = function () {
                element.datepicker('setDate', ngModelCtrl.$modelValue);
            };

            element.datepicker('option', $.datepicker.regional['he']);
        }

        static Factory(): ng.IDirectiveFactory {
            const directive = () => new DatePickerUI();
            directive.$inject = [];
            return directive;
        }
    }

    angular.module('infrastructure')
        .directive("datePickerUi", DatePickerUI.Factory());
}