daypilot

//HTML

 <div style="height:160px">
 <daypilot-navigator id="navigator" daypilot-config="navigatorConfig"></daypilot-navigator>
 </div>

//Javascript

 $scope.navigatorConfig = {
            selectMode: "day",
            showMonths: 10,
            orientation: "Horizontal",
            //cssClassPrefix: "navigatortheme", //https://doc.daypilot.org/navigator/css/
            onTimeRangeSelected: function(args) {
                 //Do things
            }
  };