<link href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css">
<script src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/js/bootstrap.min.js"></script>
<script src="//code.jquery.com/jquery-1.11.1.min.js"></script>
<link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet">
<div class="container">
<div class="row">
<h2>Month-Picker</h2>
</div>
<div class="col-lg-4"> <input type="text" class=" month_input" placeholder="End Date of Dedicated Assignment" style="font-size: 13px;width:233px;">
<div class="panel month_picker_outer">
<div class="panel-body">
<div class="col-lg-12 no-padding clear">
<div class="row">
<div class="col-lg-4 col-md-4 col-sm-4 col-xs-4 no-padding"><a href="javascript:void(0);"><i class="fa fa-chevron-left" aria-hidden="true"></i></a> </div>
<div class="col-lg-4 col-md-4 col-sm-4 col-xs-4 no-padding text-center"><button type="button" class="btn btn-sm month_btn month_btn_active">2000</button> </div>
<div class="col-lg-4 col-md-4 col-sm-4 col-xs-4 no-padding text-right"><a href="javascript:void(0);"><i class="fa fa-chevron-right" aria-hidden="true"></i></a></div>
</div>
<div class="row">
<div class="col-lg-4 col-md-4 col-sm-4 col-xs-4 no-padding"><button class="btn btn-sm month_btn pull-left">January </button> </div>
<div class="col-lg-4 col-md-4 col-sm-4 col-xs-4 no-padding text-center"><button type="button" class="btn btn-sm month_btn">February</button> </div>
<div class="col-lg-4 col-md-4 col-sm-4 col-xs-4 no-padding"><button class="btn btn-sm month_btn pull-right"> March </button> </div>
</div>
<div class="row">
<div class="col-lg-4 col-md-4 col-sm-4 col-xs-4 no-padding"><button class="btn btn-sm month_btn pull-left">April </button> </div>
<div class="col-lg-4 col-md-4 col-sm-4 col-xs-4 no-padding text-center"><button type="button" class="btn btn-sm month_btn">May</button> </div>
<div class="col-lg-4 col-md-4 col-sm-4 col-xs-4 no-padding"><button class="btn btn-sm month_btn pull-right"> June </button> </div>
</div>
<div class="row">
<div class="col-lg-4 col-md-4 col-sm-4 col-xs-4 no-padding"><button class="btn btn-sm month_btn pull-left">July </button> </div>
<div class="col-lg-4 col-md-4 col-sm-4 col-xs-4 no-padding text-center"><button type="button" class="btn btn-sm month_btn">August</button> </div>
<div class="col-lg-4 col-md-4 col-sm-4 col-xs-4 no-padding"><button class="btn btn-sm month_btn pull-right"> September </button> </div>
</div>
<div class="row">
<div class="col-lg-4 col-md-4 col-sm-4 col-xs-4 no-padding"><button class="btn btn-sm month_btn pull-left">October </button> </div>
