@openui5/sap.m 1.103.1 → 1.106.0

package/src/sap/m/DateTimePicker.js

@@ -10,7 +10,6 @@ sap.ui.define([
 	'./InputBase',
 	'./DatePicker',
 	'sap/ui/model/type/Date',
-	'sap/ui/unified/DateRange',
 	'./library',
 	'sap/ui/core/library',
 	'sap/ui/core/Control',
@@ -25,15 +24,14 @@ sap.ui.define([
 	'./SegmentedButtonItem',
 	'./ResponsivePopover',
 	'./Button',
-	"sap/ui/events/KeyCodes",
 	"sap/ui/core/IconPool",
-	"sap/ui/qunit/utils/waitForThemeApplied"
+	"sap/ui/qunit/utils/waitForThemeApplied",
+	"sap/ui/dom/jquery/cursorPos" // provides jQuery.fn.cursorPos
 ], function(
 	jQuery,
 	InputBase,
 	DatePicker,
 	Date1,
-	DateRange,
 	library,
 	coreLibrary,
 	Control,
@@ -48,7 +46,6 @@ sap.ui.define([
 	SegmentedButtonItem,
 	ResponsivePopover,
 	Button,
-	KeyCodes,
 	IconPool,
 	waitForThemeApplied
 ) {
@@ -58,8 +55,7 @@ sap.ui.define([
 	var PlacementType = library.PlacementType,
 		ButtonType = library.ButtonType,
 		// From Device.media.RANGESETS.SAP_STANDARD - "Phone": For screens smaller than 600 pixels.
-		STANDART_PHONE_RANGESET = "Phone",
-		CalendarType = coreLibrary.CalendarType;
+		STANDART_PHONE_RANGESET = "Phone";
 
 	/**
 	 * Constructor for a new <code>DateTimePicker</code>.
@@ -145,7 +141,7 @@ sap.ui.define([
 	 * mobile devices, it opens in full screen.
 	 *
 	 * @extends sap.m.DatePicker
-	 * @version 1.103.1
+	 * @version 1.106.0
 	 *
 	 * @constructor
 	 * @public
@@ -188,9 +184,7 @@ sap.ui.define([
 			/**
 			 * The IANA timezone ID, e.g <code>"Europe/Berlin"</code>. Date and time are displayed in this timezone.
 			 * The <code>value</code> property string is treated as if it is formatted in this timezone.
-			 * However, the <code>dateValue</code> property is a JS Date object, which is the same point in time
-			 * as the <code>value</code>, but in the local timezone. Thus, it is adjusted when the
-			 * <code>timezone</code> changes.
+			 * The <code>dateValue</code> property should not be used as this could lead to an unpredictable results. Use <code>getValue()</code> instead.
 			 * @since 1.99
 			 */
 			timezone: { type: "string", group: "Data" }
@@ -313,16 +307,27 @@ sap.ui.define([
 			if (Device.system.phone || jQuery('html').hasClass("sapUiMedia-Std-Phone") || this.getForcePhoneView()) {
 				oSwitcher.setVisible(true);
 				oSwitcher.setSelectedKey("Cal");
-				this.getCalendar().addDelegate({
-					onAfterRendering: function() {
-						this._switchVisibility(oSwitcher.getSelectedKey());
-					}.bind(this)
-				});
+				this.getCalendar().attachSelect(function () {
+					this._addCalendarDelegate();
+				}.bind(this));
+				this._addCalendarDelegate();
 			} else {
 				oSwitcher.setVisible(false);
 			}
 		},
 
+		_addCalendarDelegate: function () {
+			var oSwitcher = this.getAggregation("_switcher"),
+				oOnAfterRenderingDelegate = {
+					onAfterRendering: function() {
+						this._switchVisibility(oSwitcher.getSelectedKey());
+						this.getCalendar().removeDelegate(oOnAfterRenderingDelegate);
+					}.bind(this)
+				};
+
+			this.getCalendar().addDelegate(oOnAfterRenderingDelegate);
+		},
+
 		_handleSelect: function(oEvent) {
 
 			var sKey = oEvent.getParameter("key");
@@ -377,29 +382,34 @@ sap.ui.define([
 		this._bOnlyCalendar = false;
 	};
 
-	DateTimePicker.prototype.setValue = function(sValue) {
-		var sFallbackValue;
-
-		DatePicker.prototype.setValue.apply(this, arguments);
-
+	DateTimePicker.prototype._formatValueAndUpdateOutput = function(oDate, sValue) {
 		delete this._prefferedValue;
 
-		if (!this.getDateValue()) {
-			sFallbackValue = this._fallbackParse(sValue);
+		if (!this.getDomRef()) {
+			return;
+		}
 
+		// convert to output
+		var sOutputValue = oDate ? this._formatValue(oDate) : sValue;
+		if (!oDate) {
+			var sFallbackValue = this._fallbackParse(sValue);
 			if (typeof sFallbackValue === "string") {
 				this._bValid = true;
 				this._prefferedValue = sFallbackValue;
-
-				// there is a re-render comming, but this updates the dom immediately to avoid flickering
-				if (this.getDomRef() && this._$input.val() !== sFallbackValue) {
-					this._$input.val(sFallbackValue);
-					this._curpos = this._$input.cursorPos();
-				}
+				sOutputValue = sFallbackValue;
 			}
 		}
 
-		return this;
+		if (this._bPreferUserInteraction) {
+			// Handle the value concurrency before setting the value property of the control,
+			// in order to distinguish whether the user only focused the input field or typed in it
+			this.handleInputValueConcurrency(sOutputValue);
+		} else if (this._$input.val() !== sOutputValue) {
+			// update the DOM value when necessary
+			// otherwise cursor can go to the end of text unnecessarily
+			this._$input.val(sOutputValue);
+			this._curpos = this._$input.cursorPos();
+		}
 	};
 
 	DateTimePicker.prototype.setTimezone = function(sTimezone) {
@@ -445,6 +455,8 @@ sap.ui.define([
 	};
 
 	DateTimePicker.prototype.onAfterRendering = function() {
+		DatePicker.prototype.onAfterRendering.apply(this, arguments);
+
 		if (this._getShowTimezone()) {
 			waitForThemeApplied().then(function() {
 				var oDummyContentDomRef = this.$().find(".sapMDummyContent"),
@@ -650,7 +662,7 @@ sap.ui.define([
 		if (oFormatOptions.calendarType === undefined) {
 			oFormatOptions.calendarType = bDisplayFormat
 				? this.getDisplayFormatType()
-				: CalendarType.Gregorian;
+				: sap.ui.getCore().getConfiguration().getCalendarType();
 		}
 
 		if (oFormatOptions.strictParsing === undefined) {
@@ -808,7 +820,10 @@ sap.ui.define([
 
 	DateTimePicker.prototype._getPickerParser = function() {
 		if (!this._clocksParser) {
-			this._clocksParser = DateFormat.getDateTimeWithTimezoneInstance({ showTimezone: false });
+			this._clocksParser = DateFormat.getDateTimeWithTimezoneInstance({
+				showTimezone: false,
+				calendarType: this.getDisplayFormatType()
+			});
 		}
 
 		return this._clocksParser;
@@ -1014,6 +1029,17 @@ sap.ui.define([
 		return oDate;
 	};
 
+	/**
+	 * This method should not be used because it could produce unpredictable results. Use <code>getValue()</code> instead.
+	 *
+	 * @name sap.m.DateTimePicker#getDateValue
+	 * @function
+	 * @public
+	 * @returns {object}
+	 * @since 1.102
+	 * @ui5-metamodel This method also will be described in the UI5 (legacy) designtime metamodel
+	 */
+
 	DateTimePicker.prototype.getLocaleId = function(){
 
 		return Core.getConfiguration().getFormatSettings().getFormatLocale().toString();

package/src/sap/m/DateTimePickerRenderer.js

@@ -39,7 +39,7 @@ sap.ui.define(['sap/ui/core/Renderer', './DatePickerRenderer', './InputBaseRende
 	};
 
 	DateTimePickerRenderer.writeAdditionalContent = function(oRm, oControl) {
-		var sTimezone = oControl._getTranslatedTimezone(true);
+		var sTimezone = oControl._getTranslatedTimezone(true) || oControl._getTimezone(true);
 
 		if (!oControl._getShowTimezone()) {
 			return;

package/src/sap/m/Dialog.js

@@ -70,6 +70,9 @@ function(
 		// shortcut for sap.ui.core.OpenState
 		var OpenState = coreLibrary.OpenState;
 
+		// shortcut for sap.m.ButtonType
+		var ButtonType = library.ButtonType;
+
 		// shortcut for sap.m.DialogType
 		var DialogType = library.DialogType;
 
@@ -175,7 +178,7 @@ function(
 		*
 		* @implements sap.ui.core.PopupInterface
 		* @author SAP SE
-		* @version 1.103.1
+		* @version 1.106.0
 		*
 		* @constructor
 		* @public
@@ -638,6 +641,7 @@ function(
 		/**
 		 * Open the dialog.
 		 *
+		 * @return {this} <code>this</code> to allow method chaining
 		 * @public
 		 * @ui5-metamodel This method also will be described in the UI5 (legacy) designtime metamodel
 		 */
@@ -687,6 +691,7 @@ function(
 		/**
 		 * Close the dialog.
 		 *
+		 * @return {this} <code>this</code> to allow method chaining
 		 * @public
 		 * @ui5-metamodel This method also will be described in the UI5 (legacy) designtime metamodel
 		 */
@@ -927,9 +932,41 @@ function(
 				this._isSpaceOrEnterPressed = true;
 			}
 
+			var iKeyCode = oEvent.which || oEvent.keyCode;
+
+			if ((oEvent.ctrlKey || oEvent.metaKey) && iKeyCode === KeyCodes.ENTER) {
+
+				var oPositiveButton = this._findFirstPositiveButton();
+
+				if (oPositiveButton) {
+
+					oPositiveButton.firePress();
+					oEvent.stopPropagation();
+					oEvent.preventDefault();
+					return;
+				}
+			}
+
 			this._handleKeyboardDragResize(oEvent);
 		};
 
+		/**
+		 * Finds first positive button
+		 * We call positive the buttons with type "Accept" or "Emphasized"
+		 *
+		 * @private
+		 */
+		 Dialog.prototype._findFirstPositiveButton = function () {
+			var aButtons = this.getButtons();
+
+			for (var i = 0; i < aButtons.length; i++) {
+				var oButton = aButtons[i];
+				if (oButton.getType() === ButtonType.Accept || oButton.getType() === ButtonType.Emphasized) {
+					return oButton;
+				}
+			}
+		 };
+
 		/**
 		 * Handles the keyboard drag/resize functionality
 		 *
@@ -1230,7 +1267,12 @@ function(
 			oPosition = {
 				top: Math.round(oAreaDimensions.top + iTop)
 			};
-			oPosition[this._bRTL ? "right" : "left"] = Math.round(oAreaDimensions.left + iLeft);
+
+			if (this._bRTL) {
+				oPosition.right = Math.round(window.innerWidth - oAreaDimensions.right + iLeft);
+			} else {
+				oPosition.left = Math.round(oAreaDimensions.left + iLeft);
+			}
 
 			return oPosition;
 		};

package/src/sap/m/DisplayListItem.js

@@ -30,7 +30,7 @@ sap.ui.define([
 	 * @extends sap.m.ListItemBase
 	 *
 	 * @author SAP SE
-	 * @version 1.103.1
+	 * @version 1.106.0
 	 *
 	 * @constructor
 	 * @public

package/src/sap/m/DraftIndicator.js

@@ -27,7 +27,7 @@ sap.ui.define([
 	 * @abstract
 	 *
 	 * @author SAP SE
-	 * @version 1.103.1
+	 * @version 1.106.0
 	 *
 	 * @constructor
 	 * @public

package/src/sap/m/DynamicDate.js

@@ -36,7 +36,7 @@ sap.ui.define([
 		 * @extends sap.ui.model.SimpleType
 		 *
 		 * @author SAP SE
-		 * @version 1.103.1
+		 * @version 1.106.0
 		 *
 		 * @constructor
 		 * @public

package/src/sap/m/DynamicDateFormat.js

@@ -10,14 +10,11 @@ sap.ui.define([
 	'sap/ui/core/format/NumberFormat',
 	'sap/ui/core/Locale',
 	'sap/ui/core/LocaleData',
-	"sap/base/Log",
 	"sap/base/util/deepExtend",
-	"sap/base/util/isEmptyObject",
-	"sap/ui/core/date/UniversalDateUtils",
 	"sap/ui/unified/calendar/CalendarUtils",
 	"./library"
 ],
-	function(DateFormat, NumberFormat, Locale, LocaleData, Log, deepExtend, isEmptyObject, UniversalDateUtils, CalendarUtils, library) {
+	function(DateFormat, NumberFormat, Locale, LocaleData, deepExtend, CalendarUtils, library) {
 		"use strict";
 
 		/**
@@ -332,7 +329,7 @@ sap.ui.define([
 		DynamicDateFormat.prototype._checkFormatterUTCTimezone = function(sOption) {
 			var sType = "";
 			if (aParameterTypesByStandardOptionKey[sOption]) {
-				sType = aParameterTypesByStandardOptionKey[sOption];
+				sType = aParameterTypesByStandardOptionKey[sOption][0];
 			}
 
 			// ensure that in options like last/next days or +/- days we still use correct timezone when formatting the dates.

package/src/sap/m/DynamicDateOption.js

@@ -13,7 +13,8 @@ sap.ui.define([
 	'sap/ui/unified/Calendar',
 	'sap/ui/unified/DateRange',
 	'sap/ui/unified/calendar/MonthPicker',
-	'sap/ui/unified/calendar/CustomMonthPicker'],
+	'sap/ui/unified/calendar/CustomMonthPicker',
+	'sap/ui/core/format/TimezoneUtil'],
 	function(
 		Element,
 		Label,
@@ -22,7 +23,8 @@ sap.ui.define([
 		Calendar,
 		DateRange,
 		MonthPicker,
-		CustomMonthPicker) {
+		CustomMonthPicker,
+		TimezoneUtil) {
 		"use strict";
 
 		/**
@@ -36,7 +38,7 @@ sap.ui.define([
 		 * @extends sap.ui.core.Element
 		 *
 		 * @author SAP SE
-		 * @version 1.103.1
+		 * @version 1.106.0
 		 *
 		 * @public
 		 * @since 1.92
@@ -131,7 +133,12 @@ sap.ui.define([
 					);
 				}
 
-				oInputControl = this._createControl(i, aParams[i].getType(), oValue, fnControlsUpdated, valueHelpUiTypesCount);
+				var bUTC = false;
+				if (oControl && oValue) {
+					bUTC = oControl._checkFormatterUTCTimezone(oValue.operator);
+				}
+
+				oInputControl = this._createControl(i, aParams[i].getType(), oValue, fnControlsUpdated, valueHelpUiTypesCount, bUTC);
 
 				aControls.push(oInputControl);
 				oControl.aControlsByParameters[this.getKey()].push(oInputControl);
@@ -318,7 +325,7 @@ sap.ui.define([
 
 		// PRIVATE
 
-		DynamicDateOption.prototype._createControl = function(iIndex, sUIType, oValue, fnControlsUpdated, valueHelpUiTypesCount) {
+		DynamicDateOption.prototype._createControl = function(iIndex, sUIType, oValue, fnControlsUpdated, valueHelpUiTypesCount, bUTC) {
 			var oInputControl;
 
 			switch (sUIType) {
@@ -326,18 +333,18 @@ sap.ui.define([
 					oInputControl = this._createIntegerControl(oValue, iIndex, fnControlsUpdated);
 					break;
 				case "date":
-					oInputControl = this._createDateControl(oValue, iIndex, fnControlsUpdated);
+					oInputControl = this._createDateControl(oValue, iIndex, fnControlsUpdated, bUTC);
 					break;
 				case "datetime":
 					if (valueHelpUiTypesCount === 1) {
 						// Returns DateTimePicker PopupContent control (single "datetime" option)
-						oInputControl = this._createDateTimeInnerControl(oValue, iIndex, fnControlsUpdated);
+						oInputControl = this._createDateTimeInnerControl(oValue, iIndex, fnControlsUpdated, bUTC);
 					} else if (valueHelpUiTypesCount === 2) {
-						oInputControl = this._createDateTimeControl(oValue, iIndex, fnControlsUpdated);
+						oInputControl = this._createDateTimeControl(oValue, iIndex, fnControlsUpdated, bUTC);
 					}
 					break;
 				case "daterange":
-					oInputControl = this._createDateRangeControl(oValue, iIndex, fnControlsUpdated);
+					oInputControl = this._createDateRangeControl(oValue, iIndex, fnControlsUpdated, bUTC);
 					break;
 				case "month":
 					oInputControl = this._createMonthControl(oValue, iIndex, fnControlsUpdated);
@@ -371,7 +378,7 @@ sap.ui.define([
 		};
 
 		DynamicDateOption.prototype._createDateTimeControl = function(oValue, iIndex, fnControlsUpdated) {
-			var oControl = new DateTimePicker();
+			var oControl = new DateTimePicker({timezone: TimezoneUtil.getLocalTimezone()});
 
 			if (oValue && this.getKey() === oValue.operator) {
 				oControl.setDateValue(oValue.values[iIndex]);
@@ -386,14 +393,21 @@ sap.ui.define([
 			return oControl;
 		};
 
-		DynamicDateOption.prototype._createDateControl = function(oValue, iIndex, fnControlsUpdated) {
+		DynamicDateOption.prototype._createDateControl = function(oValue, iIndex, fnControlsUpdated, bUTC) {
 			var oControl = new Calendar({
 				width: "100%"
 			});
+			var oInputControlValue;
 
 			if (oValue && this.getKey() === oValue.operator) {
+				oInputControlValue = new Date(oValue.values[iIndex].getTime());
+
+				if (bUTC) {
+					oInputControlValue.setMinutes(oInputControlValue.getMinutes() + new Date().getTimezoneOffset());
+				}
+
 				oControl.addSelectedDate(new DateRange({
-					startDate: oValue.values[iIndex]
+					startDate: oInputControlValue
 				}));
 			}
 
@@ -409,7 +423,7 @@ sap.ui.define([
 		/**
 		 * Returns DateTimePicker PopupContent control (single "datetime" option)
 		 */
-		DynamicDateOption.prototype._createDateTimeInnerControl = function(oValue, iIndex, fnControlsUpdated) {
+		DynamicDateOption.prototype._createDateTimeInnerControl = function(oValue, iIndex, fnControlsUpdated, bUTC) {
 			var oControl = new DateTimePicker({
 					width: "100%"
 				}),
@@ -424,6 +438,11 @@ sap.ui.define([
 
 			if (oValue && this.getKey() === oValue.operator) {
 				var oValueCopy = new Date(oValue.values[iIndex]); // a copy is used to prevent time setting on pressing Cancel button
+
+				if (bUTC) {
+					oValueCopy.setMinutes(oValueCopy.getMinutes() + new Date().getTimezoneOffset());
+				}
+
 				oPopupContent.getCalendar().addSelectedDate(new DateRange({
 					startDate: oValueCopy
 				}));
@@ -453,7 +472,7 @@ sap.ui.define([
 			return oPopupContent;
 		};
 
-		DynamicDateOption.prototype._createDateRangeControl = function(oValue, iIndex, fnControlsUpdated) {
+		DynamicDateOption.prototype._createDateRangeControl = function(oValue, iIndex, fnControlsUpdated, bUTC) {
 			var oControl = new Calendar({
 				intervalSelection: true,
 				width: "100%"
@@ -461,9 +480,17 @@ sap.ui.define([
 			if (oValue && this.getKey() === oValue.operator) {
 				// a date range UI type maps to 2 consecutive date parameters from the value
 				// they also should be the last 2 parameters
+				var oInputControlStartValue = new Date(oValue.values[iIndex].getTime());
+				var oInputControlEndValue = new Date(oValue.values[iIndex + 1].getTime());
+
+				if (bUTC) {
+					oInputControlStartValue.setMinutes(oInputControlStartValue.getMinutes() + new Date().getTimezoneOffset());
+					oInputControlEndValue.setMinutes(oInputControlEndValue.getMinutes() + new Date().getTimezoneOffset());
+				}
+
 				oControl.addSelectedDate(new DateRange({
-					startDate: oValue.values[iIndex],
-					endDate: oValue.values[iIndex + 1]
+					startDate: oInputControlStartValue,
+					endDate: oInputControlEndValue
 				}));
 			}
 

package/src/sap/m/DynamicDateRange.js

@@ -121,7 +121,7 @@ sap.ui.define([
 		 * is opened. The dialog is closed via a date time period value selection or by pressing the "Cancel" button.
 		 *
 		 * @author SAP SE
-		 * @version 1.103.1
+		 * @version 1.106.0
 		 *
 		 * @constructor
 		 * @public
@@ -280,7 +280,23 @@ sap.ui.define([
 							"NEXTYEAR",
 							"DATETIME"
 						]
-					}
+					},
+
+					/**
+					 * Determines whether the input field of the control is hidden or visible.
+					 * When set to <code>true</code>, the input field becomes invisible and there is no way to open the value help popover.
+					 * In that case it can be opened by another control through calling of control's <code>openBy</code> method, and
+					 * the opening control's DOM reference must be provided as parameter.
+					 *
+					 * Note: Since the Dynamic Date Range is not responsible for accessibility attributes of the control which opens its popover,
+					 * those attributes should be added by the application developer. The following is recommended to be added to the
+					 * opening control: a text or tooltip that describes the action (example: "Open Dynamic Date Range"), and also aria-haspopup
+					 * attribute with value of <code>true</code>.
+					 *
+					 * @since 1.105
+					 */
+					 hideInput: { type: "boolean", group: "Misc", defaultValue: false }
+
 				},
 				aggregations: {
 					_input: { type: "sap.m.Input", multiple: false, visibility: "hidden" },
@@ -413,11 +429,12 @@ sap.ui.define([
 		/**
 		 * Opens the value help dialog.
 		 *
+		 * @param {HTMLElement} oDomRef DOM reference of the opening control. On tablet or desktop, the popover is positioned relatively to this control.
 		 * @returns {void}
 		 * @since 1.92
 		 * @public
 		 */
-		DynamicDateRange.prototype.open = function() {
+		DynamicDateRange.prototype.open = function(oDomRef) {
 			if (this.getEditable() && this.getEnabled()) {
 				this._createPopup();
 				this._createPopupContent();
@@ -456,7 +473,7 @@ sap.ui.define([
 				//reset value help page
 				this._oNavContainer.to(this._oNavContainer.getPages()[0]);
 
-				this._openPopup();
+				this._openPopup(oDomRef);
 			}
 		};
 
@@ -1177,13 +1194,37 @@ sap.ui.define([
 				oControl.isA("sap.ui.unified.calendar.Month");
 		};
 
-		DynamicDateRange.prototype._openPopup = function() {
+		/**
+		 * Opens the value help popover. The popover is positioned relatively to the control given as <code>oDomRef</code> parameter on tablet or desktop
+		 * and is full screen on phone. Therefore the control parameter is only used on tablet or desktop and is ignored on phone.
+		 *
+		 * Note: use this method to open the value help popover only when the <code>hideInput</code> property is set to <code>true</code>. Please consider
+		 * opening of the value help popover by another control only in scenarios that comply with Fiori guidelines. For example, opening the value help
+		 * popover by another popover is not recommended.
+		 * The application developer should implement the following accessibility attributes to the opening control: a text or tooltip that describes
+		 * the action (example: "Open Dynamic Date Range"), and aria-haspopup attribute with value of <code>true</code>.
+		 *
+		 * @since 1.105
+		 * @param {HTMLElement} oDomRef DOM reference of the opening control. On tablet or desktop, the popover is positioned relatively to this control.
+		 * @public
+		 */
+		DynamicDateRange.prototype.openBy = function(oDomRef) {
+			this.open(oDomRef);
+		};
+
+		/**
+		 * Opens the value help popup.
+		 *
+		 * @param {HTMLElement} oDomRef DOM reference of the opening control. On tablet or desktop, the value help popover is positioned relative to this control.
+		 * @private
+		 */
+		 DynamicDateRange.prototype._openPopup = function(oDomRef) {
 			if (!this._oPopup) {
 				return;
 			}
 
 			this._oPopup._getPopup().setExtraContent([this._oInput.getDomRef()]);
-			this._oPopup.openBy(this._oInput);
+			this._oPopup.openBy(oDomRef || this._oInput);
 		};
 
 		DynamicDateRange.prototype._applyValue = function() {
@@ -1428,8 +1469,9 @@ sap.ui.define([
 		};
 
 		DynamicDateRangeInput.prototype.onfocusin = function (oEvent) {
+			var oPopup = this._getControlOrigin()._oPopup;
 			Input.prototype.onfocusin.apply(this, arguments);
-			if (this._getControlOrigin()._oPopup && this._getControlOrigin()._oPopup.isOpen() && !this.isMobileDevice()) {
+			if (oPopup && oPopup.isOpen() && (Device.system.desktop || Device.system.combi)) {
 				this._getControlOrigin()._closePopup();
 			}
 		};

package/src/sap/m/DynamicDateRangeRenderer.js

@@ -3,8 +3,8 @@
  * (c) Copyright 2009-2022 SAP SE or an SAP affiliate company.
  * Licensed under the Apache License, Version 2.0 - see LICENSE.txt.
  */
-sap.ui.define(["sap/m/InputBaseRenderer", 'sap/ui/core/Renderer'],
-	function(InputBaseRenderer, Renderer) {
+sap.ui.define([],
+	function() {
 	"use strict";
 
 	/**
@@ -25,6 +25,9 @@ sap.ui.define(["sap/m/InputBaseRenderer", 'sap/ui/core/Renderer'],
 
 		oRm.openStart("div", oControl);
 		oRm.class("sapMDynamicDateRange");
+		if (oControl.getHideInput()) {
+			oRm.class("sapMDDRHiddenInput");
+		}
 		oRm.openEnd();
 
 		oRm.renderControl(oControl._oInput);

package/src/sap/m/DynamicDateUtil.js

@@ -8,9 +8,11 @@
 sap.ui.define([
 	"./StandardDynamicDateOption",
 	"sap/base/Log",
-	"./library"
+	"./library",
+	'sap/ui/core/format/TimezoneUtil',
+	'sap/ui/core/Core'
 ], function(
-	StandardDynamicDateOption, Log, library) {
+	StandardDynamicDateOption, Log, library, TimezoneUtil, Core) {
 	"use strict";
 
 	var STANDARD_KEYS_ARRAY = [
@@ -242,6 +244,25 @@ sap.ui.define([
 		return DynamicDateUtil._options[sKey].toDates(oValue);
 	};
 
+
+	/**
+	 * Returns a date in machine timezone setting, removing the offset added by the application configuration.
+	 *
+	 * @param {Date} oDate A local JS date with added offset
+	 * @returns {Date} A local JS date with removed offset
+	 * @static
+	 * @public
+	 */
+	DynamicDateUtil.removeTimezoneOffset = function(oDate) {
+		var oNewDate = new Date(oDate);
+		var sTimezone = Core.getConfiguration().getTimezone();
+		var iOffsetInSeconds = TimezoneUtil.calculateOffset(oNewDate, sTimezone) - oNewDate.getTimezoneOffset() * 60;
+
+		oNewDate.setSeconds(oNewDate.getSeconds() - iOffsetInSeconds);
+
+		return oNewDate;
+	};
+
 	return DynamicDateUtil;
 
 }, true);

package/src/sap/m/DynamicDateValueHelpUIType.js

@@ -20,7 +20,7 @@ sap.ui.define(['sap/ui/core/Element'],
 		 * @extends sap.ui.core.Element
 		 *
 		 * @author SAP SE
-		 * @version 1.103.1
+		 * @version 1.106.0
 		 *
 		 * @public
 		 * @since 1.92