mohitmamoria/DatePicker.js

## app.html
<html ng-app="myApp">
	<body ng-controller="ProfileCtrl">
		<script src="angular.js"></script>
		<script src="DatePicker.js"></script>
		<script>
			angular.module('myApp').controller('ProfileCtrl', ['$scope', function($scope) {
				$scope.dateOfBirth = '';
			}]);
		</script>
		<input type="text" class="date-picker" ng-model="dateOfBirth">
	</body>
</html>

## DatePicker.js
'use strict';

angular.module('myApp')
.directive('DatePicker', function () {
	return {
		restrict: 'C',
		require: 'ngModel',
		link: function (scope, element, attrs, ngModel) {
			element.datepicker({
				dateFormat: 'yy-mm-dd',
				changeMonth: true,
				changeYear: true,
				onSelect: function(dateValue) {
					scope.$apply(function() {
						ngModel.$setViewValue(dateValue);
					});
				}
			});
		}
	};
});
	<html ng-app="myApp">
	<body ng-controller="ProfileCtrl">
	<script src="angular.js"></script>
	<script src="DatePicker.js"></script>
	<script>
	angular.module('myApp').controller('ProfileCtrl', ['$scope', function($scope) {
	$scope.dateOfBirth = '';
	}]);
	</script>
	<input type="text" class="date-picker" ng-model="dateOfBirth">
	</body>
	</html>
	'use strict';

	angular.module('myApp')
	.directive('DatePicker', function () {
	return {
	restrict: 'C',
	require: 'ngModel',
	link: function (scope, element, attrs, ngModel) {
	element.datepicker({
	dateFormat: 'yy-mm-dd',
	changeMonth: true,
	changeYear: true,
	onSelect: function(dateValue) {
	scope.$apply(function() {
	ngModel.$setViewValue(dateValue);
	});
	}
	});
	}
	};
	});