Update the fix using "dir=rtl" in markup to config the widget direction. The new testcase is http://jsfiddle.net/nhvwL5my/

Signed-off-by: RockQ <rqruanqi@cn.ibm.com>

Author: RockQ

themes/base/spinner.css

@@ -73,7 +73,7 @@
 	right: auto;
 	left: 0;
 }
-.ui-rtl .ui-spinner a.ui-spinner-button {
+.ui-rtl.ui-spinner a.ui-spinner-button {
 	border-left-width: 0;
 	border-right-width: 1px;
 }

ui/core.js

@@ -6,8 +6,14 @@
  * Released under the MIT license.
  * http://jquery.org/license
  *
- * http://api.jqueryui.com/category/ui-core/
  */
+
+//>>label: Core
+//>>group: UI Core
+//>>description: The core of jQuery UI, required for all interactions and widgets.
+//>>docs: http://api.jqueryui.com/category/ui-core/
+//>>demos: http://jqueryui.com/
+
 (function( factory ) {
 	if ( typeof define === "function" && define.amd ) {
 
@@ -136,14 +142,6 @@ $.extend( $.expr[ ":" ], {
 	}
 });
 
-// support: document in RTL mode
-$(function () {
-    $.ui.isRtl = ( $( "body" ).attr( "dir" ) || $( "html" ).attr( "dir" ) || "" ).toLowerCase() === "rtl";
-    if ( $.ui.isRtl ) {
-        $( "body" ).addClass( "ui-rtl" );
-    }
-});
-
 // support: jQuery <1.8
 if ( !$( "<a>" ).outerWidth( 1 ).jquery ) {
 	$.each( [ "Width", "Height" ], function( i, name ) {
@@ -217,22 +215,6 @@ if ( $( "<a>" ).data( "a-b", "a" ).removeData( "a-b" ).data( "a-b" ) ) {
 $.ui.ie = !!/msie [\w.]+/.exec( navigator.userAgent.toLowerCase() );
 
 $.fn.extend({
-	focus: (function( orig ) {
-		return function( delay, fn ) {
-			return typeof delay === "number" ?
-				this.each(function() {
-					var elem = this;
-					setTimeout(function() {
-						$( elem ).focus();
-						if ( fn ) {
-							fn.call( elem );
-						}
-					}, delay );
-				}) :
-				orig.apply( this, arguments );
-		};
-	})( $.fn.focus ),
-
 	disableSelection: (function() {
 		var eventType = "onselectstart" in document.createElement( "div" ) ?
 			"selectstart" :
@@ -247,35 +229,6 @@ $.fn.extend({
 
 	enableSelection: function() {
 		return this.unbind( ".ui-disableSelection" );
-	},
-
-	zIndex: function( zIndex ) {
-		if ( zIndex !== undefined ) {
-			return this.css( "zIndex", zIndex );
-		}
-
-		if ( this.length ) {
-			var elem = $( this[ 0 ] ), position, value;
-			while ( elem.length && elem[ 0 ] !== document ) {
-				// Ignore z-index if position is set to a value where z-index is ignored by the browser
-				// This makes behavior of this function consistent across browsers
-				// WebKit always returns auto if the element is positioned
-				position = elem.css( "position" );
-				if ( position === "absolute" || position === "relative" || position === "fixed" ) {
-					// IE returns 0 when zIndex is not specified
-					// other browsers return a string
-					// we ignore the case of nested elements with an explicit value of 0
-					// <div style="z-index: -10;"><div style="z-index: 0;"></div></div>
-					value = parseInt( elem.css( "zIndex" ), 10 );
-					if ( !isNaN( value ) && value !== 0 ) {
-						return value;
-					}
-				}
-				elem = elem.parent();
-			}
-		}
-
-		return 0;
 	}
 });
 

ui/spinner.js

@@ -5,9 +5,14 @@
  * Copyright 2014 jQuery Foundation and other contributors
  * Released under the MIT license.
  * http://jquery.org/license
- *
- * http://api.jqueryui.com/spinner/
  */
+
+//>>label: Spinner
+//>>group: Widgets
+//>>description: Displays buttons to easily input numbers via the keyboard or mouse.
+//>>docs: http://api.jqueryui.com/spinner/
+//>>demos: http://jqueryui.com/spinner/
+
 (function( factory ) {
 	if ( typeof define === "function" && define.amd ) {
 
@@ -60,6 +65,7 @@ return $.widget( "ui.spinner", {
 	},
 
 	_create: function() {
+		var rtl = this.element.attr( "dir" ) === "rtl";
 		// handle string values that need to be parsed
 		this._setOption( "max", this.options.max );
 		this._setOption( "min", this.options.min );
@@ -202,13 +208,16 @@ return $.widget( "ui.spinner", {
 	},
 
 	_draw: function() {
-		var uiSpinner = this.uiSpinner = this.element
+		var rtl = this.element.attr( "dir" ) === "rtl",
+			uiSpinner = this.uiSpinner = this.element
 			.addClass( "ui-spinner-input" )
 			.attr( "autocomplete", "off" )
 			.wrap( this._uiSpinnerHtml() )
 			.parent()
 				// add buttons
-				.append( this._buttonHtml() );
+				.append( this._buttonHtml() )
+				// add ui-rtl class
+				.toggleClass( "ui-rtl", rtl );
 
 		this.element.attr( "role", "spinbutton" );
 
@@ -258,11 +267,12 @@ return $.widget( "ui.spinner", {
 	},
 
 	_buttonHtml: function() {
+		var rtl = this.element.attr( "dir" ) === "rtl";
 		return "" +
-			"<a class='ui-spinner-button ui-spinner-up " + ($.ui.isRtl ? "ui-corner-tl" : "ui-corner-tr") + "'>" +
+			"<a class='ui-spinner-button ui-spinner-up " + ( rtl ? "ui-corner-tl'>" : "ui-corner-tr'>" ) +
 				"<span class='ui-icon " + this.options.icons.up + "'>&#9650;</span>" +
 			"</a>" +
-			"<a class='ui-spinner-button ui-spinner-down " + ($.ui.isRtl ? "ui-corner-bl" : "ui-corner-br") + "'>" +
+			"<a class='ui-spinner-button ui-spinner-down " + ( rtl ? "ui-corner-bl'>" : "ui-corner-br'>" ) +
 				"<span class='ui-icon " + this.options.icons.down + "'>&#9660;</span>" +
 			"</a>";
 	},