@openui5/sap.m 1.100.0 → 1.101.0

package/src/sap/m/DateRangeSelection.js

@@ -11,6 +11,7 @@ sap.ui.define([
 	'./library',
 	'sap/ui/core/LocaleData',
 	'sap/ui/core/format/DateFormat',
+	'sap/ui/core/format/TimezoneUtil',
 	'sap/ui/core/date/UniversalDate',
 	'./DateRangeSelectionRenderer',
 	"sap/ui/unified/calendar/CustomMonthPicker",
@@ -26,6 +27,7 @@ sap.ui.define([
 		library,
 		LocaleData,
 		DateFormat,
+		TimezoneUtil,
 		UniversalDate,
 		DateRangeSelectionRenderer,
 		CustomMonthPicker,
@@ -126,8 +128,8 @@ sap.ui.define([
 	 * compact mode and provides a touch-friendly size in cozy mode.
 	 *
 	 * @extends sap.m.DatePicker
-	 * @version 1.100.0
-	 * @version 1.100.0
+	 * @version 1.101.0
+	 * @version 1.101.0
 	 *
 	 * @constructor
 	 * @public
@@ -200,6 +202,7 @@ sap.ui.define([
 			oCalendar._getYearPicker().setIntervalSelection(true);
 		}
 
+		this._getCalendar().detachWeekNumberSelect(this._handleWeekSelect, this);
 		this._getCalendar().attachWeekNumberSelect(this._handleWeekSelect, this);
 		this._getCalendar().getSelectedDates()[0].setStartDate(this._oDateRange.getStartDate());
 		this._getCalendar().getSelectedDates()[0].setEndDate(this._oDateRange.getEndDate());
@@ -807,11 +810,18 @@ sap.ui.define([
 		DatePicker.prototype._fillDateRange.apply(this, arguments);
 
 		var oEndDate = this.getSecondDateValue();
+		var sFormattedEndDate;
 
 		if (oEndDate &&
 			oEndDate.getTime() >= this._oMinDate.getTime() &&
 			oEndDate.getTime() <= this._oMaxDate.getTime()) {
 			if (!this._oDateRange.getEndDate() || this._oDateRange.getEndDate().getTime() !== oEndDate.getTime()) {
+				sFormattedEndDate = this._getPickerParser().format(
+					oEndDate,
+					sap.ui.getCore().getConfiguration().getTimezone()
+				);
+				oEndDate = this._getPickerParser().parse(sFormattedEndDate, TimezoneUtil.getLocalTimezone())[0];
+
 				this._oDateRange.setEndDate(new Date(oEndDate.getTime()));
 			}
 		} else {
@@ -824,6 +834,8 @@ sap.ui.define([
 
 	DateRangeSelection.prototype._selectDate = function () {
 		var aSelectedDates = this._getCalendar().getSelectedDates();
+		var sFormattedDate, oParts;
+		var sTimezone = sap.ui.getCore().getConfiguration().getTimezone();
 
 		if (aSelectedDates.length > 0) {
 			var oDate1 = aSelectedDates[0].getStartDate();
@@ -836,6 +848,17 @@ sap.ui.define([
 				// the selected range includes all of the hours from the second date
 				oDate2.setHours(23, 59, 59, 999);
 
+				sFormattedDate = this._getPickerParser().format(oDate1, TimezoneUtil.getLocalTimezone());
+				oParts = this._getPickerParser().parse(sFormattedDate, sTimezone);
+				oDate1 = oParts && oParts[0];
+
+				sFormattedDate = this._getPickerParser().format(oDate2, TimezoneUtil.getLocalTimezone());
+				oParts = this._getPickerParser().parse(sFormattedDate, sTimezone);
+				oDate2 = oParts && oParts[0];
+
+				//the parser does not include milliseconds, so restore them
+				oDate2.setMilliseconds(999);
+
 				var sValue;
 				if (!deepEqual(oDate1, oDate1Old) || !deepEqual(oDate2, oDate2Old)) {
 					// compare Dates because value can be the same if only 2 digits for year
@@ -888,8 +911,15 @@ sap.ui.define([
 
 	DateRangeSelection.prototype._handleWeekSelect = function(oEvent){
 		var oSelectedDates = oEvent.getParameter("weekDays"),
-			oSelectedStartDate = oSelectedDates.getStartDate(),
-			oSelectedEndDate = oSelectedDates.getEndDate();
+			oSelectedStartDate,
+			oSelectedEndDate;
+
+		if (!oSelectedDates) {
+			return;
+		}
+
+		oSelectedStartDate = oSelectedDates.getStartDate();
+		oSelectedEndDate = oSelectedDates.getEndDate();
 
 		if (this.getShowFooter()) {
 			this._oPopup.getBeginButton().setEnabled(!!(oSelectedStartDate && oSelectedEndDate));
@@ -1058,6 +1088,14 @@ sap.ui.define([
 		}
 	};
 
+	DateRangeSelection.prototype._getPickerParser = function() {
+		if (!this._calendarParser) {
+			this._calendarParser = DateFormat.getDateTimeWithTimezoneInstance({ showTimezone: false });
+		}
+
+		return this._calendarParser;
+	};
+
 	function _getIncrementedDate(oOldDate, iNumber, sUnit) {
 		// use UniversalDate to calculate new date based on used calendar
 		var oBinding = this.getBinding("value"),

package/src/sap/m/DateTimeField.js

@@ -59,7 +59,7 @@ sap.ui.define([
 	 * @extends sap.m.InputBase
 	 *
 	 * @author SAP SE
-	 * @version 1.100.0
+	 * @version 1.101.0
 	 *
 	 * @constructor
 	 * @public

package/src/sap/m/DateTimeInput.js

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

package/src/sap/m/DateTimePicker.js

@@ -16,9 +16,9 @@ sap.ui.define([
 	'sap/ui/core/Control',
 	'sap/ui/Device',
 	'sap/ui/core/format/DateFormat',
-	'sap/ui/core/format/DateFormatTimezoneDisplay',
 	'sap/ui/core/LocaleData',
 	'sap/ui/core/Core',
+	'sap/ui/core/format/TimezoneUtil',
 	'./TimePickerClocks',
 	'./DateTimePickerRenderer',
 	'./SegmentedButton',
@@ -39,9 +39,9 @@ sap.ui.define([
 	Control,
 	Device,
 	DateFormat,
-	DateFormatTimezoneDisplay,
 	LocaleData,
 	Core,
+	TimezoneUtil,
 	TimePickerClocks,
 	DateTimePickerRenderer,
 	SegmentedButton,
@@ -145,7 +145,7 @@ sap.ui.define([
 	 * mobile devices, it opens in full screen.
 	 *
 	 * @extends sap.m.DatePicker
-	 * @version 1.100.0
+	 * @version 1.101.0
 	 *
 	 * @constructor
 	 * @public
@@ -313,19 +313,14 @@ 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)
+				});
 			} else {
 				oSwitcher.setVisible(false);
 			}
-
-		},
-
-		onAfterRendering: function() {
-			if (Device.system.phone || jQuery('html').hasClass("sapUiMedia-Std-Phone") || this.getForcePhoneView()) {
-				var oSwitcher = this.getAggregation("_switcher");
-				var sKey = oSwitcher.getSelectedKey();
-				this._switchVisibility(sKey);
-			}
-
 		},
 
 		_handleSelect: function(oEvent) {
@@ -349,7 +344,7 @@ sap.ui.define([
 			}
 
 			if (sKey === "Cal") {
-				oCalendar.$().css("display", "");
+				oCalendar.$().css("display", "flex");
 				oClocks.$().css("display", "none");
 				oCalendar.getFocusDomRef() && oCalendar.getFocusDomRef().focus();
 			} else {
@@ -373,21 +368,6 @@ sap.ui.define([
 
 			return this._oDateTimePicker.getSpecialDates();
 
-		},
-
-		onkeydown: function(oEvent) {
-			var bIsTabForward = oEvent.keyCode === KeyCodes.TAB && !oEvent.shiftKey;
-			var bIsTabBackward = oEvent.keyCode === KeyCodes.TAB && oEvent.shiftKey;
-			if (bIsTabForward) {
-				if (oEvent.target.classList.contains('sapUiCalHeadToday')
-					|| (oEvent.target.classList.contains('sapUiCalHeadBLast') && !this._oDateTimePicker._oCalendar.getShowCurrentDateButton())) {
-					this.getAggregation('clocks').getDomRef().children[0].children[0].focus();
-				}
-			}
-			if (bIsTabBackward && oEvent.target.classList.contains('sapUiCalItem')) {
-				var iLastElementIndex = this.oParent.getAggregation("footer").getAggregation("content").length - 1;
-				this.oParent.getAggregation("footer").getAggregation("content")[iLastElementIndex].focus();
-			}
 		}
 	});
 
@@ -578,6 +558,7 @@ sap.ui.define([
 		var oResourceBundle;
 
 		if (this._oTimezonePopup) {
+			this._oTimezonePopup.setTitle(this._getTimezone(true));
 			return this._oTimezonePopup;
 		}
 
@@ -659,7 +640,7 @@ sap.ui.define([
 
 		if (bDisplayFormat || !this._getTimezone() ||
 			(oBindingType && !oBindingType.isA(["sap.ui.model.odata.type.DateTimeWithTimezone"]))) {
-			oFormatOptions.showTimezone = DateFormatTimezoneDisplay.Hide;
+			oFormatOptions.showTimezone = false;
 		}
 
 		if (oFormatOptions.relative === undefined) {
@@ -703,7 +684,7 @@ sap.ui.define([
 			oBindingType = oBinding && oBinding.getType();
 
 		if (this.getShowTimezone() === undefined && oBindingType && oBindingType.isA(["sap.ui.model.odata.type.DateTimeWithTimezone"])) {
-			return oBindingType.getFormatOptions().showTimezone !== DateFormatTimezoneDisplay.Hide;
+			return oBindingType.getFormatOptions().showTimezone !== false;
 		}
 
 		return this.getShowTimezone();
@@ -804,12 +785,24 @@ sap.ui.define([
 
 	DateTimePicker.prototype._getFallbackParser = function() {
 		if (!this._fallbackParser) {
-			this._fallbackParser = DateFormat.getDateTimeWithTimezoneInstance({ showTimezone: "Only" });
+			this._fallbackParser = DateFormat.getDateTimeWithTimezoneInstance({
+				showDate: false,
+				showTime: false,
+				showTimezone: true
+			});
 		}
 
 		return this._fallbackParser;
 	};
 
+	DateTimePicker.prototype._getPickerParser = function() {
+		if (!this._clocksParser) {
+			this._clocksParser = DateFormat.getDateTimeWithTimezoneInstance({ showTimezone: false });
+		}
+
+		return this._clocksParser;
+	};
+
 	DateTimePicker.prototype._getLocaleBasedPattern = function(sPlaceholder) {
 		var oLocaleData = LocaleData.getInstance(
 				Core.getConfiguration().getFormatSettings().getFormatLocale()
@@ -966,6 +959,10 @@ sap.ui.define([
 			this._oOKButton.setEnabled(false);
 		}
 
+		// convert the date to local date for the calendar and the clocks
+		sFormattedDate = this._getPickerParser().format(oDate, this._getTimezone(true));
+		oDate = this._getPickerParser().parse(sFormattedDate, TimezoneUtil.getLocalTimezone())[0];
+
 		this._oCalendar.focusDate(oDate);
 
 		if (bDateFound) {
@@ -974,17 +971,17 @@ sap.ui.define([
 			}
 		}
 
-		sFormattedDate = this._formatValue(oDate, false);
-		oDate = this._parseValue(sFormattedDate, true, Core.getConfiguration().getTimezone());
 		this._oClocks._setTimeValues(oDate);
 	};
 
 	DateTimePicker.prototype._getSelectedDate = function(){
-
 		var oDate = DatePicker.prototype._getSelectedDate.apply(this, arguments),
 			sFormattedDate;
 
 		if (oDate) {
+			sFormattedDate = this._getPickerParser().format(oDate, TimezoneUtil.getLocalTimezone());
+			oDate = this._getPickerParser().parse(sFormattedDate, this._getTimezone(true))[0];
+
 			var oDateTime = this._oClocks.getTimeValues();
 			var sPattern = this._oClocks._getDisplayFormatPattern();
 			if (sPattern.search("h") >= 0 || sPattern.search("H") >= 0) {
@@ -1004,9 +1001,6 @@ sap.ui.define([
 			}
 		}
 
-		sFormattedDate = this._formatValue(oDate, false, Core.getConfiguration().getTimezone());
-		oDate = this._parseValue(sFormattedDate, true, this._getTimezone(true));
-
 		return oDate;
 	};
 
@@ -1053,12 +1047,11 @@ sap.ui.define([
 		} else {
 			oSwitcher.setVisible(false);
 			oClocks.$().css("display", "");
-			oCalendar.$().css("display", "");
+			oCalendar.$().css("display", "flex");
 		}
 	};
 
 	function _handleAfterOpen(oEvent){
-		this.$("inner").attr("aria-expanded", true);
 		this._oCalendar.focus();
 
 		Device.media.attachHandler(this._handleWindowResize, this);
@@ -1066,7 +1059,6 @@ sap.ui.define([
 
 	function _handleAfterClose(){
 		this.removeStyleClass(InputBase.ICON_PRESSED_CSS_CLASS);
-		this.$("inner").attr("aria-expanded", false);
 
 		this._oCalendar._closePickers();
 		Device.media.detachHandler(this._handleWindowResize, this);
@@ -1108,15 +1100,9 @@ sap.ui.define([
 	}
 
 	function _handleCalendarSelect(oEvent) {
-		var oDelegate = {
-			onAfterRendering: function () {
-				this._oPopupContent.getCalendar().getAggregation("month")[0].removeEventDelegate(oDelegate, this);
-				this._oPopupContent.switchToTime();
-				this._oPopupContent.getClocks()._focusActiveButton();
-			}
-		};
+		this._oPopupContent.switchToTime();
+		this._oPopupContent.getClocks()._focusActiveButton();
 		this._oOKButton.setEnabled(true);
-		this._oPopupContent.getCalendar().getAggregation("month")[0].addEventDelegate(oDelegate, this);
 	}
 
 	return DateTimePicker;

package/src/sap/m/DateTimePickerRenderer.js

@@ -62,8 +62,8 @@ sap.ui.define(['sap/ui/core/Renderer', './DatePickerRenderer', './InputBaseRende
 
 		// try to choose the date that is the longest when formatted
 		oRm.text(oControl._getFormatter(true).format(
-			new Date(2000, 10, 20, 10, 10, 10),
-			sap.ui.getCore().getConfiguration().getTimezone()));
+			new Date(Date.UTC(2000, 10, 20, 10, 10, 10)),
+			"UTC"));
 		oRm.close("span");
 	};
 

package/src/sap/m/Dialog.js

@@ -164,7 +164,7 @@ function(
 		* <li>If the <code>contentWidth</code> and/or <code>contentHeight</code> properties are set, the Dialog will try to fill those sizes.</li>
 		* <li>If there is no specific sizing, the Dialog will try to adjust its size to its content.</li>
 		* </ul>
-		* When using the <code>sap.m.Dialog</code> in SAP Quartz 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 Dialog 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>.
+		* When using the <code>sap.m.Dialog</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 Dialog 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>.
 		* <h4>Smartphones</h4>
 		* If the Dialog has one or two actions, they will cover the entire footer. If there are more actions, they will overflow.
 		* <h4>Tablets</h4>
@@ -175,7 +175,7 @@ function(
 		*
 		* @implements sap.ui.core.PopupInterface
 		* @author SAP SE
-		* @version 1.100.0
+		* @version 1.101.0
 		*
 		* @constructor
 		* @public
@@ -325,13 +325,23 @@ function(
 					customHeader: {type: "sap.m.IBar", multiple: false},
 
 					/**
-					 * The button which is rendered to the left side (right side in RTL mode) of the <code>endButton</code> in the footer area inside the Dialog. As of version 1.21.1, there's a new aggregation <code>buttons</code> created with which more than 2 buttons can be added to the footer area of the Dialog. If the new <code>buttons</code> aggregation is set, any change made to this aggregation has no effect anymore. With the Belize themes when running on a phone, this <code>button</code> (and the <code>endButton</code> together when set) is (are) rendered at the center of the footer area. While with the Quartz themes when running on a phone, this <code>button</code> (and the <code>endButton</code> together when set) is (are) rendered on the right side of the footer area. When running on other platforms, this <code>button</code> (and the <code>endButton</code> together when set) is (are) rendered at the right side (left side in RTL mode) of the footer area.
+					 * The button which is rendered to the left side (right side in RTL mode) of the <code>endButton</code> in the footer area inside the Dialog.
+					 * As of version 1.21.1, there's a new aggregation <code>buttons</code> created with which more than 2 buttons can be added to the footer area of the Dialog.
+					 * If the new <code>buttons</code> aggregation is set, any change made to this aggregation has no effect anymore.
+					 * With the Belize themes when running on a phone, this <code>button</code> (and the <code>endButton</code> together when set) is (are) rendered at the center of the footer area.
+					 * While with the Quartz themes when running on a phone, this <code>button</code> (and the <code>endButton</code> together when set) is (are) rendered on the right side of the footer area.
+					 * When running on other platforms, this <code>button</code> (and the <code>endButton</code> together when set) is (are) rendered at the right side (left side in RTL mode) of the footer area.
 					 * @since 1.15.1
 					 */
 					beginButton: {type: "sap.m.Button", multiple: false},
 
 					/**
-					 * The button which is rendered to the right side (left side in RTL mode) of the <code>beginButton</code> in the footer area inside the Dialog. As of version 1.21.1, there's a new aggregation <code>buttons</code> created with which more than 2 buttons can be added to the footer area of Dialog. If the new <code>buttons</code> aggregation is set, any change made to this aggregation has no effect anymore. With the Belize themes when running on a phone, this <code>button</code> (and the <code>beginButton</code> together when set) is (are) rendered at the center of the footer area. While with the Quartz themes when running on a phone, this <code>button</code> (and the <code>beginButton</code> together when set) is (are) rendered on the right side of the footer area. When running on other platforms, this <code>button</code> (and the <code>beginButton</code> together when set) is (are) rendered at the right side (left side in RTL mode) of the footer area.
+					 * The button which is rendered to the right side (left side in RTL mode) of the <code>beginButton</code> in the footer area inside the Dialog.
+					 * As of version 1.21.1, there's a new aggregation <code>buttons</code> created with which more than 2 buttons can be added to the footer area of Dialog.
+					 * If the new <code>buttons</code> aggregation is set, any change made to this aggregation has no effect anymore.
+					 * With the Belize themes when running on a phone, this <code>button</code> (and the <code>beginButton</code> together when set) is (are) rendered at the center of the footer area.
+					 * While with the Quartz themes when running on a phone, this <code>button</code> (and the <code>beginButton</code> together when set) is (are) rendered on the right side of the footer area.
+					 * When running on other platforms, this <code>button</code> (and the <code>beginButton</code> together when set) is (are) rendered at the right side (left side in RTL mode) of the footer area.
 					 * @since 1.15.1
 					 */
 					endButton: {type: "sap.m.Button", multiple: false},
@@ -550,10 +560,13 @@ function(
 			this._createToolbarButtons();
 
 			if (Core.getConfiguration().getAccessibility() && this.getState() != ValueState.None) {
-				var oValueState = new InvisibleText({text: this.getValueStateString(this.getState())});
+				if (!this._oValueState) {
+					this._oValueState = new InvisibleText();
 
-				this.setAggregation("_valueState", oValueState);
-				this.addAriaLabelledBy(oValueState.getId());
+					this.setAggregation("_valueState", this._oValueState);
+					this.addAriaLabelledBy(this._oValueState.getId());
+				}
+				this._oValueState.setText(this.getValueStateString(this.getState()));
 			}
 
 			// title alignment

package/src/sap/m/DisplayListItem.js

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

package/src/sap/m/DraftIndicator.js

@@ -27,7 +27,7 @@ sap.ui.define([
 	 * @abstract
 	 *
 	 * @author SAP SE
-	 * @version 1.100.0
+	 * @version 1.101.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.100.0
+		 * @version 1.101.0
 		 *
 		 * @constructor
 		 * @public

package/src/sap/m/DynamicDateOption.js

@@ -36,7 +36,7 @@ sap.ui.define([
 		 * @extends sap.ui.core.Element
 		 *
 		 * @author SAP SE
-		 * @version 1.100.0
+		 * @version 1.101.0
 		 *
 		 * @public
 		 * @since 1.92
@@ -100,7 +100,7 @@ sap.ui.define([
 		 * @public
 		 */
 		DynamicDateOption.prototype.createValueHelpUI = function(oControl, fnControlsUpdated) {
-			var oValue = oControl.getValue(),
+			var oValue = oControl.getValue() && Object.assign({}, oControl.getValue()),
 				aParams = this.getValueHelpUITypes(oControl),
 				valueHelpUiTypesCount = aParams.length,
 				aControls = [],
@@ -111,6 +111,16 @@ sap.ui.define([
 			}
 			oControl.aControlsByParameters[this.getKey()] = [];
 
+			if (oValue && oValue.values) {
+				oValue.values = oValue.values.map(function(val) {
+					if (val instanceof Date) {
+						return oControl._reverseConvertDate(val);
+					}
+
+					return val;
+				});
+			}
+
 			for (var i = 0; i < aParams.length; i++) {
 				if (aParams[i].getText()) {
 					aControls.push(

package/src/sap/m/DynamicDateRange.js

@@ -19,6 +19,7 @@ sap.ui.define([
 	'sap/ui/core/Icon',
 	"sap/ui/core/LabelEnablement",
 	'sap/ui/core/format/DateFormat',
+	'sap/ui/core/format/TimezoneUtil',
 	'sap/ui/base/ManagedObjectObserver',
 	'sap/ui/Device',
 	'./Label',
@@ -52,6 +53,7 @@ sap.ui.define([
 		Icon,
 		LabelEnablement,
 		DateFormat,
+		TimezoneUtil,
 		ManagedObjectObserver,
 		Device,
 		Label,
@@ -119,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.100.0
+		 * @version 1.101.0
 		 *
 		 * @constructor
 		 * @public
@@ -627,7 +629,9 @@ sap.ui.define([
 		 * @private
 		 */
 		DynamicDateRange.prototype._addSuggestionItem = function(oSuggestValue) {
-			var aResultingDates = DynamicDateUtil.toDates(oSuggestValue);
+			var aResultingDates = DynamicDateUtil.toDates(oSuggestValue).map(function(oDate) {
+				return this._convertDate(oDate);
+			}, this);
 
 			var oItem = new ListItem({
 				text: DynamicDateUtil.getOption(oSuggestValue.operator).format(oSuggestValue, this._getFormatter()),
@@ -696,7 +700,44 @@ sap.ui.define([
 		};
 
 		DynamicDateRange.prototype._toDatesString = function(oValue) {
-			return this._getDatesLabelFormatter().format(DynamicDateUtil.toDates(oValue));
+			var aDates = DynamicDateUtil.toDates(oValue).map(function(oDate) {
+				return this._convertDate(oDate);
+			}, this);
+
+			return this._getDatesLabelFormatter().format(aDates);
+		};
+
+		DynamicDateRange.prototype._convertDate = function(oDate) {
+			var sFormattedDate = this._getPickerParser().format(oDate, TimezoneUtil.getLocalTimezone());
+			var oParts = this._getPickerParser().parse(
+				sFormattedDate,
+				sap.ui.getCore().getConfiguration().getTimezone()
+			);
+			var oNewDate = oParts ? new Date(oParts[0].getTime()) : oParts;
+
+			return oNewDate;
+		};
+
+		DynamicDateRange.prototype._reverseConvertDate = function(oDate) {
+			var sFormattedDate = this._getPickerParser().format(
+				oDate,
+				sap.ui.getCore().getConfiguration().getTimezone()
+			);
+			var oParts = this._getPickerParser().parse(
+				sFormattedDate,
+				TimezoneUtil.getLocalTimezone()
+			);
+			var oNewDate = oParts ? new Date(oParts[0].getTime()) : oParts;
+
+			return oNewDate;
+		};
+
+		DynamicDateRange.prototype._getPickerParser = function() {
+			if (!this._calendarParser) {
+				this._calendarParser = DateFormat.getDateTimeWithTimezoneInstance({ showTimezone: false });
+			}
+
+			return this._calendarParser;
 		};
 
 		DynamicDateRange.prototype._createPopup = function() {
@@ -918,7 +959,10 @@ sap.ui.define([
 				return;
 			}
 
-			aResultDates = DynamicDateUtil.toDates(oOutputValue);
+			aResultDates = DynamicDateUtil.toDates(oOutputValue).map(function(oDate) {
+				return this._convertDate(oDate);
+			}, this);
+
 			if (aResultDates) {
 				if (this._oSelectedOption.getKey() === "FROMDATETIME" || this._oSelectedOption.getKey() === "TODATETIME"
 					|| this._oSelectedOption.getKey() === "FROM" || this._oSelectedOption.getKey() === "TO") {
@@ -1132,6 +1176,14 @@ sap.ui.define([
 		DynamicDateRange.prototype._applyValue = function() {
 			this._oOutput = this._oSelectedOption.getValueHelpOutput(this);
 
+			this._oOutput.values = this._oOutput.values.map(function(val) {
+				if (val instanceof Date) {
+					return this._convertDate(val);
+				}
+
+				return val;
+			}, this);
+
 			var prevValue = this.getValue();
 			this.setValue(this._oOutput);
 			this.fireChange({ prevValue: prevValue, value: this.getValue(), valid: true });
@@ -1228,16 +1280,6 @@ sap.ui.define([
 		var DynamicDateRangeInputRenderer = Renderer.extend(InputRenderer);
 		DynamicDateRangeInputRenderer.apiVersion = 2;
 
-		/**
-		 * Returns ARIA accessibility role for the control.
-		 *
-		 * @param {sap.ui.core.Control} oControl an object representation of the control
-		 * @returns {string}
-		 */
-		DynamicDateRangeInputRenderer.getAriaRole = function(oControl) {
-			return "combobox";
-		};
-
 		DynamicDateRangeInputRenderer.writeInnerAttributes = function(oRm, oControl) {
 			oRm.attr("type", "text");
 		};
@@ -1272,7 +1314,6 @@ sap.ui.define([
 
 			mAccessibilityState.roledescription = oResourceBundle.getText("ACC_CTR_TYPE_DYNAMIC_DATE_RANGE");
 			mAccessibilityState.role = this.getAriaRole();
-			mAccessibilityState.expanded = oDynamicDateRange._oPopup ? oDynamicDateRange._oPopup.isOpen() : false;
 			mAccessibilityState.haspopup = coreLibrary.aria.HasPopup.ListBox.toLowerCase();
 			mAccessibilityState.autocomplete = "list";
 			mAccessibilityState.controls = oDynamicDateRange._oPopup && oDynamicDateRange._oPopup.getDomRef() ?

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.100.0
+		 * @version 1.101.0
 		 *
 		 * @public
 		 * @since 1.92

package/src/sap/m/ExpandableText.js

@@ -100,7 +100,7 @@ function(library,
 	 * @implements sap.ui.core.IFormContent, sap.m.IHyphenation
 	 *
 	 * @author SAP SE
-	 * @version 1.100.0
+	 * @version 1.101.0
 	 *
 	 * @constructor
 	 * @public

package/src/sap/m/FacetFilter.js

@@ -170,7 +170,7 @@ sap.ui.define([
 	 *
 	 * @extends sap.ui.core.Control
 	 * @implements sap.ui.core.IShrinkable
-	 * @version 1.100.0
+	 * @version 1.101.0
 	 *
 	 * @constructor
 	 * @public

package/src/sap/m/FacetFilterItem.js

@@ -20,7 +20,7 @@ sap.ui.define(['./ListItemBase', './library', './FacetFilterItemRenderer'],
 	 * @class
 	 * Represents a value for the {@link sap.m.FacetFilterList} control.
 	 * @extends sap.m.ListItemBase
-	 * @version 1.100.0
+	 * @version 1.101.0
 	 *
 	 * @constructor
 	 * @public

package/src/sap/m/FacetFilterList.js

@@ -52,7 +52,7 @@ sap.ui.define([
 	 * be closed.
 	 *
 	 * @extends sap.m.List
-	 * @version 1.100.0
+	 * @version 1.101.0
 	 *
 	 * @constructor
 	 * @public