@openui5/sap.m 1.102.1 → 1.103.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@openui5/sap.m",
-  "version": "1.102.1",
+  "version": "1.103.0",
   "description": "OpenUI5 UI Library sap.m",
   "author": "SAP SE (https://www.sap.com)",
   "license": "Apache-2.0",
@@ -14,8 +14,8 @@
     "url": "https://github.com/SAP/openui5.git"
   },
   "dependencies": {
-    "@openui5/sap.ui.core": "1.102.1",
-    "@openui5/sap.ui.layout": "1.102.1",
-    "@openui5/sap.ui.unified": "1.102.1"
+    "@openui5/sap.ui.core": "1.103.0",
+    "@openui5/sap.ui.layout": "1.103.0",
+    "@openui5/sap.ui.unified": "1.103.0"
   }
 }

package/src/sap/m/.library

@@ -6,7 +6,7 @@
   <copyright>OpenUI5
  * (c) Copyright 2009-2022 SAP SE or an SAP affiliate company.
  * Licensed under the Apache License, Version 2.0 - see LICENSE.txt.</copyright>
-  <version>1.102.1</version>
+  <version>1.103.0</version>
 
   <documentation>The main UI5 control library, with responsive controls that can be used in touch devices as well as desktop browsers.</documentation>
 

package/src/sap/m/AccButton.js

