CODEWITHSUNDEEP
angularjstwitter-bootstrapdatepickerangular-ui
Catfish
Catfish

Reputation: 19304

Angularui bootstrap datepicker - how to set icon classes on the datepicker prev/next buttons?

I'm using this template: http://startbootstrap.com/templates/sb-admin/bootstrap-elements.html and all the icons have the classes fa and fa-chevron-right for example instead of icon and icon-chevron-right.

The Angular-uiui bootstrap datepicker has this icon for the "next" button:

<i class="icon-chevron-right"></i>

How can I change it to:

<i class="fa fa-chevron-right"></i>

Upvotes: 0

Views: 2268

Answers (1)

artur grzesiak
artur grzesiak

Reputation: 20348

If you use single ui-bootstrap-tpls.min.js at the very bottom of it there is section where all the templates are declared. Just look for all places where icon is present and change it to fa -- or use auto-replacement (it should not change anything else than css classes, but use responsibly;-)). That should be enough.

If you use just template for the datepicker: it is even easier, as you have to modify one file.

Upvotes: 3

Related Questions