Angularjs ui bootstrap date picker icon issue in firefox

Question

I am using Angularjs ui bootstrap date picker but the icon <i class="glyphicon glyphicon-calendar"></i> is not appearing properly in firefox but the icon is fine in Chrome. Please see the attached screen shot for Mozilla. How can I fix it?

The following is my jsp code:

<input type="text" class="form-control" ng-disabled=true datepicker-popup="dd-MMM-yyyy" style="height: 20px; width: 79px" ng-model="ui3DataSet.toDate" is-open="openedSecond" min-date="minDate" max-date="'2015-06-22'" datepicker-options="dateOptions" ng-required="true" close-text="Close" />

<button type="button" class="btn btn-default" ng-click="openSecond($event)">
    <i class="glyphicon glyphicon-calendar"></i>
</button>

date picker icon issue

i am also having same issue.. can anyone help me? what can i do for that? — Sithu05
– Sithu05, Commented Apr 12, 2016 at 12:10

robBerto · Accepted Answer · 2015-03-24 10:31:35Z

0

In my app I use the tag span instead of the tag i. This works for me. (I can't write comments)

answered Mar 24, 2015 at 10:31

robBerto

1962 silver badges14 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Madasu K Over a year ago

But it is not working for me. When replaced with font awesome <i class="fa fa-calendar" ></i>, it is fine after date input box, but after calender pops up the left and right arrows in the calender have same problem. I am looking for the way to replace them too with font awesome.

Collectives™ on Stack Overflow

Angularjs ui bootstrap date picker icon issue in firefox

1 Answer 1

1 Comment

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Linked

Related