diff --git a/packages/main/src/ColorPicker.hbs b/packages/main/src/ColorPicker.hbs
index 78936302b0df0..b6ca0f168d51a 100644
--- a/packages/main/src/ColorPicker.hbs
+++ b/packages/main/src/ColorPicker.hbs
@@ -17,16 +17,16 @@
         <ui5-slider
             disabled="{{inputsDisabled}}"
             class="ui5-color-picker-hue-slider"
-            min="0"
-            max="1530"
+            min-value="0"
+            max-value="1530"
             value="{{_hue}}"
             @ui5-input="{{_handleHueInput}}"
         ></ui5-slider>
         <ui5-slider
             disabled="{{inputsDisabled}}"
             class="ui5-color-picker-alpha-slider"
-            min="0"
-            max="1"
+            min-value="0"
+            max-value="1"
             step="0.01"
             value="{{_alpha}}"
             @ui5-input="{{_handleAlphaInput}}"
diff --git a/packages/main/src/RangeSlider.hbs b/packages/main/src/RangeSlider.hbs
index 152061156ba8f..a85a9c40fc5df 100644
--- a/packages/main/src/RangeSlider.hbs
+++ b/packages/main/src/RangeSlider.hbs
@@ -12,8 +12,8 @@
 			role="slider"
 			tabindex="{{tabIndex}}"
 			aria-orientation="horizontal"
-			aria-valuemin="{{min}}"
-			aria-valuemax="{{max}}"
+			aria-valuemin="{{minValue}}"
+			aria-valuemax="{{maxValue}}"
 			aria-valuetext="From {{startValue}} to {{endValue}}"
 			aria-labelledby="{{_id}}-sliderDesc"
 			aria-disabled="{{_ariaDisabled}}"
@@ -29,8 +29,8 @@
 		role="slider"
 		tabindex="{{tabIndex}}"
 		aria-orientation="horizontal"
-		aria-valuemin="{{min}}"
-		aria-valuemax="{{max}}"
+		aria-valuemin="{{minValue}}"
+		aria-valuemax="{{maxValue}}"
 		aria-valuenow="{{startValue}}"
 		aria-labelledby="{{_id}}-startHandleDesc"
 		aria-disabled="{{_ariaDisabled}}"
@@ -49,8 +49,8 @@
 		role="slider"
 		tabindex="{{tabIndex}}"
 		aria-orientation="horizontal"
-		aria-valuemin="{{min}}"
-		aria-valuemax="{{max}}"
+		aria-valuemin="{{minValue}}"
+		aria-valuemax="{{maxValue}}"
 		aria-valuenow="{{endValue}}"
 		aria-labelledby="{{_id}}-endHandleDesc"
 		aria-disabled="{{_ariaDisabled}}"
