Twitter's Bootstrap Datepicker missing Glyphicons

datepicker, glyphicons, twitter-bootstrap-3

Solution

Download the plugin's source code Javascript and CSS (or less) and replace old class references to new, see: http://www.bootply.com/bootstrap-3-migration-guide. B.e. as mentioned by PilHA replace `icon-*` with `glyphicon glyphicon-*`, `input-append` with `input-group` etc.

Do the same for your HTML code. Or use a migrator/updater like: http://twitterbootstrapmigrator.w3masters.nl/, http://bootstrap3.kissr.com/ or http://code.divshot.com/bootstrap3_upgrader/

Install Glyphicons from http://glyphicons.getbootstrap.com/: download the files and copy over all the font files to a /fonts directory near your CSS. Include the compiled CSS file from the /css in the repository to your local css folder or download the Less file and compile it with your Bootstrap files.

update Glyphicons are back since RC2. Twitter's Bootstrap 3 includes 180 glyphs in font format from the Glyphicon Halflings set.

Problem

I'm trying to use datepicker from bootstrap (http://eternicode.github.io/bootstrap-datepicker/) and everything works fine except none of the glyphicons are showing up. I saw that glyphicons are moved to another directory under bootstrap 3 (http://glyphicons.getbootstrap.com/) which is what I'm using, but I wasn't sure how I can integrate it. Both ``` <input type="text" value="12-02-2012" date-date-format="yyyy-mm-dd" class="datepicker"> ``` And ``` <div class="input-append date datepicker" data-date="12-02-2012" data-date-format="dd-mm-yyyy"> <input class="span2" size="16" type="text" value="12-02-2012" readonly/> <span class="add-on"><i class="icon-th"></i></span> </div> ``` Didn't work. Anyone knows how I can integrate bootstrap 3 with the twitter datepicker?

Original source