Displaying Left and Right Navigation Arrows in Liferay AUI Datepicker

By default in aui datepicker left and right navigation arrows have some issues.

But its easy to fix.

Use the below css:

<style>
.yui3-calendarnav-prevmonth {
   background: rgba(0, 0, 0, 0) url("/html/themes/classic/images/arrows/09_left.png") no-repeat scroll 0 0 !important;
}

.yui3-calendarnav-nextmonth{
background: rgba(0, 0, 0, 0) url("/html/themes/classic/images/arrows/09_right.png") no-repeat scroll 0 0 !important;
}
</style>

You can change the image as you wish.