with bootstrap-ui-datetime-picker
I try to change (today, date, close, now) button style, but not working for me.
In my controller, I add new options for picker where I translate this buttons, and where I try to change class like here in documentation nothing happened. My question is, how to change button style in date and time picker? thnx
date: date4.setDate(date4.getDate()),
datepickerOptions: {
showWeeks: true,
startingDay: 1,
// minDate: date4.setDate((new Date()).getDate() + 1);
minDate: date4
},
buttonBar: {
show: true,
now: {
show: true,
text: $filter("translate")("TODAY"),
cls: 'btn-sm btn-default button_pv'
},
today: {
show: true,
text: $filter("translate")("TODAY"),
cls: 'btn-sm btn-default button_pv'
},
clear: {
show: true,
text: $filter("translate")("CLEAR"),
cls: 'btn-sm btn-default button_pv'
},
date: {
show: true,
text: $filter("translate")("DATE"),
cls: 'btn-sm btn-default button_pv'
},
time: {
show: true,
text: $filter("translate")("TIME"),
cls: 'btn-sm btn-default button_pv'
},
close: {
show: true,
text: $filter("translate")("CLOSE"),
cls: 'btn-sm btn-default button_pv'
},
cancel: {
show: false,
text: 'Cancel',
cls: 'btn-sm btn-default button_pv'
}
}
You can change the button style by using CSS. This example changes the style on the "close" button.
AngularJS application
> demo fiddle