Bootstrap 3.0.0 breaks the datepicker icon

Question

Here is the Demo

If you use 2.3.1, uncomment line 12 and you will see the button appearing correctly

Does anyone know how can I fix it for version 3.0.0-rc1?

Answer 1

To fix the icon issue in bootstrap-datepicker for bootstrap 3.0 do this:

// ../bootstrap-datepicker.js

Search the next content and replace

replace <i class="icon-arrow-left"/>

with <i class="glyphicon glyphicon-arrow-left"/>

replace <i class="icon-arrow-right"/>

with <i class="glyphicon glyphicon-arrow-right"/>

replace .toggleClass('icon-arrow-left icon-arrow-right');

with .toggleClass('glyphicon-arrow-left glyphicon-arrow-right');

That's all, I hope it works for you.