JSFiddle - React, Tailwind, and code Playground

by Sergio

HTML

<script src="//code.jquery.com/jquery-1.10.2.js"></script>
<script src="//code.jquery.com/ui/1.11.4/jquery-ui.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.8/angular.min.js"></script>
<div ng-controller="MyCtrl">
    <input id="somedate" name="somedate" placeholder="yyyy-MM-dd" ng-model="somedate" value="{{ somedate | date: 'yyyy-MM-dd' }}" calendar>
</div>

JavaScript

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

myApp.controller('MyCtrl', ['$scope', '$rootScope', '$filter', 
        function ($scope, $rootScope, $filter) {
	    	// Scope definitions
    		$scope.somedate = '2015-11-25';  
		}
]);

myApp.directive('calendar', function() {
	     return {
                require: 'ngModel',
                link: function (scope, el, attr, ngModel) {
                    $(el).datepicker({
                        dateFormat: 'yy-mm-dd',
                        onSelect: function (dateText) {
                            scope.$apply(function () {
                                ngModel.$setViewValue(dateText);
                            });
                        }
                    });
                }
            };
	  });
//myApp.factory('myService', function() {});