Estou utilizando o seguinte calendário em meu projeto:
https://angular-ui.github.io/bootstrap/#/datepicker
Necessito personalizar os botões de voltar e avançar do calendário, eu desativei estes botões do calendário padrão (procurei a classe e dei um display none), porém preciso utilizá-los em outra parte do projeto, alguém tem alguma função que eu posso utilizar através de alguma div? Por exemplo:
$('.voltar_calendario').click(function() {
$('.datepicker').pickadate('prev');
});
$('.avancar_calendario').click(function() {
$('.datepicker').pickadate('next');
});
Obs: isto não funciona, é exemplo;
Necessito da data atual que é exibida no topo do calendário também.
O único html para ativar o calendário é o seguinte:
<uib-datepicker ng-model="dt" class="well-sm no_right" datepicker-options="inlineOptions" style="float:left; width: 100%;"></uib-datepicker>
Segue imagem do porque que precisei ocultar com css o cabeçalho do calendário, pois preciso utilizar no título:
Link do mesmo calendário no plunker: http://plnkr.co/edit/ZrfDlSROZxKrOAiA0PXp?p=preview