@openui5/sap.m 1.100.0 → 1.102.1

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.100.0
+	 * @version 1.102.1
 	 * @constructor
 	 * @public
 	 * @since 1.48.0

package/src/sap/m/DatePicker.js

@@ -9,6 +9,8 @@ sap.ui.define([
 	'sap/ui/thirdparty/jquery',
 	'sap/ui/Device',
 	"sap/ui/core/Element",
+	"sap/ui/core/format/TimezoneUtil",
+	"sap/ui/core/format/DateFormat",
 	'./InputBase',
 	'./DateTimeField',
 	'./Button',
@@ -38,6 +40,8 @@ sap.ui.define([
 		jQuery,
 		Device,
 		Element,
+		TimezoneUtil,
+		DateFormat,
 		InputBase,
 		DateTimeField,
 		Button,
@@ -148,7 +152,7 @@ sap.ui.define([
 	 * the close event), or select Cancel.
 	 *
 	 * @extends sap.m.DateTimeField
-	 * @version 1.100.0
+	 * @version 1.102.1
 	 *
 	 * @constructor
 	 * @public
@@ -283,7 +287,19 @@ sap.ui.define([
 					afterPopupOpened : {type : "boolean"}
 
 				}
-			}
+			},
+
+			/**
+			 * Fired when <code>value help</code> dialog opens.
+			 * @since 1.102.0
+			 */
+			afterValueHelpOpen : {},
+
+			/**
+			 * Fired when <code>value help</code> dialog closes.
+			 * @since 1.102.0
+			 */
+			afterValueHelpClose : {}
 		},
 		designtime: "sap/m/designtime/DatePicker.designtime",
 		dnd: { draggable: false, droppable: true }
@@ -1184,7 +1200,7 @@ sap.ui.define([
 		if (!oDomRef) {
 			oDomRef = this.getDomRef();
 		}
-		this._oPopup._getPopup().setAutoCloseAreas([oDomRef]);
+		this._oPopup._getPopup().setExtraContent([oDomRef]);
 		this._oPopup.openBy(oDomRef || this);
 	};
 
@@ -1248,7 +1264,6 @@ sap.ui.define([
 			this._getCalendar().addSelectedDate(this._oDateRange);
 			this._getCalendar()._setSpecialDatesControlOrigin(this);
 			this._getCalendar().attachCancel(_cancel, this);
-			this._getCalendar().setPopupMode(true);
 
 			if (this.$().closest(".sapUiSizeCompact").length > 0) {
 				this._getCalendar().addStyleClass("sapUiSizeCompact");
@@ -1320,13 +1335,19 @@ sap.ui.define([
 	};
 
 	DatePicker.prototype._fillDateRange = function(){
-
+		var sFormattedDate;
 		var oDate = this.getDateValue();
 
 		if (oDate &&
 			oDate.getTime() >= this._oMinDate.getTime() &&
 			oDate.getTime() <= this._oMaxDate.getTime()) {
 
+			sFormattedDate = this._getPickerParser().format(
+				oDate,
+				this._getTimezone(true)
+			);
+			oDate = this._getPickerParser().parse(sFormattedDate, TimezoneUtil.getLocalTimezone())[0];
+
 			this._getCalendar().focusDate(new Date(oDate.getTime()));
 			if (!this._oDateRange.getStartDate() || this._oDateRange.getStartDate().getTime() != oDate.getTime()) {
 				this._oDateRange.setStartDate(new Date(oDate.getTime()));
@@ -1335,6 +1356,12 @@ sap.ui.define([
 			var oInitialFocusedDateValue = this.getInitialFocusedDateValue();
 			var oFocusDate = oInitialFocusedDateValue ? oInitialFocusedDateValue : new Date();
 
+			sFormattedDate = this._getPickerParser().format(
+				oFocusDate,
+				this._getTimezone(true)
+			);
+			oFocusDate = this._getPickerParser().parse(sFormattedDate, TimezoneUtil.getLocalTimezone())[0];
+
 			if (oFocusDate.getTime() < this._oMinDate.getTime()) {
 				oFocusDate = this._oMinDate;
 			} else if (oFocusDate.getTime() > this._oMaxDate.getTime()) {
@@ -1374,6 +1401,13 @@ sap.ui.define([
 			oDate = this._getSelectedDate(),
 			sValue = "";
 
+		var sFormattedDate = this._getPickerParser().format(oDate, TimezoneUtil.getLocalTimezone());
+		var oParts = this._getPickerParser().parse(
+			sFormattedDate,
+			this._getTimezone(true)
+		);
+		oDate = oParts && oParts[0];
+
 		// do not use this.onChange() because output pattern will change date (e.g. only last 2 number of year -> 1966 -> 2066 )
 		if (!deepEqual(oDate, oDateOld)) {
 			this.setDateValue(new Date(oDate.getTime()));
@@ -1414,6 +1448,10 @@ sap.ui.define([
 		this._selectDate();
 	};
 
+	DatePicker.prototype._getTimezone = function(bUseDefaultAsFallback) {
+		return sap.ui.getCore().getConfiguration().getTimezone();
+	};
+
 	/* sets cursor inside the input in order to focus it */
 	DatePicker.prototype._focusInput = function(){
 
@@ -1571,11 +1609,11 @@ sap.ui.define([
 		this._renderedDays = this._getCalendar().$("-Month0-days").find(".sapUiCalItem").length;
 
 		this.$("inner").attr("aria-owns", this.getId() + "-cal");
-		this.$("inner").attr("aria-expanded", true);
 
 		InstanceManager.addPopoverInstance(this._oPopup);
 
 		this._oCalendar.focus();
+		this.fireAfterValueHelpOpen();
 	}
 
 	function _handleClose() {
@@ -1583,11 +1621,11 @@ sap.ui.define([
 			this._oPopup.getBeginButton().setEnabled(false);
 		}
 		this.removeStyleClass(InputBase.ICON_PRESSED_CSS_CLASS);
-		this.$("inner").attr("aria-expanded", false);
 
 		this._getCalendar()._closePickers();
 
 		InstanceManager.removePopoverInstance(this._oPopup);
+		this.fireAfterValueHelpClose();
 	}
 
 	function _resizeCalendar(oEvent){
@@ -1624,6 +1662,14 @@ sap.ui.define([
 
 	}
 
+	DatePicker.prototype._getPickerParser = function() {
+		if (!this._calendarParser) {
+			this._calendarParser = DateFormat.getDateTimeWithTimezoneInstance({ showTimezone: false });
+		}
+
+		return this._calendarParser;
+	};
+
 	/**
 	 * Fired when the input operation has finished and the value has changed.
 	 *

package/src/sap/m/DatePickerRenderer.js

@@ -49,7 +49,6 @@ sap.ui.define(['sap/ui/core/Renderer', './InputBaseRenderer', 'sap/ui/core/libra
 		mAccessibilityState["roledescription"] = sap.ui.getCore().getLibraryResourceBundle("sap.m").getText("ACC_CTR_TYPE_DATEINPUT");
 		mAccessibilityState["autocomplete"] = "none";
 		mAccessibilityState["haspopup"] = coreLibrary.aria.HasPopup.Grid.toLowerCase();
-		mAccessibilityState["expanded"] = false;
 		// aria-disabled is not necessary if we already have a native 'disabled' attribute
 		mAccessibilityState["disabled"] = null;
 

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.102.1
+	 * @version 1.102.1
 	 *
 	 * @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.102.1
 	 *
 	 * @constructor
 	 * @public
@@ -239,7 +239,10 @@ sap.ui.define([
 			// open value state message popup when focus is in the input
 			this.openValueStateMessage();
 		} else if (this._oValueStateHeader) {
-			this._oValueStateHeader.setVisible(this.getValueState() !== ValueState.None);
+			this._oValueStateHeader
+				.setValueState(this.getValueState())
+				.setText(this._getTextForPickerValueStateContent())
+				.setVisible(this.getValueState() !== ValueState.None);
 		}
 
 	};

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.102.1
 	 *
 	 * @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.102.1
 	 *
 	 * @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()
@@ -899,7 +892,7 @@ sap.ui.define([
 		this.addStyleClass(InputBase.ICON_PRESSED_CSS_CLASS);
 
 		var oPopover = this._oPopup.getAggregation("_popup");
-		oPopover.oPopup.setAutoCloseAreas([oDomRef]);
+		oPopover.oPopup.setExtraContent([oDomRef]);
 
 		this._oPopup.openBy(oDomRef || this);
 	};
@@ -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,19 +971,18 @@ 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;
+			oDateTime,
+			sPattern;
 
 		if (oDate) {
-			var oDateTime = this._oClocks.getTimeValues();
-			var sPattern = this._oClocks._getDisplayFormatPattern();
+			oDateTime = this._oClocks.getTimeValues();
+			sPattern = this._oClocks._getDisplayFormatPattern();
+
 			if (sPattern.search("h") >= 0 || sPattern.search("H") >= 0) {
 				oDate.setHours(oDateTime.getHours());
 			}
@@ -1004,9 +1000,6 @@ sap.ui.define([
 			}
 		}
 
-		sFormattedDate = this._formatValue(oDate, false, Core.getConfiguration().getTimezone());
-		oDate = this._parseValue(sFormattedDate, true, this._getTimezone(true));
-
 		return oDate;
 	};
 
@@ -1053,23 +1046,23 @@ 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);
+		this.fireAfterValueHelpOpen();
 	}
 
 	function _handleAfterClose(){
 		this.removeStyleClass(InputBase.ICON_PRESSED_CSS_CLASS);
-		this.$("inner").attr("aria-expanded", false);
 
 		this._oCalendar._closePickers();
 		Device.media.detachHandler(this._handleWindowResize, this);
+		this.fireAfterValueHelpClose();
 	}
 
 	function _getTimePattern(){
@@ -1108,15 +1101,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.102.1
 		*
 		* @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
@@ -1231,7 +1244,7 @@ function(
 				$this = this.$(),
 				iHeaderHeight = $this.find(".sapMDialogTitle").height() || 0,
 				iSubHeaderHeight = $this.find(".sapMDialogSubHeader").height() || 0,
-				iFooterHeight = $this.find("footer").height() || 0,
+				iFooterHeight = $this.find("> footer").height() || 0,
 				iHeightAsPadding = iHeaderHeight + iSubHeaderHeight + iFooterHeight,
 				iMaxHeight,
 				iMaxWidth;

package/src/sap/m/DialogRenderer.js

@@ -151,7 +151,7 @@ sap.ui.define([
 		if (Device.system.desktop) {
 
 			if (oDialog.getResizable() && !bStretch) {
-				oRM.icon("sap-icon://resize-corner", ["sapMDialogResizeHandler"], { "title": "" });
+				oRM.icon("sap-icon://resize-corner", ["sapMDialogResizeHandler"], {"title": "", "aria-label": ""});
 			}
 
 			// Invisible element which is used to determine when desktop keyboard navigation

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.102.1
 	 *
 	 * @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.102.1
 	 *
 	 * @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.102.1
 		 *
 		 * @constructor
 		 * @public