JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.7/css/bootstrap.css">
<script src="https://cdnjs.cloudflare.com/ajax/libs/angular-scroll/1.0.2/angular-scroll.min.js"></script>
<div ng-app="myApp" >
  <div ng-controller="TodoCtrl">
  <h4>
  Auto Scroll
  </h4>
	<a href="" ng-click="scroll()" class="btn btn-primary">Click to See today's date</a>
 <div ng-repeat="item in dateArray">
 <span id="{{(item.getDate()==today.getDate())?'scrollDate':''}}">{{item | date}}</span>
 </div>
</div>
</div>

JavaScript

angular.module('myApp', [])

.controller('TodoCtrl', function($scope, $location, $anchorScroll){
	$scope.Date = Date;
	$scope.today = new Date();
	var currentMonth = $scope.today.getMonth();
	var currentYear = $scope.today.getFullYear();
	var startDate = new Date(currentYear, currentMonth, 1);
	var stopDate = new Date(currentYear, currentMonth, 30);
	$scope.dateArray = [];
	
	Date.prototype.addDays = function(days) {
    var date = new Date(this.valueOf());
    date.setDate(date.getDate() + days);
    return date;
}
	
	var currentDate = startDate;
    while (currentDate <= stopDate) {
        $scope.dateArray.push(new Date (currentDate));
        currentDate = currentDate.addDays(1);
    }
		
		$scope.scroll = function(){
			$location.hash('scrollDate');

      // call $anchorScroll()
      $anchorScroll();
		}
	
	
});