Initial Configuration

app.config(function(ngQuickDateDefaultsProvider) {
  // Configure with icons from font-awesome
  return ngQuickDateDefaultsProvider.set({
    closeButtonHtml: "<i class='fa fa-times'></i>",
    buttonIconHtml: "<i class='fa fa-clock-o'></i>",
    nextLinkHtml: "<i class='fa fa-chevron-right'></i>",
    prevLinkHtml: "<i class='fa fa-chevron-left'></i>",
    // Take advantage of Sugar.js date parsing
    parseDateFunction: function(str) {
      d = Date.create(str);
      return d.isValid() ? d : null;
    }
  });
});
      

Examples

<quick-datepicker ng-model='date1'></quick-datepicker>
          

<quick-datepicker ng-model='date1' icon-class='fa fa-calendar' label-format='EEEE, MMMM d, yyyy'></quick-datepicker>
          

<quick-datepicker ng-model='date2' disable-timepicker='true'></quick-datepicker>