@@ -21,7 +21,7 @@ sap.ui.define(['./Button','./AccButtonRenderer'],
 	 * @extends sap.m.Button
 	 *
 	 * @author SAP SE
-	 * @version 1.102.1
+	 * @version 1.103.0
 	 *
 	 * @constructor
 	 * @private

package/src/sap/m/ActionListItem.js

@@ -31,7 +31,7 @@ sap.ui.define(['./ListItemBase', './library', './ActionListItemRenderer'],
 	 * @extends sap.m.ListItemBase
 	 *
 	 * @author SAP SE
-	 * @version 1.102.1
+	 * @version 1.103.0
 	 *
 	 * @constructor
 	 * @public

package/src/sap/m/ActionSelect.js

@@ -20,7 +20,7 @@ sap.ui.define(['./Select', 'sap/ui/core/InvisibleText', 'sap/ui/Device', 'sap/ui
 		 * @extends sap.m.Select
 		 *
 		 * @author SAP SE
-		 * @version 1.102.1
+		 * @version 1.103.0
 		 *
 		 * @constructor
 		 * @public
@@ -112,10 +112,10 @@ sap.ui.define(['./Select', 'sap/ui/core/InvisibleText', 'sap/ui/Device', 'sap/ui
 		/* ----------------------------------------------------------- */
 
 		/**
-		 * Button to be removed from the ActionSelect content.
+		 * Removes the given button from the <code>ActionSelect</code> content.
 		 *
-		 * @param {int | string | sap.m.Button} vButton The button to remove or its index or id.
-		 * @returns {string} The id of the removed button or null.
+		 * @param {int | string | sap.m.Button} vButton The button to remove or its index or ID.
+		 * @returns {string|null} The ID of the removed button or <code>null</code>.
 		 * @public
 		 */
 		ActionSelect.prototype.removeButton = function(vButton) {

package/src/sap/m/ActionSheet.js

@@ -70,7 +70,7 @@ sap.ui.define([
 	 * @extends sap.ui.core.Control
 	 *
 	 * @author SAP SE
-	 * @version 1.102.1
+	 * @version 1.103.0
 	 *
 	 * @constructor
 	 * @public

package/src/sap/m/App.js

@@ -50,7 +50,7 @@ sap.ui.define([
 	 * @extends sap.m.NavContainer
 	 *
 	 * @author SAP SE
-	 * @version 1.102.1
+	 * @version 1.103.0
 	 *
 	 * @constructor
 	 * @public

package/src/sap/m/AssociativeOverflowToolbar.js

@@ -20,7 +20,7 @@ sap.ui.define(['sap/base/Log', './OverflowToolbar', './OverflowToolbarRenderer',
 		 * @extends sap.m.OverflowToolbar
 		 *
 		 * @author SAP SE
-		 * @version 1.102.1
+		 * @version 1.103.0
 		 *
 		 * @constructor
 		 * @private

package/src/sap/m/Avatar.js

@@ -80,7 +80,7 @@ sap.ui.define([
 	 * @extends sap.ui.core.Control
 	 *
 	 * @author SAP SE
-	 * @version 1.102.1
+	 * @version 1.103.0
 	 *
 	 * @constructor
 	 * @public

package/src/sap/m/Bar.js

@@ -56,7 +56,7 @@ sap.ui.define([
 	 * @implements sap.m.IBar
 	 *
 	 * @author SAP SE
-	 * @version 1.102.1
+	 * @version 1.103.0
 	 *
 	 * @constructor
 	 * @public

package/src/sap/m/BarInPageEnabler.js

@@ -36,7 +36,7 @@ sap.ui.define(['sap/ui/base/Object', 'sap/m/library', "sap/base/Log"],
 	 * @class Helper Class for implementing the IBar interface. Should be created once per IBar instance.
 	 * @version 1.22
 	 * @protected
-	 * @alias sap.m.IBarInPageEnabler
+	 * @alias sap.m.BarInPageEnabler
 	 */
 	var BarInPageEnabler = Object.extend("sap.m.BarInPageEnabler", /** @lends sap.m.BarInPageEnabler.prototype */ {
 

package/src/sap/m/Breadcrumbs.js

@@ -61,9 +61,10 @@ sap.ui.define([
 	 * @see {@link fiori:https://experience.sap.com/fiori-design-web/breadcrumb/ Breadcrumbs}
 	 *
 	 * @extends sap.ui.core.Control
+	 * @implements sap.m.IBreadcrumbs, sap.m.IOverflowToolbarContent, sap.ui.core.IShrinkable
 	 *
 	 * @author SAP SE
-	 * @version 1.102.1
+	 * @version 1.103.0
 	 *
 	 * @constructor
 	 * @public
@@ -75,7 +76,11 @@ sap.ui.define([
 	var Breadcrumbs = Control.extend("sap.m.Breadcrumbs", {
 		metadata: {
 			library: "sap.m",
-			interfaces: ["sap.m.IBreadcrumbs"],
+			interfaces: [
+				"sap.m.IBreadcrumbs",
+				"sap.m.IOverflowToolbarContent",
+				"sap.ui.core.IShrinkable"
+			],
 			designtime: "sap/m/designtime/Breadcrumbs.designtime",
 			properties: {
 
@@ -767,6 +772,26 @@ sap.ui.define([
 		return this;
 	};
 
+	/**
+	 * Required by the {@link sap.m.IOverflowToolbarContent} interface.
+	 * Registers invalidation event which is fired when width of the control is changed.
+	 *
+	 * @returns {object} Configuration information for the <code>sap.m.IOverflowToolbarContent</code> interface.
+	 *
+	 * @private
+	 * @ui5-restricted sap.m.OverflowToolBar
+	 */
+	Breadcrumbs.prototype.getOverflowToolbarConfig = function() {
+		var oConfig = {
+			canOverflow: true,
+			getCustomImportance: function () {
+				return "High";
+			}
+		};
+
+		return oConfig;
+	};
+
 	// helper functions
 	function getElementWidth($element) {
 		var iMargins;

package/src/sap/m/BusyDialog.js

@@ -62,7 +62,7 @@ sap.ui.define(['./library',
 		 * @extends sap.ui.core.Control
 		 *
 		 * @author SAP SE
-		 * @version 1.102.1
+		 * @version 1.103.0
 		 *
 		 * @public
 		 * @alias sap.m.BusyDialog

package/src/sap/m/BusyIndicator.js

@@ -46,7 +46,7 @@ sap.ui.define([
 	 * @extends sap.ui.core.Control
 	 *
 	 * @author SAP SE
-	 * @version 1.102.1
+	 * @version 1.103.0
 	 *
 	 * @constructor
 	 * @public

package/src/sap/m/Button.js

@@ -89,7 +89,7 @@ sap.ui.define([
 	 * @mixes sap.ui.core.ContextMenuSupport
 	 *
 	 * @author SAP SE
-	 * @version 1.102.1
+	 * @version 1.103.0
 	 *
 	 * @constructor
 	 * @public
@@ -738,8 +738,8 @@ sap.ui.define([
 			bIconFirst;
 
 		// check if image control type and src match - destroy it, if they don't
-		if (this._image instanceof sap.m.Image && bIsIconURI ||
-			this._image instanceof sap.ui.core.Icon && !bIsIconURI) {
+		if (this._image && this._image.isA("sap.m.Image") && bIsIconURI ||
+			this._image && this._image.isA("sap.ui.core.Icon") && !bIsIconURI) {
 			this._image.destroy();
 			this._image = undefined;
 		}
@@ -749,7 +749,7 @@ sap.ui.define([
 
 		if (this._image) {
 			this._image.setSrc(sSrc);
-			if (this._image instanceof sap.m.Image) {
+			if (this._image.isA("sap.m.Image")) {
 				this._image.setActiveSrc(sActiveSrc);
 				this._image.setDensityAware(bIconDensityAware);
 			}

package/src/sap/m/Carousel.js

@@ -101,7 +101,7 @@ sap.ui.define([
 	 * @extends sap.ui.core.Control
 	 *
 	 * @author SAP SE
-	 * @version 1.102.1
+	 * @version 1.103.0
 	 *
 	 * @constructor
 	 * @public

package/src/sap/m/CarouselLayout.js

@@ -15,7 +15,7 @@ sap.ui.define(["sap/ui/base/ManagedObject"], function (ManagedObject) {
 	 * Applies a <code>sap.m.CarouselLayout</code> to a provided DOM element or Control.
 	 *
 	 * @author SAP SE
-	 * @version 1.102.1
+	 * @version 1.103.0
 	 *
 	 * @extends sap.ui.base.ManagedObject
 	 *

package/src/sap/m/CheckBox.js

@@ -86,7 +86,7 @@ sap.ui.define([
 	 * @implements sap.ui.core.IFormContent, sap.ui.core.ISemanticFormContent
 	 *
 	 * @author SAP SE
-	 * @version 1.102.1
+	 * @version 1.103.0
 	 *
 	 * @constructor
 	 * @public

package/src/sap/m/ColorPalette.js

@@ -104,7 +104,7 @@ sap.ui.define([
 		 * To prevent this, apps using the <code>ColorPalette</code> should also load the <code>sap.ui.unified</code> library in advance.
 		 *
 		 * @extends sap.ui.core.Control
-		 * @version 1.102.1
+		 * @version 1.103.0
 		 *
 		 * @constructor
 		 * @public

package/src/sap/m/ColorPalettePopover.js

@@ -38,7 +38,7 @@ sap.ui.define([
 		 * A thin wrapper over {@link sap.m.ColorPalette} allowing the latter to be used in a popover.
 		 *
 		 * @extends sap.ui.core.Control
-		 * @version 1.102.1
+		 * @version 1.103.0
 		 *
 		 * @constructor
 		 * @public

package/src/sap/m/Column.js

@@ -46,7 +46,7 @@ sap.ui.define([
 	 * @extends sap.ui.core.Element
 	 *
 	 * @author SAP SE
-	 * @version 1.102.1
+	 * @version 1.103.0
 	 *
 	 * @constructor
 	 * @public

package/src/sap/m/ColumnHeaderPopover.js

@@ -30,7 +30,7 @@ sap.ui.define([
 	 * @extends sap.ui.core.Control
 	 *
 	 * @author SAP SE
-	 * @version 1.102.1
+	 * @version 1.103.0
 	 *
 	 * @constructor
 	 * @since 1.63

package/src/sap/m/ColumnListItem.js

@@ -42,7 +42,7 @@ sap.ui.define([
 	 * @extends sap.m.ListItemBase
 	 *
 	 * @author SAP SE
-	 * @version 1.102.1
+	 * @version 1.103.0
 	 *
 	 * @constructor
 	 * @public

package/src/sap/m/ColumnListItemRenderer.js

@@ -304,7 +304,8 @@ sap.ui.define([
 			}
 
 			var aStyleClass = oColumn.getStyleClass().split(" "),
-				sPopinDisplay = oColumn.getPopinDisplay();
+				sPopinDisplay = oColumn.getPopinDisplay(),
+				oOriginalHeader = oHeader;
 
 			/* row start */
 			rm.openStart("div");
@@ -322,6 +323,9 @@ sap.ui.define([
 			/* header cell */
 			if (oHeader && sPopinDisplay != PopinDisplay.WithoutHeader) {
 				rm.openStart("div").class("sapMListTblSubCntHdr").openEnd();
+				if (oTable._aPopinHeaders.indexOf(oHeader) === -1) {
+					oTable._aPopinHeaders.push(oOriginalHeader);
+				}
 				oHeader = oHeader.clone();
 				oColumn.addDependent(oHeader);
 				oLI._addClonedHeader(oHeader);
@@ -338,7 +342,7 @@ sap.ui.define([
 				rm.class("sapMListTblSubCntVal");
 				rm.class("sapMListTblSubCntVal" + sPopinDisplay);
 				rm.openEnd();
-				this.applyAriaLabelledBy(oHeader, oCell);
+				this.applyAriaLabelledBy(oOriginalHeader, oCell);
 				rm.renderControl(oCell);
 				rm.close("div");
 			}

package/src/sap/m/ColumnPopoverActionItem.js

@@ -16,7 +16,7 @@ sap.ui.define(['./ColumnPopoverItem', 'sap/m/Button'], function(ColumnPopoverIte
 	 * @extends sap.m.ColumnPopoverItem
 	 *
 	 * @author SAP SE
-	 * @version 1.102.1
+	 * @version 1.103.0
 	 *
 	 * @constructor
 	 * @since 1.63

package/src/sap/m/ColumnPopoverCustomItem.js

@@ -17,7 +17,7 @@ sap.ui.define(['./ColumnPopoverItem', 'sap/m/ToggleButton'], function(ColumnPopo
 	 * @extends sap.m.ColumnPopoverItem
 	 *
 	 * @author SAP SE
-	 * @version 1.102.1
+	 * @version 1.103.0
 	 *
 	 * @constructor
 	 * @since 1.63

package/src/sap/m/ColumnPopoverItem.js

@@ -16,7 +16,7 @@ sap.ui.define(['sap/ui/core/Element'], function(Element) {
 	 * @extends sap.ui.core.Element
 	 *
 	 * @author SAP SE
-	 * @version 1.102.1
+	 * @version 1.103.0
 	 *
 	 * @constructor
 	 * @since 1.63

package/src/sap/m/ColumnPopoverSelectListItem.js

@@ -29,7 +29,7 @@ sap.ui.define([
 	 * @extends sap.m.ColumnPopoverItem
 	 *
 	 * @author SAP SE
-	 * @version 1.102.1
+	 * @version 1.103.0
 	 *
 	 * @constructor
 	 * @since 1.86

package/src/sap/m/ColumnPopoverSortItem.js

@@ -29,7 +29,7 @@ sap.ui.define([
 	 * @extends sap.m.ColumnPopoverItem
 	 *
 	 * @author SAP SE
-	 * @version 1.102.1
+	 * @version 1.103.0
 	 *
 	 * @constructor
 	 * @since 1.66

package/src/sap/m/ComboBox.js

@@ -108,7 +108,7 @@ sap.ui.define([
 		 * </ul>
 		 *
 		 * @author SAP SE
-		 * @version 1.102.1
+		 * @version 1.103.0
 		 *
 		 * @constructor
 		 * @extends sap.m.ComboBoxBase

package/src/sap/m/ComboBoxBase.js

@@ -70,7 +70,7 @@ sap.ui.define([
 		 * @abstract
 		 *
 		 * @author SAP SE
-		 * @version 1.102.1
+		 * @version 1.103.0
 		 *
 		 * @constructor
 		 * @public
@@ -266,8 +266,8 @@ sap.ui.define([
 		/**
 		 * Decorates the Input.
 		 *
-		 * @param {sap.m.InputBase} oInput The input which should be decorated
-		 * @returns {*} The decorated input or undefined
+		 * @param {sap.m.InputBase} [oInput] The input which should be decorated
+		 * @returns {sap.m.InputBase|undefined} The decorated input or <code>undefined</code>
 		 * @private
 		 * @ui5-restricted
 		 */
@@ -1391,7 +1391,7 @@ sap.ui.define([
 		 * Gets the item from the aggregation named <code>items</code> at the given 0-based index.
 		 *
 		 * @param {int} iIndex Index of the item to return.
-		 * @returns {sap.ui.core.Item} Item at the given index, or null if none.
+		 * @returns {sap.ui.core.Item|null} Item at the given index, or <code>null</code> if none.
 		 * @public
 		 */
 		ComboBoxBase.prototype.getItemAt = function(iIndex) {
@@ -1401,7 +1401,7 @@ sap.ui.define([
 		/**
 		 * Gets the first item from the aggregation named <code>items</code>.
 		 *
-		 * @returns {sap.ui.core.Item} The first item, or null if there are no items.
+		 * @returns {sap.ui.core.Item|null} The first item, or <code>null</code> if there are no items.
 		 * @public
 		 */
 		ComboBoxBase.prototype.getFirstItem = function() {
@@ -1411,7 +1411,7 @@ sap.ui.define([
 		/**
 		 * Gets the last item from the aggregation named <code>items</code>.
 		 *
-		 * @returns {sap.ui.core.Item} The last item, or null if there are no items.
+		 * @returns {sap.ui.core.Item|null} The last item, or <code>null</code> if there are no items.
 		 * @public
 		 */
 		ComboBoxBase.prototype.getLastItem = function() {
@@ -1501,7 +1501,7 @@ sap.ui.define([
 		 * Removes an item from the aggregation named <code>items</code>.
 		 *
 		 * @param {int | string | sap.ui.core.Item} vItem The item to remove or its index or ID.
-		 * @returns {sap.ui.core.Item} The removed item or null.
+		 * @returns {sap.ui.core.Item|null} The removed item or <code>null</code>.
 		 * @public
 		 */
 

package/src/sap/m/ComboBoxTextField.js

@@ -35,7 +35,7 @@ sap.ui.define([
 		 * @extends sap.m.InputBase
 		 *
 		 * @author SAP SE
-		 * @version 1.102.1
+		 * @version 1.103.0
 		 *
 		 * @constructor
 		 * @public

package/src/sap/m/CustomDynamicDateOption.js

@@ -20,7 +20,7 @@ sap.ui.define(['sap/m/DynamicDateOption'],
 		 * @extends sap.m.DynamicDateOption
 		 *
 		 * @author SAP SE
-		 * @version 1.102.1
+		 * @version 1.103.0
 		 *
 		 * @public
 		 * @since 1.92

package/src/sap/m/CustomListItem.js

@@ -24,7 +24,7 @@ sap.ui.define(['./ListItemBase', './library', './CustomListItemRenderer'],
 	 * @extends sap.m.ListItemBase
 	 *
 	 * @author SAP SE
-	 * @version 1.102.1
+	 * @version 1.103.0
 	 *
 	 * @constructor
 	 * @public

package/src/sap/m/CustomTile.js

@@ -21,7 +21,7 @@ sap.ui.define(['./Tile', './library', './CustomTileRenderer'],
 	 * Use the CustomTile control to display application specific content in the Tile control.
 	 * The tile width is 8.5em and height is 10em.
 	 * @extends sap.m.Tile
-	 * @version 1.102.1
+	 * @version 1.103.0
 	 *
 	 * @constructor
 	 * @public

package/src/sap/m/CustomTreeItem.js

@@ -23,7 +23,7 @@ sap.ui.define([
 	 *        <code>Table, Form</code> etc, should not be aggregated as content.
 	 * @extends sap.m.TreeItemBase
 	 * @author SAP SE
-	 * @version 1.102.1
+	 * @version 1.103.0
 	 * @constructor
 	 * @public
 	 * @since 1.48.0

package/src/sap/m/DatePicker.js

@@ -152,7 +152,7 @@ sap.ui.define([
 	 * the close event), or select Cancel.
 	 *
 	 * @extends sap.m.DateTimeField
-	 * @version 1.102.1
+	 * @version 1.103.0
 	 *
 	 * @constructor
 	 * @public
@@ -1465,7 +1465,7 @@ sap.ui.define([
 
 	/**
 	 * Getter for DatePicker's Calendar instance.
-	 * @returns {object} The _header object
+	 * @returns {sap.ui.unified.Calendar} The calendar object
 	 * @private
 	 */
 	DatePicker.prototype._getCalendar = function () {

package/src/sap/m/DateRangeSelection.js

@@ -128,8 +128,8 @@ sap.ui.define([
 	 * compact mode and provides a touch-friendly size in cozy mode.
 	 *
 	 * @extends sap.m.DatePicker
-	 * @version 1.102.1
-	 * @version 1.102.1
+	 * @version 1.103.0
+	 * @version 1.103.0
 	 *
 	 * @constructor
 	 * @public
@@ -238,7 +238,7 @@ sap.ui.define([
 			oLocale = sap.ui.getCore().getConfiguration().getFormatSettings().getFormatLocale();
 			oLocaleData = LocaleData.getInstance(oLocale);
 
-			if (oBinding && oBinding.getType() instanceof sap.ui.model.type.DateInterval) {
+			if (oBinding && oBinding.getType() && oBinding.getType().isA("sap.ui.model.type.DateInterval")) {
 				oBindingType = oBinding.getType();
 
 				if (oBindingType.oFormatOptions && oBindingType.oFormatOptions.format) {
@@ -547,7 +547,7 @@ sap.ui.define([
 		var oDate1, oDate2;
 		var oBinding = this.getBinding("value");
 
-		if (oBinding && oBinding.getType() instanceof sap.ui.model.type.DateInterval) {
+		if (oBinding && oBinding.getType() && oBinding.getType().isA("sap.ui.model.type.DateInterval")) {
 			//The InputBase has it's own mechanism for handling parser exception that
 			//uses sap.ui.core.message.MessageMixin and MessageManager. This mechanism
 			//is triggered once the invalid value is set to the Input. In our case this
@@ -662,7 +662,7 @@ sap.ui.define([
 		if (oDate1) {
 			oBinding = this.getBinding("value");
 
-			if (oBinding && oBinding.getType() instanceof sap.ui.model.type.DateInterval) {
+			if (oBinding && oBinding.getType() && oBinding.getType().isA("sap.ui.model.type.DateInterval")) {
 				if (oBinding.getType().oFormatOptions && oBinding.getType().oFormatOptions.source && oBinding.getType().oFormatOptions.source.pattern === "timestamp") {
 					sValue = oBinding.getType().formatValue([_denormalizeDateValue(oDateValue), _denormalizeDateValue(oSecondDateValue)], "string");
 				} else {

package/src/sap/m/DateTimeField.js

@@ -59,7 +59,7 @@ sap.ui.define([
 	 * @extends sap.m.InputBase
 	 *
 	 * @author SAP SE
-	 * @version 1.102.1
+	 * @version 1.103.0
 	 *
 	 * @constructor
 	 * @public
@@ -301,6 +301,14 @@ sap.ui.define([
 		).getDatePattern(sPlaceholder);
 	};
 
+	DateTimeField.prototype._getTimezoneFormatter = function() {
+		if (!this._timezoneFormatter) {
+			this._timezoneFormatter = DateFormat.getDateTimeWithTimezoneInstance({ showTimezone: false });
+		}
+
+		return this._timezoneFormatter;
+	};
+
 	DateTimeField.prototype._parseValue = function (sValue, bDisplayFormat) {
 		var oBinding = this.getBinding("value"),
 			oBindingType = oBinding && oBinding.getType && oBinding.getType(),
@@ -309,7 +317,8 @@ sap.ui.define([
 			oFormatter = this._getFormatter(bDisplayFormat),
 			oFormatOptions,
 			oDateLocal,
-			oDate;
+			oDate,
+			sFormatted;
 
 		if (this._isSupportedBindingType(oBindingType)) {
 			try {
@@ -332,10 +341,10 @@ sap.ui.define([
 
 			if (oDate && ((oBindingType.oFormatOptions && this._isFormatOptionsUTC(oBindingType.oFormatOptions)) || (oBindingType.oConstraints && oBindingType.oConstraints.isDateOnly))) {
 				// convert to local date because it was parsed as UTC date
-				oDateLocal = new Date(oDate.getUTCFullYear(), oDate.getUTCMonth(), oDate.getUTCDate(),
-					oDate.getUTCHours(), oDate.getUTCMinutes(), oDate.getUTCSeconds(), oDate.getUTCMilliseconds());
+				sFormatted = this._getTimezoneFormatter().format(oDate, "UTC");
+				oDateLocal = this._getTimezoneFormatter().parse(sFormatted,
+					sap.ui.getCore().getConfiguration().getTimezone())[0];
 
-				oDateLocal.setFullYear(oDate.getUTCFullYear());
 				oDate = oDateLocal;
 			}
 			return oDate;
@@ -353,15 +362,15 @@ sap.ui.define([
 		var oBinding = this.getBinding("value"),
 			oBindingType = oBinding && oBinding.getType && oBinding.getType(),
 			oFormatOptions,
-			oDateUTC;
+			oDateUTC,
+			sFormatted;
 
 		if (this._isSupportedBindingType(oBindingType)) {
 			if ((oBindingType.oFormatOptions && oBindingType.oFormatOptions.UTC) || (oBindingType.oConstraints && oBindingType.oConstraints.isDateOnly)) {
 				// convert to UTC date because it will be formatted as UTC date
-				oDateUTC = new Date(Date.UTC(oDate.getFullYear(), oDate.getMonth(), oDate.getDate(),
-					oDate.getHours(), oDate.getMinutes(), oDate.getSeconds(), oDate.getMilliseconds()));
+				sFormatted = this._getTimezoneFormatter().format(oDate, sap.ui.getCore().getConfiguration().getTimezone());
+				oDateUTC = this._getTimezoneFormatter().parse(sFormatted, "UTC")[ 0 ];
 
-				oDateUTC.setUTCFullYear(oDate.getFullYear());
 				oDate = oDateUTC;
 			}
 

package/src/sap/m/DateTimeInput.js

@@ -62,7 +62,7 @@ function(
 	 * @extends sap.ui.core.Control
 	 *
 	 * @author SAP SE
-	 * @version 1.102.1
+	 * @version 1.103.0
 	 *
 	 * @constructor
 	 * @public