JSFiddle - React, Tailwind, and code Playground

HTML

<script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.0.3/angular.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>
<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.10/jquery-ui.js"></script>
<div ng-app="demoApp" ng-controller="App">
  <input ng-model='date' type="date"/> {{date}}
</div>

JavaScript

var App = function($scope) {
  $scope.date = '2013-10-10';
}

var module = angular.module('demoApp',[]);
module.directive('input', function () {  
  return {
    require: '?ngModel',
    restrict: 'E',
    link: function (scope, element, attrs, ngModel) {
      if(attrs.type="date" && ngModel) {
        element.bind('change', function () {          
          ngModel.$setViewValue(element.val());
    	});
      }
    }
  };
});