Add support for font-awesome

[mikehaertl]

It would be cool, if we could configure our own icons. It already seems to work, if you use the form-group variant. But there's no way to configure the icon if you use the icon-less variant as in Example 6.

[Eonasdan]

The idea is to use this plugin with BS. However, I would think you could just overwrite the CSS classes for the calendar and clock icons

[mikehaertl]

We use it with BS - but we use font awesome as icons, not glyphicons (which is probably a quite common scenario).

So a config option would be nice. The code doesn't need to change much for that.

[Eonasdan]

I haven't tried it myself, but this was in the original project
See line 72

You might just need to have a span with data-time-icon and data-date-icon. You should be able to give it the up/down icons too

[mikehaertl]

Yeah, i've seen that - but this only works if you have enclosed the input in a div.control-group. All we'd need to do would be to change line 80 ff. to something like:

if (!picker.timeIcon) picker.timeIcon = picker.options.timeIcon;
...

And move the default values for timeIcon, upIcon and downIcon to defaults in line 33.

[Eonasdan]

maybe what would be better is to make picker.options.icon an object that holds all the icons

[mikehaertl]

You mean like:

picker.options.icon = {
   time: 'glyphicon glyhpicon-time',
   up:  'glyphicon glyhpicon-chevron-up',
   ...

Looks good to me. dateIcon can be moved there, too.

[Eonasdan]

@mikehaertl check out the latest commit. There's now support for an icon's array that you can provide some to all of the icons. Default to glyphicon

[kbtz]

You're welcome...

$.fn.datetimepicker.defaults.icons = {
    time: 'fa fa-clock-o',
    date: 'fa fa-calendar',
    up: 'fa fa-chevron-up',
    down: 'fa fa-chevron-down',
    previous: 'fa fa-chevron-left',
    next: 'fa fa-chevron-right',
    today: 'fa fa-dot-circle-o',
    clear: 'fa fa-trash',
    close: 'fa fa-times'
};

[zedtux]

Awesome @cvsguimaraes !

[dessalines]

That did it, thanks!

[pedrorio]

previous: 'fa fa-chevron-left',
next: 'fa fa-chevron-right'