@openui5/sap.m 1.112.2 → 1.114.0

package/src/sap/m/Switch.js

@@ -50,7 +50,7 @@ function(
 		 * @extends sap.ui.core.Control
 		 *
 		 * @author SAP SE
-		 * @version 1.112.2
+		 * @version 1.114.0
 		 *
 		 * @constructor
 		 * @public

package/src/sap/m/TabContainer.js

@@ -66,7 +66,7 @@ sap.ui.define([
 		 * @extends sap.ui.core.Control
 		 *
 		 * @author SAP SE
-		 * @version 1.112.2
+		 * @version 1.114.0
 		 *
 		 * @constructor
 		 * @public

package/src/sap/m/TabContainerItem.js

@@ -8,13 +8,10 @@
 sap.ui.define(['sap/ui/core/Element',
 	'sap/ui/core/IconPool',
 	'./TabStripItem',
-	'./library'],
-	function(Element, IconPool, TabStripItem, library) {
+	'sap/m/ImageHelper'],
+	function(Element, IconPool, TabStripItem, ImageHelper) {
 		"use strict";
 
-		// shortcut for sap.m.ImageHelper
-		var ImageHelper = library.ImageHelper;
-
 		/**
 		 * Constructor for a new <code>TabContainerItem</code>.
 		 *
@@ -26,7 +23,7 @@ sap.ui.define(['sap/ui/core/Element',
 		 * @extends sap.ui.core.Element
 		 *
 		 * @author SAP SE
-		 * @version 1.112.2
+		 * @version 1.114.0
 		 *
 		 * @constructor
 		 * @public

package/src/sap/m/TabStrip.js

@@ -74,7 +74,7 @@ function(
 		 * space is exceeded, a horizontal scrollbar appears.
 		 *
 		 * @extends sap.ui.core.Control
-		 * @version 1.112.2
+		 * @version 1.114.0
 		 *
 		 * @constructor
 		 * @private

package/src/sap/m/TabStripItem.js

@@ -4,16 +4,13 @@
  * Licensed under the Apache License, Version 2.0 - see LICENSE.txt.
  */
 // Provides control sap.m.TabStripItem.
-sap.ui.define(["./library", "sap/ui/core/Item", "sap/ui/base/ManagedObject", "sap/ui/core/IconPool", "./AccButton"],
-	function(library, Item, ManagedObject, IconPool, AccButton) {
+sap.ui.define(["./library", "sap/ui/core/Item", "sap/ui/base/ManagedObject", "sap/ui/core/IconPool", "./AccButton", "sap/m/ImageHelper"],
+	function(library, Item, ManagedObject, IconPool, AccButton, ImageHelper) {
 		"use strict";
 
 		// shortcut for sap.m.ButtonType
 		var ButtonType = library.ButtonType;
 
-		// shortcut for sap.m.ImageHelper
-		var ImageHelper = library.ImageHelper;
-
 		/**
 		 * Constructor for a new <code>TabStripItem</code>.
 		 *
@@ -25,7 +22,7 @@ sap.ui.define(["./library", "sap/ui/core/Item", "sap/ui/base/ManagedObject", "sa
 		 * @extends sap.ui.core.Item
 		 *
 		 * @author SAP SE
-		 * @version 1.112.2
+		 * @version 1.114.0
 		 *
 		 * @constructor
 		 * @private

package/src/sap/m/Table.js

@@ -65,7 +65,7 @@ sap.ui.define([
 	 * @extends sap.m.ListBase
 	 *
 	 * @author SAP SE
-	 * @version 1.112.2
+	 * @version 1.114.0
 	 *
 	 * @constructor
 	 * @public
@@ -931,7 +931,8 @@ sap.ui.define([
 		if (!this._selectAllCheckBox) {
 			this._selectAllCheckBox = new CheckBox({
 				id: this.getId("sa"),
-				activeHandling: false
+				activeHandling: false,
+				tooltip: Core.getLibraryResourceBundle("sap.m").getText("TABLE_SELECT_ALL_TOOLTIP")
 			}).addStyleClass("sapMLIBSelectM").setParent(this, null, true).attachSelect(function () {
 				if (this._selectAllCheckBox.getSelected()) {
 					this.selectAll(true);
@@ -1171,8 +1172,8 @@ sap.ui.define([
 	/**
 	 * Sets the focus on the stored focus DOM reference.
 	 *
-	 * If {@param oFocusInfo.targetInfo} is of type {@type sap.ui.core.message.Message},
-	 * the focus will be set as accurately as possible according to the information provided by {@type sap.ui.core.message.Message}.
+	 * If <code>oFocusInfo.targetInfo</code> is of type {@link sap.ui.core.message.Message},
+	 * the focus will be set as accurately as possible according to the information provided by {@link sap.ui.core.message.Message}.
 	 *
 	 * @param {object} [oFocusInfo={}] Options for setting the focus
 	 * @param {boolean} [oFocusInfo.preventScroll=false] @since 1.60 If set to <code>true</code>, the focused

package/src/sap/m/TablePersoController.js

@@ -39,7 +39,7 @@ sap.ui.define([
 	 * @class Table Personalization Controller
 	 * @extends sap.ui.base.ManagedObject
 	 * @author SAP
-	 * @version 1.112.2
+	 * @version 1.114.0
 	 * @alias sap.m.TablePersoController
 	 */
 	var TablePersoController = ManagedObject.extend("sap.m.TablePersoController", /** @lends sap.m.TablePersoController.prototype */

package/src/sap/m/TablePersoDialog.js

@@ -91,7 +91,7 @@ sap.ui.define([
 	 * @class Table Personalization Dialog
 	 * @extends sap.ui.base.ManagedObject
 	 * @author SAP
-	 * @version 1.112.2
+	 * @version 1.114.0
 	 * @alias sap.m.TablePersoDialog
 	 */
 	var TablePersoDialog = ManagedObject.extend("sap.m.TablePersoDialog", /** @lends sap.m.TablePersoDialog.prototype */

package/src/sap/m/TablePersoProvider.js

@@ -21,7 +21,7 @@ sap.ui.define(['sap/ui/base/ManagedObject', "sap/base/Log"],
 	 * @extends sap.ui.base.ManagedObject
 	 * @abstract
 	 * @author SAP
-	 * @version 1.112.2
+	 * @version 1.114.0
 	 * @alias sap.m.TablePersoProvider
 	 */
 	var TablePersoProvider = ManagedObject.extend("sap.m.TablePersoProvider", /** @lends sap.m.TablePersoProvider.prototype */

package/src/sap/m/TableSelectDialog.js

@@ -110,7 +110,7 @@ sap.ui.define([
 	 * When using the <code>sap.m.TableSelectDialog</code> in SAP Quartz and Horizon themes, the breakpoints and layout paddings could be determined by the dialog's width. To enable this concept and add responsive paddings to an element of the control, you have to add the following classes depending on your use case: <code>sapUiResponsivePadding--header</code>, <code>sapUiResponsivePadding--subHeader</code>, <code>sapUiResponsivePadding--content</code>, <code>sapUiResponsivePadding--footer</code>.
 	 * @extends sap.m.SelectDialogBase
 	 * @author SAP SE
-	 * @version 1.112.2
+	 * @version 1.114.0
 	 *
 	 * @constructor
 	 * @public

package/src/sap/m/Text.js

@@ -54,7 +54,7 @@ function(library, Core, Control, coreLibrary, Device, HyphenationSupport, TextRe
 	 * @implements sap.ui.core.IShrinkable, sap.ui.core.IFormContent, sap.ui.core.ISemanticFormContent
 	 *
 	 * @author SAP SE
-	 * @version 1.112.2
+	 * @version 1.114.0
 	 *
 	 * @constructor
 	 * @public

package/src/sap/m/TextArea.js

@@ -84,7 +84,7 @@ function(
 	 * @extends sap.m.InputBase
 	 *
 	 * @author SAP SE
-	 * @version 1.112.2
+	 * @version 1.114.0
 	 *
 	 * @constructor
 	 * @public

package/src/sap/m/Tile.js

@@ -35,7 +35,7 @@ sap.ui.define([
 	 * @extends sap.ui.core.Control
 	 *
 	 * @author SAP SE
-	 * @version 1.112.2
+	 * @version 1.114.0
 	 *
 	 * @constructor
 	 * @public

package/src/sap/m/TileContainer.js

@@ -46,7 +46,7 @@ function(
 	 * @extends sap.ui.core.Control
 	 *
 	 * @author SAP SE
-	 * @version 1.112.2
+	 * @version 1.114.0
 	 *
 	 * @constructor
 	 * @public

package/src/sap/m/TileContent.js

@@ -24,7 +24,7 @@ sap.ui.define(['./library', 'sap/ui/core/library', 'sap/ui/core/Control', './Til
 	 * @extends sap.ui.core.Control
 	 *
 	 * @author SAP SE
-	 * @version 1.112.2
+	 * @version 1.114.0
 	 * @since 1.34.0
 	 *
 	 * @public
@@ -101,21 +101,21 @@ sap.ui.define(['./library', 'sap/ui/core/library', 'sap/ui/core/Control', './Til
 		if (sState && !this._bStateSetManually) {
 			if (this.getParent() && this.getParent().isA("sap.m.GenericTile")) {
 				if (this.getParent().getState() === LoadState.Failed) {
-					this.setProperty("state", LoadState.Loaded, true);
+					this.setState(LoadState.Loaded);
 				} else if (this.getParent().getState() === LoadState.Disabled) {
-					this.setProperty("state", LoadState.Loaded, true);
-					this.setProperty("disabled", this.getState() === LoadState.Disabled, true);
+					this.setState(LoadState.Loaded);
+					this.setDisabled(this.getState() === LoadState.Disabled);
 				}
 			}
 		} else {
 			if (this.getParent() && this.getParent().isA("sap.m.GenericTile")) {
 				if (this.getParent().getState() === LoadState.Failed) {
-					this.setProperty("state", LoadState.Loaded, true);
+					this.setState(LoadState.Loaded);
 				} else if (this.getParent().getState() === LoadState.Disabled) {
-					this.setProperty("state", LoadState.Loaded, true);
-					this.setProperty("disabled", this.getState() === LoadState.Disabled, true);
+					this.setState(LoadState.Loaded);
+					this.setDisabled(this.getState() === LoadState.Disabled);
 				} else {
-					this.setProperty("state", this.getParent().getState(), true);
+					this.setState(this.getParent().getState());
 				}
 			}
 			this._bStateSetManually = true;

package/src/sap/m/TileContentRenderer.js

@@ -142,7 +142,7 @@ sap.ui.define(["./library", "sap/base/security/encodeCSS", "sap/m/GenericTile"],
 				oRm.close("div");
 			}
 			if (oContent.isA("sap.m.Text") && bIsActionMode && (oControl.getFrameType() === FrameType.TwoByOne || oControl.getFrameType() === FrameType.Auto)) {
-				oContent.setProperty("maxLines", iMaxLines,true);
+				oContent.setMaxLines(iMaxLines);
 			}
 			oRm.openStart("div", oControl.getId() + "-content");
 			oRm.class("sapMTileCntContent");

package/src/sap/m/TimePicker.js

@@ -97,16 +97,46 @@ function(
 		 *
 		 * On app level, there are two options to provide value for the
 		 * <code>TimePicker</code> - as a string to the <code>value</code> property or as a
-		 * JavaScript Date object to the <code>dateValue</code> property (only one of these
+		 * UI5Date or JavaScript Date object to the <code>dateValue</code> property (only one of these
 		 * properties should be used at a time):
 		 *
 		 * <ul><li>Use the <code>value</code> property if you want to bind the
 		 * <code>TimePicker</code> to a model using the
 		 * <code>sap.ui.model.type.Time</code></li>
+		 * @example <caption> binding the <code>value</code> property by using types </caption>
+		 * new sap.ui.model.json.JSONModel({date: sap.ui.core.date.UI5Date.getInstance(2022,10,10,10,15,10)});
+		 *
+		 * new sap.m.TimePicker({
+		 *     value: {
+		 *         type: "sap.ui.model.type.Time",
+		 *         path:"/date"
+		 *     }
+		 * });
+		 *
 		 * <li>Use the <code>value</code> property if the date is provided as a string from
 		 * the backend or inside the app (for example, as ABAP type DATS field)</li>
+		 * @example <caption> binding the <code>value</code> property by using types </caption>
+		 * new sap.ui.model.json.JSONModel({date:"10:15:10"});
+		 * new sap.m.TimePicker({
+		 *     value: {
+		 *         type: "sap.ui.model.type.Time",
+		 *         path: "/date",
+		 *         formatOptions: {
+		 *             source: {
+		 *                 pattern: "HH:mm:ss"
+		 *             }
+		 *         }
+		 *     }
+		 * });
+		 *
+		 * <b>Note:</b> There are multiple binding type choices, such as:
+		 * sap.ui.model.type.Date
+		 * sap.ui.model.odata.type.DateTime
+		 * sap.ui.model.odata.type.DateTimeOffset
+		 * See {@link sap.ui.model.type.Date}, {@link sap.ui.model.odata.type.DateTime} or {@link sap.ui.model.odata.type.DateTimeOffset}
+		 *
 		 * <li>Use the <code>dateValue</code> property if the date is already provided as a
-		 * JavaScript Date object or you want to work with a JavaScript Date object.
+		 * UI5Date or JavaScript Date object or you want to work with a UI5Date or JavaScript Date object.
 		 * Use <code>dateValue</code> as a helper property to easily obtain the hours, minutes and seconds
 		 * of the chosen time. Although possible to bind it, the recommendation is to not to do it.
 		 * When binding is needed, use <code>value</code> property instead</li></ul>
@@ -144,7 +174,7 @@ function(
 		 * @extends sap.m.DateTimeField
 		 *
 		 * @author SAP SE
-		 * @version 1.112.2
+		 * @version 1.114.0
 		 *
 		 * @constructor
 		 * @public
@@ -350,13 +380,13 @@ function(
 		 */
 
 		/**
-		 * Holds a reference to a JavaScript Date Object. The <code>value</code> (string)
+		 * Holds a reference to a UI5Date or JavaScript Date object. The <code>value</code> (string)
 		 * property will be set according to it. Alternatively, if the <code>value</code>
 		 * and <code>valueFormat</code> pair properties are supplied instead,
 		 * the <code>dateValue</code> will be instantiated according to the parsed
 		 * <code>value</code>.
 		 *
-		 * @returns {Date} the value of property <code>dateValue</code>
+		 * @returns {Date|module:sap/ui/core/date/UI5Date} the value of property <code>dateValue</code>
 		 * @public
 		 * @name sap.m.TimePicker#getDateValue
 		 * @function
@@ -863,7 +893,7 @@ function(
 		/**
 		 * Handles data validation.
 		 *
-		 * @param {Date} oDate JavaScript date object
+		 * @param {Date|module:sap/ui/core/date/UI5Date} oDate date instance
 		 * @private
 		 */
 		 TimePicker.prototype._handleDateValidation = function (oDate) {
@@ -1053,7 +1083,7 @@ function(
 		 * Sets the value of the date.
 		 *
 		 * @public
-		 * @param {Date} oDate A JavaScript date
+		 * @param {Date|module:sap/ui/core/date/UI5Date} oDate A date instance
 		 * @returns {this} Reference to <code>this</code> for method chaining
 		 */
 		 TimePicker.prototype.setDateValue = function(oDate) {
@@ -1742,7 +1772,7 @@ function(
 		 *
 		 * If bValueFormat is set, it converts it to the <code>valueFormat</code>.
 		 *
-		 * @param {Date} oDate A JavaScript date object
+		 * @param {Date|module:sap/ui/core/date/UI5Date} oDate A date instance
 		 * @param {boolean} bValueFormat Defines whether the result is in <code>valueFormat</code> or <code>displayFormat</code>
 		 * @returns {string} Formatted value
 		 * @private

package/src/sap/m/TimePickerClock.js

@@ -29,7 +29,7 @@ sap.ui.define([
 		 * @extends sap.ui.core.Control
 		 *
 		 * @author SAP SE
-		 * @version 1.112.2
+		 * @version 1.114.0
 		 *
 		 * @constructor
 		 * @private

package/src/sap/m/TimePickerClocks.js

@@ -52,7 +52,7 @@ sap.ui.define([
 		 * @extends sap.ui.core.Control
 		 *
 		 * @author SAP SE
-		 * @version 1.112.2
+		 * @version 1.114.0
 		 *
 		 * @constructor
 		 * @public
@@ -470,7 +470,7 @@ sap.ui.define([
 		/**
 		 * Gets the time values from the clocks, as a date object.
 		 *
-		 * @returns {Date} A JavaScript date object
+		 * @returns {Date|module:sap/ui/core/date/UI5Date} A date instance
 		 * @public
 		 */
 		TimePickerClocks.prototype.getTimeValues = function() {
@@ -703,7 +703,7 @@ sap.ui.define([
 		/**
 		 * Set what clocks show.
 		 *
-		 * @param {object} oDate JavaScript date object
+		 * @param {object} oDate date instance
 		 * @param {boolean} bHoursValueIs24 whether the hours value is 24 or not
 		 * @private
 		 */
@@ -723,7 +723,7 @@ sap.ui.define([
 			// Cross frame check for a date should be performed here otherwise setDateValue would fail in OPA tests
 			// because Date object in the test is different than the Date object in the application (due to the iframe).
 			if (Object.prototype.toString.call(oDate) !== "[object Date]" || isNaN(oDate)) {
-				throw new Error("Date must be a JavaScript date object; " + this);
+				throw new Error("Date must be a JavaScript or UI5Date date object; " + this);
 			}
 
 			if (!bHoursValueIs24) {

package/src/sap/m/TimePickerClocksRenderer.js

@@ -45,7 +45,6 @@ sap.ui.define([], function() {
 			oSegButton = oControl.getAggregation("_buttonAmPm"),
 			aSeparators = oControl._getTimeSeparators(oControl._getDisplayFormatPattern()),
 			sSeparator,
-			iSepearatorsIndex,
 			iIndex;
 
 		if (aButtons) {
@@ -58,14 +57,12 @@ sap.ui.define([], function() {
 			oRm.attr("dir", "ltr");
 			oRm.openEnd();
 
-			// render buttons
-			for (iIndex = 0; iIndex < aButtons.length; iIndex++) {
-				oRm.renderControl(aButtons[iIndex]);
-				if (iIndex < aButtons.length - 1) {
-					iSepearatorsIndex = aSeparators.length - (aButtons.length - 1)  + iIndex;
-					sSeparator = aSeparators[iSepearatorsIndex];
-					if (!sSeparator) {
-						sSeparator = " ";
+			// render buttons and separators
+			for (iIndex = 0; iIndex < aSeparators.length; iIndex++) {
+				if (iIndex > 0 || aSeparators[iIndex] !== "") {
+					sSeparator = aSeparators[iIndex];
+					if (sSeparator === undefined) {
+						sSeparator = "";
 					}
 					oRm.openStart("span");
 					oRm.attr("aria-hidden", "true");
@@ -73,6 +70,7 @@ sap.ui.define([], function() {
 					oRm.text(sSeparator);
 					oRm.close("span");
 				}
+				aButtons[iIndex] && oRm.renderControl(aButtons[iIndex]);
 			}
 
 			oRm.renderControl(oControl._getCurrentTimeButton());

package/src/sap/m/TimePickerInputs.js

@@ -16,7 +16,8 @@ sap.ui.define([
 	"sap/ui/core/InvisibleText",
 	"sap/ui/events/KeyCodes",
 	"./TimePickerInputsRenderer",
-	"sap/ui/thirdparty/jquery"
+	"sap/ui/thirdparty/jquery",
+	'sap/ui/core/date/UI5Date'
 ],
 	function(
 		library,
@@ -30,7 +31,8 @@ sap.ui.define([
 		InvisibleText,
 		KeyCodes,
 		TimePickerInputsRenderer,
-		jQuery
+		jQuery,
+        UI5Date
 	) {
 		"use strict";
 
@@ -49,7 +51,7 @@ sap.ui.define([
 		 * @extends sap.ui.core.Control
 		 *
 		 * @author SAP SE
-		 * @version 1.112.2
+		 * @version 1.114.0
 		 *
 		 * @constructor
 		 * @public
@@ -332,7 +334,7 @@ sap.ui.define([
 		/**
 		 * Gets the time values from the clocks, as a date object.
 		 *
-		 * @returns {Date} A JavaScript date object
+		 * @returns {Date|module:sap/ui/core/date/UI5Date} A date instance
 		 * @public
 		 */
 		TimePickerInputs.prototype.getTimeValues = function() {
@@ -342,7 +344,7 @@ sap.ui.define([
 				oFormatButton = this._getFormatButton(),
 				iHours = null,
 				sAmpm = null,
-				oDateValue = new Date();
+				oDateValue = UI5Date.getInstance();
 
 			if (oHoursInput) {
 				iHours = parseInt(oHoursInput.getValue());
@@ -404,7 +406,7 @@ sap.ui.define([
 		/**
 		 * Set what inputs show.
 		 *
-		 * @param {object} oDate JavaScript date object
+		 * @param {object} oDate date instance
 		 * @param {boolean} bHoursValueIs24 whether the hours value is 24 or not
 		 * @private
 		 */
@@ -417,12 +419,12 @@ sap.ui.define([
 				iHours,
 				sAmPm = null;
 
-			oDate = oDate || new Date();
+			oDate = oDate || UI5Date.getInstance();
 
 			// Cross frame check for a date should be performed here otherwise setDateValue would fail in OPA tests
 			// because Date object in the test is different than the Date object in the application (due to the iframe).
 			if (Object.prototype.toString.call(oDate) !== "[object Date]" || isNaN(oDate)) {
-				throw new Error("Date must be a JavaScript date object; " + this);
+				throw new Error("Date must be a JavaScript or UI5Date date object; " + this);
 			}
 
 			if (!bHoursValueIs24) {

package/src/sap/m/TimePickerInputsRenderer.js

@@ -39,12 +39,12 @@ sap.ui.define([], function() {
 			oRm.attr("aria-roledescription", oControl._getAriaRoleDescription());
 			oRm.openEnd();
 
-			for (iIndex = 0; iIndex < aControls.length; iIndex++) {
-				oRm.renderControl(aControls[iIndex]);
-				if (iIndex < aControls.length - 1) {
-					sSeparator = aSeparators.shift();
-					if (!sSeparator) {
-						sSeparator = " ";
+			// render buttons and separators
+			for (iIndex = 0; iIndex < aSeparators.length; iIndex++) {
+				if (iIndex > 0 || aSeparators[iIndex] !== "") {
+					sSeparator = aSeparators[iIndex];
+					if (sSeparator === undefined) {
+						sSeparator = "";
 					}
 					oRm.openStart("span");
 					oRm.attr("aria-hidden", "true");
@@ -52,6 +52,7 @@ sap.ui.define([], function() {
 					oRm.text(sSeparator);
 					oRm.close("span");
 				}
+				aControls[iIndex] && oRm.renderControl(aControls[iIndex]);
 			}
 
 			oRm.renderControl(oControl._getCurrentTimeButton());

package/src/sap/m/TimePickerInternals.js

@@ -49,7 +49,7 @@ sap.ui.define([
 		 * @extends sap.ui.core.Control
 		 *
 		 * @author SAP SE
-		 * @version 1.112.2
+		 * @version 1.114.0
 		 *
 		 * @constructor
 		 * @private
@@ -439,11 +439,22 @@ sap.ui.define([
 		TimePickerInternals.prototype._getTimeSeparators = function (sDisplayFormat) {
 			var aFormatParts = DateFormat.getInstance({ pattern: sDisplayFormat }).aFormatArray,
 				aSeparators = [],
+				bAmPmMarker,
 				bPreviousWasEntity,
 				iIndex;
 
+				if (!aFormatParts.length) {
+					return aSeparators;
+				}
+
+				if (aFormatParts[0].type !== 'text') {
+					aSeparators.push("");
+				}
+
 				for (iIndex = 0; iIndex < aFormatParts.length; iIndex++) {
-					if (aFormatParts[iIndex].type !== "text") {
+					if (aFormatParts[iIndex].type === 'amPmMarker') {
+						bAmPmMarker = true;
+					} else if (aFormatParts[iIndex].type !== "text") {
 						if (bPreviousWasEntity) {
 							// there was previous non-separator entity, and this one is the same too, so add empty separator
 							aSeparators.push("");
@@ -458,6 +469,8 @@ sap.ui.define([
 					}
 				}
 
+				bAmPmMarker && aSeparators.push("");
+
 				return aSeparators;
 		};
 

package/src/sap/m/TimePickerRenderer.js

@@ -44,7 +44,11 @@ sap.ui.define(['sap/ui/core/Renderer', './DateTimeFieldRenderer', 'sap/ui/core/l
 		 * @param {sap.m.TimePicker} oControl An object representation of the control that should be rendered
 		 */
 		TimePickerRenderer.writeInnerValue = function(oRm, oControl) {
-			oRm.attr("value", oControl._formatValue(oControl.getDateValue()));
+			if (oControl._inPreferredUserInteraction()) {
+				oRm.attr("value", oControl._$input.val());
+			} else {
+				oRm.attr("value", oControl._formatValue(oControl.getDateValue()));
+			}
 		};
 
 		/**

package/src/sap/m/TimePickerSlider.js

@@ -28,7 +28,7 @@ sap.ui.define([
 		 * @extends sap.ui.core.Control
 		 *
 		 * @author SAP SE
-		 * @version 1.112.2
+		 * @version 1.114.0
 		 *
 		 * @constructor
 		 * @private

package/src/sap/m/TimePickerSliders.js

@@ -17,7 +17,8 @@ sap.ui.define([
 	'sap/ui/Device',
 	'sap/ui/core/Locale',
 	"sap/ui/thirdparty/jquery",
-	"sap/ui/core/Configuration"
+	"sap/ui/core/Configuration",
+	'sap/ui/core/date/UI5Date'
 ],
 	function(
 		coreLibrary,
@@ -32,7 +33,8 @@ sap.ui.define([
 		Device,
 		Locale,
 		jQuery,
-		Configuration
+		Configuration,
+		UI5Date
 	) {
 		"use strict";
 
@@ -50,7 +52,7 @@ sap.ui.define([
 		 * @extends sap.ui.core.Control
 		 *
 		 * @author SAP SE
-		 * @version 1.112.2
+		 * @version 1.114.0
 		 *
 		 * @constructor
 		 * @public
@@ -356,7 +358,7 @@ sap.ui.define([
 				oFormatSlider = this._getFormatSlider(),
 				iHours = null,
 				sAmpm = null,
-				oDateValue = new Date();
+				oDateValue = UI5Date.getInstance();
 
 			if (oHoursSlider) {
 				iHours = parseInt(oHoursSlider.getSelectedValue());
@@ -442,7 +444,7 @@ sap.ui.define([
 				iHours,
 				sAmPm = null;
 
-			oDate = oDate || new Date();
+			oDate = oDate || UI5Date.getInstance();
 
 			// Cross frame check for a date should be performed here otherwise setDateValue would fail in OPA tests
 			// because Date object in the test is different than the Date object in the application (due to the iframe).

package/src/sap/m/Title.js

@@ -73,7 +73,7 @@ sap.ui.define([
 	 * @implements sap.ui.core.IShrinkable
 	 *
 	 * @author SAP SE
-	 * @version 1.112.2
+	 * @version 1.114.0
 	 * @since 1.27.0
 	 *
 	 * @constructor

package/src/sap/m/TitlePropagationSupport.js

@@ -51,7 +51,7 @@ sap.ui.define(["sap/ui/core/Configuration"],
 		 * style class support on existing elements by calling this function.
 		 *
 		 * @author SAP SE
-		 * @version 1.112.2
+		 * @version 1.114.0
 		 *
 		 * @param {string} sAggregationName the name of the aggregation which should be affected
 		 * @param {object} fnGetTitleID function that would return the ID of the title