JSFiddle - React, Tailwind, and code Playground

by Bhabani Raju

HTML

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.0.7/angular.min.js"></script>
<link rel="stylesheet" href="http://codeorigin.jquery.com/ui/1.10.3/themes/redmond/jquery-ui.css">
<div class="jqdatepicker" ></div>
<br/>
{{ date }}

JavaScript

var datePicker = angular.module('app', []);

datePicker.directive('jqdatepicker', function () {
    return {
        restrict: 'AC',
        require: 'ngModel',
         link: function (scope, element, attrs, ngModelCtrl) {
            element.datepicker({
                dateFormat: 'DD, d  MM, yy',
                onSelect: function (date) {
                    scope.date = date;
                    scope.$apply();
                }
            });
        }
    };
});