Use configuration setting for date and time icons. Fixes #13.

Author: btecu

README.md

@@ -84,19 +84,6 @@ See [momentjs'](http://momentjs.com/docs/#/displaying/format/) docs for valid fo
 
 
 
-#### iconClasses, iconText
-
-Defaults: `glyphicon glyphicon-calendar`, ''
-
-Accepts: `string`
-
-```handlebars
-{{bs-datetimepicker iconClasses='material-icons' iconText='face'}}
-```
-
-Replaces the calendar icon class and text.
-
-
 #### icons
 
 Defaults: `component defaults`
@@ -112,6 +99,9 @@ Defaults: `component defaults`
 
 Replaces icon classes globally.
 Supported icons include `clear`, `close`, `date`, `down`, `next`, `previous`, `time`, `today` and `up`.
+If inner html has to be set (Material Icons), use `::after` pseudo selector.
+
+*Note:* When using only the time picker, pass `isTime=true` so that the correct icon is displayed.
 
 
 

addon/components/bs-datetimepicker.js

@@ -3,19 +3,29 @@ import layout from '../templates/components/bs-datetimepicker';
 
 const {
   $,
-  Component
+  Component,
+  computed
 } = Ember;
 
+const {
+  defaults
+} = $.fn.datetimepicker;
+
 export default Component.extend({
   layout,
   tagName: 'div',
   classNames: ['input-group date'],
-  iconClasses: ['glyphicon glyphicon-calendar'],
-  iconText: '',
+
+  iconClasses: computed('isTime', function() {
+    if (this.get('isTime')) {
+      return this.getWithDefault('config.icons.time', defaults.icons.time);
+    }
+
+    return this.getWithDefault('config.icons.date', defaults.icons.date);
+  }),
 
   didInsertElement() {
     this._super(...arguments);
-    let { defaults } = $.fn.datetimepicker;
 
     let icons = {
       clear: this.getWithDefault('config.icons.clear', defaults.icons.clear),

addon/templates/components/bs-datetimepicker.hbs

@@ -1,6 +1,4 @@
 <input type="text" class="form-control">
 <span class="input-group-addon">
-  <i class={{iconClasses}}>
-  	{{iconText}}
-  </i>
+  <i class={{iconClasses}}></i>
 </span>