Slider: input does not get ui-state-disabled class

Fixes gh-7024
Fixes gh-6532
Closes gh-7617

(cherry picked from commit 61bdcd7)

js/widgets/forms/slider.js

@@ -585,6 +585,8 @@ $.widget( "mobile.slider", $.extend( {
 		this.slider
 			.toggleClass( "ui-state-disabled", value )
 			.attr( "aria-disabled", value );
+
+		this.element.toggleClass( "ui-state-disabled", value );
 	}
 
 }, $.mobile.behaviors.formReset ) );

tests/unit/slider/index.html

@@ -128,6 +128,10 @@
 			<input type="range" name="tooltip-test-both" id="tooltip-test-both" value="17" min="0" max="100" data-nstest-popup-enabled="true" data-nstest-show-value="true"/>
 		</label>
 
+		<label>Input slider:
+			<input type="range" name="disable-input-test" id="disable-input-test" value="17" min="0" max="100" />
+		</label>
+
 	</div>
 
 	<div id="enhancetest">

tests/unit/slider/slider_core.js

@@ -114,4 +114,13 @@
 
 		ok( slider.val() === sliderHandle.text(), "slider text should match handle text");
 	});
+
+	test( "slider input is disabled correctly", function() {
+		var slider = $( "#disable-input-test" );
+
+		slider.slider( "disable" );
+
+		ok( slider.hasClass( "ui-state-disabled" ), "disabling slider also disables the input" );
+	});
+
 })( jQuery );