I am currently using a datepicker that looks like this:
https://i.sstatic.net/XsrTO.png
When I hover over it, three arrows appear to change days or show the calendar.
However, I would like to remove these arrows.
Here is the code snippet:
link: function (scope, element, attr, ngModel) {
if (attr.type !== 'date') return;
var calendarioIco=angular.element('<div class="input-group-addon"><i class="fa fa-calendar"></i></div>');
calendarioIco.on('click',function(){
element.datepicker('show');
})
element.before(calendarioIco);
jQuery(element).datepicker({
autoclose:true,
language:'es',
weekStart:1,
format:'yyyy-mm-dd',
}).on('changeDate', function(dateText, inst){
jQuery(jQuery(element).data('greater')).datepicker("setStartDate",
jQuery(element).datepicker("getDate"));
}).on('mouseenter', function (){
$(this).removeClass("hover");
});
}
Thank you in advance for your help and apologies for any language mistakes.