diff --git a/packages/main/src/RangeSlider.js b/packages/main/src/RangeSlider.js
index 33a4f798f3097..18ee5d5abfde5 100644
--- a/packages/main/src/RangeSlider.js
+++ b/packages/main/src/RangeSlider.js
@@ -61,8 +61,8 @@ const metadata = {
  * <h3>Structure</h3>
  * The most important properties of the Range Slider are:
  * <ul>
- * <li>min - The minimum value of the slider range</li>
- * <li>max - The maximum value of the slider range</li>
+ * <li>minValue - The minimum value of the slider range</li>
+ * <li>maxValue - The maximum value of the slider range</li>
  * <li>value - The current value of the slider</li>
  * <li>step - Determines the increments in which the slider will move</li>
  * <li>showTooltip - Determines if a tooltip should be displayed above the handle</li>
@@ -224,8 +224,8 @@ class RangeSlider extends SliderBase {
 		// Set the target of the interaction based on the focused inner element
 		this._setAffectedValueByFocusedElement();
 
-		const min = this._effectiveMin;
-		const max = this._effectiveMax;
+		const min = this._effectiveMinValue;
+		const max = this._effectiveMaxValue;
 		const affectedValue = this._valueAffected;
 
 		// If home/end key is pressed and no single handle is focused the active element
@@ -244,7 +244,7 @@ class RangeSlider extends SliderBase {
 			return;
 		}
 
-		// Update a single value if one of the handles is focused or the range if not already at min or max
+		// Update a single value if one of the handles is focused or the range if not already at minValue or maxValue
 		if (affectedValue && !this._isPressInCurrentRange) {
 			const newValue = this.constructor.clipValue(newValueOffset + this[affectedValue], min, max);
 			this.update(affectedValue, newValue, null);
@@ -392,7 +392,7 @@ class RangeSlider extends SliderBase {
 	 * @private
 	 */
 	_updateValueOnHandleDrag(event) {
-		const newValue = this.constructor.getValueFromInteraction(event, this._effectiveStep, this._effectiveMin, this._effectiveMax, this.getBoundingClientRect(), this.directionStart);
+		const newValue = this.constructor.getValueFromInteraction(event, this._effectiveStep, this._effectiveMinValue, this._effectiveMaxValue, this.getBoundingClientRect(), this.directionStart);
 		this.update(this._valueAffected, newValue, null);
 	}
 
@@ -561,8 +561,8 @@ class RangeSlider extends SliderBase {
 			return [this.startValue, this.endValue];
 		}
 
-		const min = this._effectiveMin;
-		const max = this._effectiveMax;
+		const min = this._effectiveMinValue;
+		const max = this._effectiveMaxValue;
 		const selectedRange = this.endValue - this.startValue;
 
 		// Computes the new value based on the difference of the current cursor location from the start of the interaction
@@ -585,8 +585,8 @@ class RangeSlider extends SliderBase {
 	 * @private
 	 */
 	_calculateStartValueByOffset(currentPageXPos, initialStartHandlePageXPos) {
-		const min = this._effectiveMin;
-		const max = this._effectiveMax;
+		const min = this._effectiveMinValue;
+		const max = this._effectiveMaxValue;
 		const step = this._effectiveStep;
 		const dom = this.getBoundingClientRect();
 
@@ -622,8 +622,8 @@ class RangeSlider extends SliderBase {
 	 * @private
 	 */
 	_updateHandlesAndRange(newValue) {
-		const max = this._effectiveMax;
-		const min = this._effectiveMin;
+		const max = this._effectiveMaxValue;
+		const min = this._effectiveMinValue;
 		const prevStartValue = this.getStoredPropertyState("startValue");
 		const prevEndValue = this.getStoredPropertyState("endValue");
 		const affectedValue = this._valueAffected;
diff --git a/packages/main/src/Slider.hbs b/packages/main/src/Slider.hbs
index ccded523bfdf1..20b26babbc31d 100644
--- a/packages/main/src/Slider.hbs
+++ b/packages/main/src/Slider.hbs
@@ -24,8 +24,8 @@
 		role="slider"
 		tabindex="{{tabIndex}}"
 		aria-orientation="horizontal"
-		aria-valuemin="{{min}}"
-		aria-valuemax="{{max}}"
+		aria-valuemin="{{minValue}}"
+		aria-valuemax="{{maxValue}}"
 		aria-valuenow="{{value}}"
 		aria-labelledby="{{_id}}-sliderDesc"
 		aria-disabled="{{_ariaDisabled}}"
diff --git a/packages/main/src/Slider.js b/packages/main/src/Slider.js
index 3178e7416a779..e5f2aad31dfa6 100644
--- a/packages/main/src/Slider.js
+++ b/packages/main/src/Slider.js
@@ -44,8 +44,8 @@ const metadata = {
  * <h3>Structure</h3>
  * The most important properties of the Slider are:
  * <ul>
- * <li>min - The minimum value of the slider range</li>
- * <li>max - The maximum value of the slider range</li>
+ * <li>minValue - The minimum value of the slider range</li>
+ * <li>maxValue - The maximum value of the slider range</li>
  * <li>value - The current value of the slider</li>
  * <li>step - Determines the increments in which the slider will move</li>
  * <li>showTooltip - Determines if a tooltip should be displayed above the handle</li>
@@ -211,7 +211,7 @@ class Slider extends SliderBase {
 			return;
 		}
 
-		const newValue = this.constructor.getValueFromInteraction(event, this._effectiveStep, this._effectiveMin, this._effectiveMax, this.getBoundingClientRect(), this.directionStart);
+		const newValue = this.constructor.getValueFromInteraction(event, this._effectiveStep, this._effectiveMinValue, this._effectiveMaxValue, this.getBoundingClientRect(), this.directionStart);
 
 		this._updateHandleAndProgress(newValue);
 		this.updateValue("value", newValue);
@@ -244,8 +244,8 @@ class Slider extends SliderBase {
 	 * @private
 	 */
 	_updateHandleAndProgress(newValue) {
-		const max = this._effectiveMax;
-		const min = this._effectiveMin;
+		const max = this._effectiveMaxValue;
+		const min = this._effectiveMinValue;
 
 		// The progress (completed) percentage of the slider.
 		this._progressPercentage = (newValue - min) / (max - min);
@@ -254,8 +254,8 @@ class Slider extends SliderBase {
 	}
 
 	_handleActionKeyPress(event) {
-		const min = this._effectiveMin;
-		const max = this._effectiveMax;
+		const min = this._effectiveMinValue;
+		const max = this._effectiveMaxValue;
 		const currentValue = this.value;
 		const newValue = isEscape(event) ? this._getInitialValue("value") : this.constructor.clipValue(this._handleActionKeyPressBase(event, "value") + currentValue, min, max);
 
diff --git a/packages/main/src/SliderBase.js b/packages/main/src/SliderBase.js
index 4c12ff105b199..5b899000e5390 100644
--- a/packages/main/src/SliderBase.js
+++ b/packages/main/src/SliderBase.js
@@ -23,8 +23,9 @@ const metadata = {
 		 * @type {Float}
 		 * @defaultvalue 0
 		 * @public
+		 * @since 1.0.0-rc.15
 		 */
-		min: {
+		minValue: {
 			type: Float,
 			defaultValue: 0,
 		},
@@ -34,13 +35,14 @@ const metadata = {
 		 * @type {Float}
 		 * @defaultvalue 100
 		 * @public
+		 * @since 1.0.0-rc.15
 		 */
-		max: {
+		maxValue: {
 			type: Float,
 			defaultValue: 100,
 		},
 		/**
-		 * Defines the size of the slider's selection intervals (e.g. min = 0, max = 10, step = 5 would result in possible selection of the values 0, 5, 10).
+		 * Defines the size of the slider's selection intervals (e.g. minValue = 0, maxValue = 10, step = 5 would result in possible selection of the values 0, 5, 10).
 		 * <br><br>
 		 * <b>Note:</b> If set to 0 the slider handle movement is disabled. When negative number or value other than a number, the component fallbacks to its default value.
 		 *
@@ -159,8 +161,8 @@ class SliderBase extends UI5Element {
 
 		this._stateStorage = {
 			step: null,
-			min: null,
-			max: null,
+			minValue: null,
+			maxValue: null,
 			labelInterval: null,
 		};
 	}
@@ -406,8 +408,8 @@ class SliderBase extends UI5Element {
 	 * @protected
 	 */
 	handleDownBase(event) {
-		const min = this._effectiveMin;
-		const max = this._effectiveMax;
+		const min = this._effectiveMinValue;
+		const max = this._effectiveMaxValue;
 		const domRect = this.getBoundingClientRect();
 		const directionStart = this.directionStart;
 		const step = this._effectiveStep;
@@ -486,7 +488,7 @@ class SliderBase extends UI5Element {
 	}
 
 	/**
-	 * Locks the given value between min and max boundaries based on slider properties
+	 * Locks the given value between minValue and maxValue boundaries based on slider properties
 	 *
 	 * @protected
 	 */
@@ -582,20 +584,20 @@ class SliderBase extends UI5Element {
 		}
 
 		// Recalculate the tickmarks and labels and update the stored state.
-		if (this.isPropertyUpdated("min", "max", ...values)) {
-			this.storePropertyState("min", "max");
+		if (this.isPropertyUpdated("minValue", "maxValue", ...values)) {
+			this.storePropertyState("minValue", "maxValue");
 
 			// Here the value props are changed programatically (not by user interaction)
 			// and it won't be "stepified" (rounded to the nearest step). 'Clip' them within
-			// min and max bounderies and update the previous state reference.
+			// minValue and maxValue bounderies and update the previous state reference.
 			values.forEach(valueType => {
-				const normalizedValue = SliderBase.clipValue(this[valueType], this._effectiveMin, this._effectiveMax);
+				const normalizedValue = SliderBase.clipValue(this[valueType], this._effectiveMinValue, this._effectiveMaxValue);
 				this.updateValue(valueType, normalizedValue);
 				this.storePropertyState(valueType);
 			});
 		}
 
-		// Labels must be updated if any of the min/max/step/labelInterval props are changed
+		// Labels must be updated if any of the minValue/maxValue/step/labelInterval props are changed
 		if (this.labelInterval && this.showTickmarks) {
 			this._createLabels();
 		}
@@ -677,8 +679,8 @@ class SliderBase extends UI5Element {
 
 		// Convert number values to strings to let the CSS do calculations better
 		// rounding/subpixel behavior" and the most precise tickmarks distribution
-		const maxStr = String(this._effectiveMax);
-		const minStr = String(this._effectiveMin);
+		const maxStr = String(this._effectiveMaxValue);
+		const minStr = String(this._effectiveMinValue);
 		const stepStr = String(this._effectiveStep);
 		const tickmarkWidth = "1px";
 
@@ -712,7 +714,7 @@ class SliderBase extends UI5Element {
 
 		const labelInterval = this.labelInterval;
 		const step = this._effectiveStep;
-		const newNumberOfLabels = (this._effectiveMax - this._effectiveMin) / (step * labelInterval);
+		const newNumberOfLabels = (this._effectiveMaxValue - this._effectiveMinValue) / (step * labelInterval);
 
 		// If the required labels are already rendered
 		if (newNumberOfLabels === this._oldNumberOfLabels) {
@@ -732,7 +734,7 @@ class SliderBase extends UI5Element {
 		// "floor" the number of labels anyway.
 		for (let i = 0; i <= newNumberOfLabels; i++) {
 			// Format the label numbers with the same decimal precision as the value of the step property
-			const labelItemNumber = ((i * step * labelInterval) + this._effectiveMin).toFixed(stepPrecision);
+			const labelItemNumber = ((i * step * labelInterval) + this._effectiveMinValue).toFixed(stepPrecision);
 			this._labelValues.push(labelItemNumber);
 		}
 	}
@@ -742,8 +744,8 @@ class SliderBase extends UI5Element {
 		const isBigStep = SliderBase._isBigStepAction(event);
 
 		const currentValue = this[affectedValue];
-		const min = this._effectiveMin;
-		const max = this._effectiveMax;
+		const min = this._effectiveMinValue;
+		const max = this._effectiveMaxValue;
 
 		// If the action key corresponds to a long step and the slider has more than 10 normal steps,
 		// make a jump of 1/10th of the Slider's length, otherwise just use the normal step property.
@@ -828,12 +830,12 @@ class SliderBase extends UI5Element {
 		return step;
 	}
 
-	get _effectiveMin() {
-		return Math.min(this.min, this.max);
+	get _effectiveMinValue() {
+		return Math.min(this.minValue, this.maxValue);
 	}
 
-	get _effectiveMax() {
-		return Math.max(this.min, this.max);
+	get _effectiveMaxValue() {
+		return Math.max(this.minValue, this.maxValue);
 	}
 
 	get tabIndex() {
diff --git a/packages/main/test/pages/AvatarGroup.html b/packages/main/test/pages/AvatarGroup.html
index f77169174486b..2ca8fd5fe48ff 100644
--- a/packages/main/test/pages/AvatarGroup.html
+++ b/packages/main/test/pages/AvatarGroup.html
@@ -72,7 +72,7 @@
 
 	<h1>Test your web components here</h1>
 
-	<ui5-slider id="slider" min="1" max="100" value="60" class="slider"></ui5-slider>
+	<ui5-slider id="slider" min-value="1" max-value="100" value="60" class="slider"></ui5-slider>
 
 	<div id="avatar-group-wrapper">
 
diff --git a/packages/main/test/pages/RangeSlider.html b/packages/main/test/pages/RangeSlider.html
index bc48265176901..c07daffedc97a 100644
--- a/packages/main/test/pages/RangeSlider.html
+++ b/packages/main/test/pages/RangeSlider.html
@@ -44,25 +44,25 @@
 			<h2>Basic Range Slider</h2>
 			<ui5-range-slider id="basic-range-slider" end-value="20"></ui5-range-slider>
 
-			<h2>Range Slider with custom min and max properties and tooltip</h2>
-			<ui5-range-slider id="basic-range-slider-with-tooltip" min="50" max="200" show-tooltip></ui5-range-slider>
+			<h2>Range Slider with custom minValue and maxValue properties and tooltip</h2>
+			<ui5-range-slider id="basic-range-slider-with-tooltip" min-value="50" max-value="200" show-tooltip></ui5-range-slider>
 
 			<h2>Range Slider with small step and tooltip</h2>
-			<ui5-range-slider id="range-slider-small-step-tooltips" min="0" max="44" step="0.0001" start-value="2" end-value="12" show-tooltip></ui5-range-slider>
+			<ui5-range-slider id="range-slider-small-step-tooltips" min-value="0" max-value="44" step="0.0001" start-value="2" end-value="12" show-tooltip></ui5-range-slider>
 
 			<h2>Range Slider with tickmarks</h2>
-			<ui5-range-slider id="range-slider-tickmarks" min="0" max="40" step="1" end-value="20" show-tickmarks></ui5-range-slider>
+			<ui5-range-slider id="range-slider-tickmarks" min-value="0" max-value="40" step="1" end-value="20" show-tickmarks></ui5-range-slider>
 
 			<h2>Disabled Range Slider</h2>
-			<ui5-range-slider id="disabled-range-slider" disabled min="0" max="30" step="0" start-value="3" end-value="13" show-tooltip></ui5-range-slider>
+			<ui5-range-slider id="disabled-range-slider" disabled min-value="0" max-value="30" step="0" start-value="3" end-value="13" show-tooltip></ui5-range-slider>
 
 			<h2 style="text-align: center;">Range Slider with steps, tooltips, tickmarks and labels</h2>
-			<ui5-range-slider id="range-slider-tickmarks-labels" min="0" max="44" step="2" start-value="2" end-value="12" show-tooltip label-interval="2" show-tickmarks style="width: 60%; margin-left: 20%; margin-top: 50px;"></ui5-range-slider>
+			<ui5-range-slider id="range-slider-tickmarks-labels" min-value="0" max-value="44" step="2" start-value="2" end-value="12" show-tooltip label-interval="2" show-tickmarks style="width: 60%; margin-left: 20%; margin-top: 50px;"></ui5-range-slider>
 		</section>
 
 		<section class="group">
 			<h2>Event Testing Slider</h2>
-			<ui5-range-slider id="test-slider" min="0" max="10"  start-value="1" end-value="2"></ui5-range-slider>
+			<ui5-range-slider id="test-slider" min-value="0" max-value="10"  start-value="1" end-value="2"></ui5-range-slider>
 			<h2>Event Testing Result Slider</h2>
 			<ui5-range-slider id="test-result-slider" start-value="1" end-value="2"></ui5-range-slider>
 		</section>
diff --git a/packages/main/test/pages/Slider.html b/packages/main/test/pages/Slider.html
index d196f489fa926..7b17fe5490231 100644
--- a/packages/main/test/pages/Slider.html
+++ b/packages/main/test/pages/Slider.html
@@ -42,37 +42,37 @@
 	<body style="background-color: var(--sapBackgroundColor);">
 		<section class="group">
 			<h2>Basic Slider</h2>
-			<ui5-slider id="basic-slider" min="0" max="10"></ui5-slider>
+			<ui5-slider id="basic-slider" min-value="0" max-value="10"></ui5-slider>
 
 			<h2>Basic Slider with tooltip</h2>
-			<ui5-slider id="basic-slider-with-tooltip" min="0" max="20" show-tooltip></ui5-slider>
+			<ui5-slider id="basic-slider-with-tooltip" min-value="0" max-value="20" show-tooltip></ui5-slider>
 
 			<h2>Disabled Slider with tickmarks and labels</h2>
-			<ui5-slider id="disabled-slider-with-tickmarks" min="20" max="100" label-interval="5" disabled show-tickmarks></ui5-slider>
+			<ui5-slider id="disabled-slider-with-tickmarks" min-value="20" max-value="100" label-interval="5" disabled show-tickmarks></ui5-slider>
 
 			<h2>Slider with tickmarks</h2>
-			<ui5-slider id="tickmarks-slider" min="0" max="100" step="2" show-tickmarks value="12"></ui5-slider>
+			<ui5-slider id="tickmarks-slider" min-value="0" max-value="100" step="2" show-tickmarks value="12"></ui5-slider>
 
 			<h2>Slider with many steps and small width</h2>
-			<ui5-slider id="small-slider" min="0" max="100" step="1" style="width: 200px;"></ui5-slider>
-			<ui5-slider id="small-slider-two" min="0" max="200" step="1" style="width: 300px;" show-tooltip></ui5-slider>
+			<ui5-slider id="small-slider" min-value="0" max-value="100" step="1" style="width: 200px;"></ui5-slider>
+			<ui5-slider id="small-slider-two" min-value="0" max-value="200" step="1" style="width: 300px;" show-tooltip></ui5-slider>
 
 			<h2>Inactive slider with no steps and tooltip</h2>
-			<ui5-slider id="inactive-slider" min="-10" max="90" step="0" show-tooltip></ui5-slider>
+			<ui5-slider id="inactive-slider" min-value="-10" max-value="90" step="0" show-tooltip></ui5-slider>
 
 			<h2 style="text-align: center;">Slider with steps, tooltips, tickmarks and labels</h2>
-			<ui5-slider id="slider-tickmarks-labels" min="-20" max="20" step="2" value="12" show-tooltip label-interval="2" show-tickmarks style="width: 60%; margin-left: 20%; margin-top: 50px;"></ui5-slider>
+			<ui5-slider id="slider-tickmarks-labels" min-value="-20" max-value="20" step="2" value="12" show-tooltip label-interval="2" show-tickmarks style="width: 60%; margin-left: 20%; margin-top: 50px;"></ui5-slider>
 			
 			<h2>Slider with float number step (1.25), tooltips, tickmarks and labels between 3 steps (3.75 value)</h2>
-			<ui5-slider id="slider-tickmarks-tooltips-labels" min="-12.5" max="47.5" step="1.25" value="10" show-tooltip label-interval="3" show-tickmarks></ui5-slider>
+			<ui5-slider id="slider-tickmarks-tooltips-labels" min-value="-12.5" max-value="47.5" step="1.25" value="10" show-tooltip label-interval="3" show-tickmarks></ui5-slider>
 			
 			<h2>Basic RTL Slider</h2>
-			<ui5-slider id="basic-slider-rtl" min="0" max="10" dir="rtl"></ui5-slider>
+			<ui5-slider id="basic-slider-rtl" min-value="0" max-value="10" dir="rtl"></ui5-slider>
 		</section>
 
 		<section class="group">
 			<h2>Event Testing Slider</h2>
-			<ui5-slider id="test-slider" min="0" max="10"></ui5-slider>
+			<ui5-slider id="test-slider" min-value="0" max-value="10"></ui5-slider>
 			<h2>Event Testing Result Slider</h2>
 			<ui5-slider id="test-result-slider" value="1"></ui5-slider>
 		</section>
diff --git a/packages/main/test/samples/RangeSlider.sample.html b/packages/main/test/samples/RangeSlider.sample.html
index fa0d3533c5649..596142bd2948f 100644
--- a/packages/main/test/samples/RangeSlider.sample.html
+++ b/packages/main/test/samples/RangeSlider.sample.html
@@ -23,10 +23,10 @@ <h3>Basic Range Slider</h3>
 <section>
 	<h3>Range Slider with Custom 'min', 'max', 'startValue' and 'endValue' Properties</h3>
 	<div class="snippet">
-		<ui5-range-slider min="100" max="200" start-value="120" end-value="150"></ui5-range-slider>
+		<ui5-range-slider min-value="100" max-value="200" start-value="120" end-value="150"></ui5-range-slider>
 	</div>
 	<pre class="prettyprint lang-html"><xmp>
-<ui5-range-slider  min="100" max="200" start-value="120" end-value="150"></ui5-range-slider>
+<ui5-range-slider  min-value="100" max-value="200" start-value="120" end-value="150"></ui5-range-slider>
 	</xmp></pre>
 </section>
 
@@ -53,10 +53,10 @@ <h3>Range Slider with Tickmarks and Custom Step</h3>
 <section>
 	<h3>Range Slider with Tooltips, Tickmarks and Labels</h3>
 	<div class="snippet">
-		<ui5-range-slider min="0" max="112" step="2" start-value="4" end-value="12" show-tooltip label-interval="2" show-tickmarks></ui5-range-slider>
+		<ui5-range-slider min-value="0" max-value="112" step="2" start-value="4" end-value="12" show-tooltip label-interval="2" show-tickmarks></ui5-range-slider>
 	</div>
 	<pre class="prettyprint lang-html"><xmp>
-<ui5-range-slider min="0" max="112" step="2" start-value="4" end-value="12" show-tooltip label-interval="2" show-tickmarks></ui5-range-slider>
+<ui5-range-slider min-value="0" max-value="112" step="2" start-value="4" end-value="12" show-tooltip label-interval="2" show-tickmarks></ui5-range-slider>
 	</xmp></pre>
 </section>
 
diff --git a/packages/main/test/samples/Slider.sample.html b/packages/main/test/samples/Slider.sample.html
index ef3fded10c23d..caef59d010d97 100644
--- a/packages/main/test/samples/Slider.sample.html
+++ b/packages/main/test/samples/Slider.sample.html
@@ -23,30 +23,30 @@ <h3>Basic Slider</h3>
 <section>
 	<h3>Slider with Tooltip</h3>
 	<div class="snippet">
-		<ui5-slider min="0" max="20" show-tooltip></ui5-slider>
+		<ui5-slider min-value="0" max-value="20" show-tooltip></ui5-slider>
 	</div>
 	<pre class="prettyprint lang-html"><xmp>
-<ui5-slider min="0" max="20" show-tooltip></ui5-slider>
+<ui5-slider min-value="0" max-value="20" show-tooltip></ui5-slider>
 	</xmp></pre>
 </section>
 
 <section>
 	<h3>Disabled Slider with Tickmarks and Labels</h3>
 	<div class="snippet">
-		<ui5-slider min="20" max="100" label-interval="5" disabled show-tickmarks></ui5-slider>
+		<ui5-slider min-value="20" max-value="100" label-interval="5" disabled show-tickmarks></ui5-slider>
 	</div>
 	<pre class="prettyprint lang-html"><xmp>
-<ui5-slider min="20" max="100" label-interval="5" disabled show-tickmarks></ui5-slider>
+<ui5-slider min-value="20" max-value="100" label-interval="5" disabled show-tickmarks></ui5-slider>
 	</xmp></pre>
 </section>
 
 <section>
 	<h3>Slider Tooltip, Tickmarks and Labels</h3>
 	<div class="snippet">
-		<ui5-slider min="-20" max="20" step="2" value="12" show-tooltip label-interval="2" show-tickmarks></ui5-slider>
+		<ui5-slider min-value="-20" max-value="20" step="2" value="12" show-tooltip label-interval="2" show-tickmarks></ui5-slider>
 	</div>
 	<pre class="prettyprint lang-html"><xmp>
-<ui5-slider min="-20" max="20" step="2" value="12" show-tooltip label-interval="2" show-tickmarks></ui5-slider>
+<ui5-slider min-value="-20" max-value="20" step="2" value="12" show-tooltip label-interval="2" show-tickmarks></ui5-slider>
 	</xmp></pre>
 </section>
 
diff --git a/packages/main/test/specs/RangeSlider.spec.js b/packages/main/test/specs/RangeSlider.spec.js
index e3141ea27d2ce..eb8fdddf402ba 100644
--- a/packages/main/test/specs/RangeSlider.spec.js
+++ b/packages/main/test/specs/RangeSlider.spec.js
@@ -90,7 +90,7 @@ describe("Testing Range Slider interactions", () => {
 		assert.strictEqual(rangeSlider.getProperty("endValue"), 11, "endValue should swapped with the startValue and should be 11");
 	});
 
-	it("Dragging the whole range selection should always keep the initially selected range and be within min/max values", () => {
+	it("Dragging the whole range selection should always keep the initially selected range and be within minValue/maxValue values", () => {
 		const rangeSlider = browser.$("#range-slider-tickmarks");
 		const startHandle = rangeSlider.shadow$(".ui5-slider-handle--start");
 		const endHandle = rangeSlider.shadow$(".ui5-slider-handle--end");
@@ -183,38 +183,38 @@ describe("Properties synchronization and normalization", () => {
 		assert.strictEqual(rangeSlider.getProperty("endValue"), 21, "The current value should be 'stepified' by 7");
 	});
 
-	it("If min property is set to a greater number than the max property their effective values should be swapped, their real ones - not", () => {
+	it("If minValue property is set to a greater number than the maxValue property their effective values should be swapped, their real ones - not", () => {
 		const rangeSlider = browser.$("#range-slider-tickmarks-labels");
 
 		rangeSlider.setProperty("startValue", 2);
-		rangeSlider.setProperty("max", 10);
-		rangeSlider.setProperty("min", 100);
+		rangeSlider.setProperty("maxValue", 10);
+		rangeSlider.setProperty("minValue", 100);
 
-		assert.strictEqual(rangeSlider.getProperty("min"), 100, "min property itself should not be normalized");
-		assert.strictEqual(rangeSlider.getProperty("max"), 10, "max property itself should not be normalized");
-		assert.strictEqual(rangeSlider.getProperty("startValue"), 10, "startValue property should be within the boundaries of the effective (swapped) min and max props");
+		assert.strictEqual(rangeSlider.getProperty("minValue"), 100, "minValue property itself should not be normalized");
+		assert.strictEqual(rangeSlider.getProperty("maxValue"), 10, "maxValue property itself should not be normalized");
+		assert.strictEqual(rangeSlider.getProperty("startValue"), 10, "startValue property should be within the boundaries of the effective (swapped) minValue and maxValue props");
 	});
 
-	it("Should keep the current values between the boundaries of min and max properties", () => {
+	it("Should keep the current values between the boundaries of minValue and maxValue properties", () => {
 		const rangeSlider = browser.$("#range-slider-tickmarks-labels");
 
-		rangeSlider.setProperty("min", 100);
-		rangeSlider.setProperty("max", 200);
+		rangeSlider.setProperty("minValue", 100);
+		rangeSlider.setProperty("maxValue", 200);
 
 		rangeSlider.setProperty("endValue", 300);
 
-		assert.strictEqual(rangeSlider.getProperty("endValue"), 200, "value prop should always be lower than the max value");
+		assert.strictEqual(rangeSlider.getProperty("endValue"), 200, "value prop should always be lower than the maxValue value");
 
 		rangeSlider.setProperty("startValue", 99);
 
-		assert.strictEqual(rangeSlider.getProperty("startValue"), 100, "value prop should always be greater than the min value");
+		assert.strictEqual(rangeSlider.getProperty("startValue"), 100, "value prop should always be greater than the minValue value");
 	});
 
 	it("Should not 'stepify' current value if it is not in result of user interaction", () => {
 		const rangeSlider = browser.$("#range-slider-tickmarks-labels");
 
-		rangeSlider.setProperty("min", 0);
-		rangeSlider.setProperty("max", 44);
+		rangeSlider.setProperty("minValue", 0);
+		rangeSlider.setProperty("maxValue", 44);
 		rangeSlider.setProperty("step", 1.25);
 		rangeSlider.setProperty("startValue", 14);
 		rangeSlider.setProperty("endValue", 24);
@@ -226,8 +226,8 @@ describe("Properties synchronization and normalization", () => {
 	it("If the step property or the labelInterval are changed, the tickmarks and labels must be updated also", () => {
 		const rangeSlider = browser.$("#range-slider-tickmarks-labels");
 
-		rangeSlider.setProperty("max", 0);
-		rangeSlider.setProperty("min", 40);
+		rangeSlider.setProperty("maxValue", 0);
+		rangeSlider.setProperty("minValue", 40);
 		rangeSlider.setProperty("step", 1);
 
 		assert.strictEqual(rangeSlider.getProperty("_labels").length, 21, "Labels must be 21 - 1 for every 2 tickmarks (and steps)");
@@ -273,9 +273,9 @@ describe("Accessibility", () => {
 		assert.strictEqual(rangeSliderProgressBar.getAttribute("aria-labelledby"),
 			`${rangeSliderId}-sliderDesc`, "aria-labelledby is set correctly");
 		assert.strictEqual(rangeSliderProgressBar.getAttribute("aria-valuemin"),
-			`${rangeSlider.getProperty("min")}`, "aria-valuemin is set correctly");
+			`${rangeSlider.getProperty("minValue")}`, "aria-valuemin is set correctly");
 		assert.strictEqual(rangeSliderProgressBar.getAttribute("aria-valuemax"),
-			`${rangeSlider.getProperty("max")}`, "aria-valuemax is set correctly");
+			`${rangeSlider.getProperty("maxValue")}`, "aria-valuemax is set correctly");
 		assert.strictEqual(rangeSliderProgressBar.getAttribute("aria-valuetext"),
 			`From ${rangeSlider.getProperty("startValue")} to ${rangeSlider.getProperty("endValue")}`, "aria-valuetext is set correctly");
 	});
@@ -288,9 +288,9 @@ describe("Accessibility", () => {
 		assert.strictEqual(startHandle.getAttribute("aria-labelledby"),
 			`${rangeSliderId}-startHandleDesc`, "aria-labelledby is set correctly");
 		assert.strictEqual(startHandle.getAttribute("aria-valuemin"),
-			`${rangeSlider.getProperty("min")}`, "aria-valuemin is set correctly");
+			`${rangeSlider.getProperty("minValue")}`, "aria-valuemin is set correctly");
 		assert.strictEqual(startHandle.getAttribute("aria-valuemax"),
-			`${rangeSlider.getProperty("max")}`, "aria-valuemax is set correctly");
+			`${rangeSlider.getProperty("maxValue")}`, "aria-valuemax is set correctly");
 		assert.strictEqual(startHandle.getAttribute("aria-valuenow"),
 			`${rangeSlider.getProperty("startValue")}`, "aria-valuenow is set correctly");
 	});
@@ -303,9 +303,9 @@ describe("Accessibility", () => {
 		assert.strictEqual(endHandle.getAttribute("aria-labelledby"),
 			`${rangeSliderId}-endHandleDesc`, "aria-labelledby is set correctly");
 		assert.strictEqual(endHandle.getAttribute("aria-valuemin"),
-			`${rangeSlider.getProperty("min")}`, "aria-valuemin is set correctly");
+			`${rangeSlider.getProperty("minValue")}`, "aria-valuemin is set correctly");
 		assert.strictEqual(endHandle.getAttribute("aria-valuemax"),
-			`${rangeSlider.getProperty("max")}`, "aria-valuemax is set correctly");
+			`${rangeSlider.getProperty("maxValue")}`, "aria-valuemax is set correctly");
 		assert.strictEqual(endHandle.getAttribute("aria-valuenow"),
 			`${rangeSlider.getProperty("endValue")}`, "aria-valuenow is set correctly");
 	});
@@ -859,7 +859,7 @@ describe("Accessibility: Testing keyboard handling", () => {
 			return document.getElementById("basic-range-slider").shadowRoot.activeElement;
 		});
 
-		assert.strictEqual(rangeSlider.getProperty("endValue"), 100, "The original end-value is set to min and switched as a start-value");
+		assert.strictEqual(rangeSlider.getProperty("endValue"), 100, "The original end-value is set to minValue and switched as a start-value");
 		assert.strictEqual($(innerFocusedElement).getAttribute("class"), endHandle.getAttribute("class"), "Range Slider second handle now has the shadowDom focus");
 
 		browser.keys("Home");
@@ -868,7 +868,7 @@ describe("Accessibility: Testing keyboard handling", () => {
 			return document.getElementById("basic-range-slider").shadowRoot.activeElement;
 		});
 
-		assert.strictEqual(rangeSlider.getProperty("startValue"), 0, "The original end-value is set to min and switched as a start-value");
+		assert.strictEqual(rangeSlider.getProperty("startValue"), 0, "The original end-value is set to minValue and switched as a start-value");
 		assert.strictEqual($(innerFocusedElement).getAttribute("class"), startHandle.getAttribute("class"), "Range Slider second handle now has the shadowDom focus");
 	});
 });
@@ -880,8 +880,8 @@ describe("Testing resize handling and RTL support", () => {
 		const endHandle = rangeSlider.shadow$(".ui5-slider-handle--end");
 
 		rangeSlider.setAttribute("dir", "rtl");
-		rangeSlider.setProperty("min", 0);
-		rangeSlider.setProperty("max", 10);
+		rangeSlider.setProperty("minValue", 0);
+		rangeSlider.setProperty("maxValue", 10);
 		rangeSlider.setProperty("step", 1);
 		rangeSlider.setProperty("startValue", 0);
 		rangeSlider.setProperty("endValue", 4);
@@ -918,8 +918,8 @@ describe("Testing resize handling and RTL support", () => {
 		const rangeSlider = browser.$("#range-slider-tickmarks-labels");
 
 		rangeSlider.setAttribute("dir", "ltr");
-		rangeSlider.setProperty("min", 0);
-		rangeSlider.setProperty("max", 44);
+		rangeSlider.setProperty("minValue", 0);
+		rangeSlider.setProperty("maxValue", 44);
 		rangeSlider.setProperty("step", 1.25);
 
 		browser.setWindowSize(400, 2000);
diff --git a/packages/main/test/specs/Slider.spec.js b/packages/main/test/specs/Slider.spec.js
index 2c6cfe0cf933a..d70baa8e2d472 100644
--- a/packages/main/test/specs/Slider.spec.js
+++ b/packages/main/test/specs/Slider.spec.js
@@ -37,11 +37,11 @@ describe("Slider basic interactions", () => {
 		assert.strictEqual(slider.getProperty("value"), 8, "Slider current value should be 8");
 	});
 
-	it("Slider with floating min, max and step property", () => {
+	it("Slider with floating minValue, maxValue and step property", () => {
 		const slider = browser.$("#basic-slider");
 
-		slider.setProperty("min", -12.5);
-		slider.setProperty("max", 47.5);
+		slider.setProperty("minValue", -12.5);
+		slider.setProperty("maxValue", 47.5);
 		slider.setProperty("step", 1.25);
 		slider.setProperty("value", 21.25);
 
@@ -103,23 +103,23 @@ describe("Properties synchronization and normalization", () => {
 		assert.strictEqual(slider.getProperty("_labels").length, 6, "Labels must be 6 - 1 for every 4 tickmarks (and 8 current value points)");
 	});
 
-	it("If min property is set to a greater number than the max property their effective values should be swapped, their real ones - not", () => {
+	it("If minValue property is set to a greater number than the maxValue property their effective values should be swapped, their real ones - not", () => {
 		const slider = browser.$("#basic-slider");
 
 		slider.setProperty("value", 2);
-		slider.setProperty("max", 10);
-		slider.setProperty("min", 100);
+		slider.setProperty("maxValue", 10);
+		slider.setProperty("minValue", 100);
 
-		assert.strictEqual(slider.getProperty("max"), 10, "min property itself should not be normalized");
-		assert.strictEqual(slider.getProperty("min"), 100, "max property itself should not be normalized");
-		assert.strictEqual(slider.getProperty("value"), 10, "value property should be within the boundaries of the normalized 'effective' min and max values");
+		assert.strictEqual(slider.getProperty("maxValue"), 10, "minValue property itself should not be normalized");
+		assert.strictEqual(slider.getProperty("minValue"), 100, "maxValue property itself should not be normalized");
+		assert.strictEqual(slider.getProperty("value"), 10, "value property should be within the boundaries of the normalized 'effective' minValue and maxValue values");
 	});
 
 	it("Should keep the current value between the boundaries of min and max properties", () => {
 		const slider = browser.$("#basic-slider");
 
-		slider.setProperty("min", 100);
-		slider.setProperty("max", 200);
+		slider.setProperty("minValue", 100);
+		slider.setProperty("maxValue", 200);
 		slider.setProperty("value", 300);
 
 		assert.strictEqual(slider.getProperty("value"), 200, "value prop should always be lower than the max value");
@@ -248,9 +248,9 @@ describe("Accessibility", () => {
 		assert.strictEqual(sliderHandle.getAttribute("aria-labelledby"),
 			`${sliderId}-sliderDesc`, "aria-labelledby is set correctly");
 		assert.strictEqual(sliderHandle.getAttribute("aria-valuemin"),
-			`${slider.getProperty("min")}`, "aria-valuemin is set correctly");
+			`${slider.getProperty("minValue")}`, "aria-valuemin is set correctly");
 		assert.strictEqual(sliderHandle.getAttribute("aria-valuemax"),
-			`${slider.getProperty("max")}`, "aria-valuemax is set correctly");
+			`${slider.getProperty("maxValue")}`, "aria-valuemax is set correctly");
 		assert.strictEqual(sliderHandle.getAttribute("aria-valuenow"),
 			`${slider.getProperty("value")}`, "aria-valuenow is set correctly");
 	});
@@ -469,4 +469,4 @@ describe("Testing resize handling and RTL support", () => {
 		assert.strictEqual(slider.getProperty("_labelsOverlapping"), true, "state should reflect if any of the labels is overlapping with another");
 		assert.strictEqual(slider.getProperty("_hiddenTickmarks"), true, "state should reflect if the tickmarks has less than 8px space between each of them");
 	});
-});
\ No newline at end of file
+});
diff --git a/packages/tools/components-package/wdio.js b/packages/tools/components-package/wdio.js
index 1b956d2efec1e..ced2ce1a4cd89 100644
--- a/packages/tools/components-package/wdio.js
+++ b/packages/tools/components-package/wdio.js
@@ -57,7 +57,7 @@ exports.config = {
 			// to run chrome headless the following flags are required
 			// (see https://developers.google.com/web/updates/2017/04/headless-chrome)
 			args: ['--headless', '--disable-gpu'],
-			// args: ['--disable-gpu'],
+			args: ['--disable-gpu'],
 		}
 	}],
 	//