Datepicker: Use button widgets for the previous and next arrows.

Author: tjvantoll

datepicker-rewrite/picker.js

@@ -256,7 +256,7 @@ $.widget( "ui.datepicker", {
 		this.date.refresh();
 
 		this._createDatepicker();
-		this.picker.find( "button" ).button();
+		this.picker.find( "button, .ui-datepicker-header a" ).button();
 
 		if ( this.inline ) {
 			this.picker.children().addClass( "ui-datepicker-inline" );

themes/base/jquery.ui.datepicker.css

@@ -21,8 +21,8 @@
 .ui-datepicker .ui-datepicker-next {
 	position: absolute;
 	top: 2px;
-	width: 1.8em;
-	height: 1.8em;
+	width: 19px;
+	height: 18px;
 }
 .ui-datepicker .ui-datepicker-prev-hover,
 .ui-datepicker .ui-datepicker-next-hover {
@@ -40,8 +40,8 @@
 .ui-datepicker .ui-datepicker-next-hover {
 	right: 1px;
 }
-.ui-datepicker .ui-datepicker-prev span,
-.ui-datepicker .ui-datepicker-next span {
+.ui-datepicker .ui-datepicker-prev .ui-icon,
+.ui-datepicker .ui-datepicker-next .ui-icon {
 	display: block;
 	position: absolute;
 	left: 50%;