Calendar

views

default
<div date-picker="start"></div> 
year
<div date-picker="start"  year></div> 
month
<div date-picker="start month></div> 
date
<div date-picker="start" date></div> 
hours
<div date-picker="start" hours></div> 
minutes
<div date-picker="start" minutes></div> 

Input

default

      

    

Input with append

default
<input type="datetime" ng-model="model" date-time></div> 

Input with prepend

default
<input type="datetime" ng-model="model" date-time></div> 
Input format
<input type="datetime" ng-model="model" date-time format="long"></div> 
A button
<div class="dropdown">
  <a class="dropdown-toggle btn btn-danger">
    pick a date: {{(date|date)}}
  </a>
  <div class="dropdown-menu" ng-click="$event.preventDefault();$event.stopPropagation()">
    <div date-picker="date" class="datetimepicker"></div>
  </div>
</div>
Date range
<div date-range start="start" end="end" ></div> 
Date range button