@openui5/sap.m 1.105.1 → 1.107.0

package/src/sap/m/DateTimeInput.js

@@ -18,7 +18,8 @@ sap.ui.define([
 	'sap/ui/model/odata/type/ODataType',
 	'sap/ui/core/library',
 	'sap/ui/Device',
-	"./DateTimeInputRenderer"
+	"./DateTimeInputRenderer",
+	"sap/ui/core/Configuration"
 ],
 function(
 	jQuery,
@@ -33,7 +34,8 @@ function(
 	ODataType,
 	coreLibrary,
 	Device,
-	DateTimeInputRenderer
+	DateTimeInputRenderer,
+	Configuration
 ) {
 	"use strict";
 
@@ -62,154 +64,157 @@ function(
 	 * @extends sap.ui.core.Control
 	 *
 	 * @author SAP SE
-	 * @version 1.105.1
+	 * @version 1.107.0
 	 *
 	 * @constructor
 	 * @public
 	 * @since 1.9.1
 	 * @deprecated as of version 1.32.8, replaced by {@link sap.m.DatePicker}, {@link sap.m.TimePicker} or {@link sap.m.DateTimePicker}
 	 * @alias sap.m.DateTimeInput
-	 * @ui5-metamodel This control/element also will be described in the UI5 (legacy) designtime metamodel
 	 */
-	var DateTimeInput = Control.extend("sap.m.DateTimeInput", /** @lends sap.m.DateTimeInput.prototype */ { metadata : {
-
-		library : "sap.m",
-		deprecated: true,
-		designtime: "sap/m/designtime/DateTimeInput.designtime",
-		properties : {
-
-			/**
-			 * Defines the value of the control.
-			 *
-			 * The new value must be in the format set by <code>valueFormat</code>.
-			 *
-			 * The "Now" literal can also be assigned as a parameter to show the current date and/or time.
-			 */
-			value: { type: "string", group: "Data", defaultValue: null, bindable: "bindable" },
-
-			/**
-			 * Defines the width of the control.
-			 */
-			width: { type: "sap.ui.core.CSSSize", group: "Dimension", defaultValue: "100%" },
-
-			/**
-			 * Indicates whether the user can interact with the control or not.
-			 * <b>Note:</b> Disabled controls cannot be focused and they are out of the tab-chain.
-			 */
-			enabled: { type: "boolean", group: "Behavior", defaultValue: true },
-
-			/**
-			 * Defines whether the control can be modified by the user or not.
-			 * <b>Note:</b> A user can tab to non-editable control, highlight it, and copy the text from it.
-			 * @since 1.12.0
-			 */
-			editable: { type: "boolean", group: "Behavior", defaultValue: true },
-
-			/**
-			 * Visualizes the validation state of the control, e.g. <code>Error</code>, <code>Warning</code>, <code>Success</code>.
-			 */
-			valueState: { type: "sap.ui.core.ValueState", group: "Appearance", defaultValue: ValueState.None },
-
-			/**
-			 * Defines the text that appears in the value state message pop-up. If this is not specified, a default text is shown from the resource bundle.
-			 * @since 1.26.0
-			 */
-			valueStateText: { type: "string", group: "Misc", defaultValue: null },
-
-			/**
-			 * Indicates whether the value state message should be shown or not.
-			 * @since 1.26.0
-			 */
-			showValueStateMessage: { type: "boolean", group: "Misc", defaultValue: true },
-
-			/**
-			 * Defines the name of the control for the purposes of form submission.
-			 */
-			name: { type: "string", group: "Misc", defaultValue: null },
-
-			/**
-			 * Defines a short hint intended to aid the user with data entry when the control has no value.
-			 */
-			placeholder: { type: "string", group: "Misc", defaultValue: null },
-
-			/**
-			 * Defines the horizontal alignment of the text that is shown inside the input field.
-			 * @since 1.26.0
-			 */
-			textAlign: { type: "sap.ui.core.TextAlign", group: "Appearance", defaultValue: TextAlign.Initial },
-
-			/**
-			 * Defines the text directionality of the input field, e.g. <code>RTL</code>, <code>LTR</code>
-			 * @since 1.28.0
-			 */
-			textDirection: { type: "sap.ui.core.TextDirection", group: "Appearance", defaultValue: TextDirection.Inherit },
-
-			/**
-			 * Type of DateTimeInput (e.g. Date, Time, DateTime)
-			 */
-			type : {type : "sap.m.DateTimeInputType", group : "Data", defaultValue : DateTimeInputType.Date},
-
-			/**
-			 * Displays date value in this given format in text field. Default value is taken from locale settings.
-			 * If you use data-binding on value property with type sap.ui.model.type.Date then you can ignore this property or the latter wins.
-			 * If the user's browser supports native picker then this property is overwritten by browser with locale settings.
-			 */
-			displayFormat : {type : "string", group : "Appearance", defaultValue : null},
-
-			/**
-			 * Given value property should match with valueFormat to parse date. Default value is taken from locale settings.
-			 * You can only set and get value in this format.
-			 * If you use data-binding on value property with type sap.ui.model.type.Date you can ignore this property or the latter wins.
-			 */
-			valueFormat : {type : "string", group : "Data", defaultValue : null},
-
-			/**
-			 * This property as JavaScript Date Object can be used to assign a new value which is independent from valueFormat.
-			 */
-			dateValue : {type : "object", group : "Data", defaultValue : null}
-		},
-		aggregations: {
-
-			_picker: {type: "sap.ui.core.Control", multiple: false, visibility: "hidden"}
-
-		},
-		associations: {
-
-			/**
-			 * Association to controls / IDs that label this control (see WAI-ARIA attribute aria-labelledby).
-			 * @since 1.27.0
-			 */
-			ariaLabelledBy: { type: "sap.ui.core.Control", multiple: true, singularName: "ariaLabelledBy" }
-		},
-		events : {
-
-			/**
-			 * This event gets fired when the selection has finished and the value has changed.
-			 */
-			change : {
-				parameters : {
-
-					/**
-					 * The string value of the control in given valueFormat (or locale format).
-					 */
-					value : {type : "string"},
-
-					/**
-					 * The value of control as JavaScript Date Object or null if value is empty.
-					 */
-					dateValue : {type : "object"},
-
-					/**
-					 * if set, the entered value is a valid date.
-					 * If not set the entered value cannot be converted to a date.
-					 * @since 1.38.0
-					 */
-					valid : {type : "boolean"}
-
+	var DateTimeInput = Control.extend("sap.m.DateTimeInput", /** @lends sap.m.DateTimeInput.prototype */ {
+		metadata : {
+
+			library : "sap.m",
+			deprecated: true,
+			designtime: "sap/m/designtime/DateTimeInput.designtime",
+			properties : {
+
+				/**
+				 * Defines the value of the control.
+				 *
+				 * The new value must be in the format set by <code>valueFormat</code>.
+				 *
+				 * The "Now" literal can also be assigned as a parameter to show the current date and/or time.
+				 */
+				value: { type: "string", group: "Data", defaultValue: null, bindable: "bindable" },
+
+				/**
+				 * Defines the width of the control.
+				 */
+				width: { type: "sap.ui.core.CSSSize", group: "Dimension", defaultValue: "100%" },
+
+				/**
+				 * Indicates whether the user can interact with the control or not.
+				 * <b>Note:</b> Disabled controls cannot be focused and they are out of the tab-chain.
+				 */
+				enabled: { type: "boolean", group: "Behavior", defaultValue: true },
+
+				/**
+				 * Defines whether the control can be modified by the user or not.
+				 * <b>Note:</b> A user can tab to non-editable control, highlight it, and copy the text from it.
+				 * @since 1.12.0
+				 */
+				editable: { type: "boolean", group: "Behavior", defaultValue: true },
+
+				/**
+				 * Visualizes the validation state of the control, e.g. <code>Error</code>, <code>Warning</code>, <code>Success</code>.
+				 */
+				valueState: { type: "sap.ui.core.ValueState", group: "Appearance", defaultValue: ValueState.None },
+
+				/**
+				 * Defines the text that appears in the value state message pop-up. If this is not specified, a default text is shown from the resource bundle.
+				 * @since 1.26.0
+				 */
+				valueStateText: { type: "string", group: "Misc", defaultValue: null },
+
+				/**
+				 * Indicates whether the value state message should be shown or not.
+				 * @since 1.26.0
+				 */
+				showValueStateMessage: { type: "boolean", group: "Misc", defaultValue: true },
+
+				/**
+				 * Defines the name of the control for the purposes of form submission.
+				 */
+				name: { type: "string", group: "Misc", defaultValue: null },
+
+				/**
+				 * Defines a short hint intended to aid the user with data entry when the control has no value.
+				 */
+				placeholder: { type: "string", group: "Misc", defaultValue: null },
+
+				/**
+				 * Defines the horizontal alignment of the text that is shown inside the input field.
+				 * @since 1.26.0
+				 */
+				textAlign: { type: "sap.ui.core.TextAlign", group: "Appearance", defaultValue: TextAlign.Initial },
+
+				/**
+				 * Defines the text directionality of the input field, e.g. <code>RTL</code>, <code>LTR</code>
+				 * @since 1.28.0
+				 */
+				textDirection: { type: "sap.ui.core.TextDirection", group: "Appearance", defaultValue: TextDirection.Inherit },
+
+				/**
+				 * Type of DateTimeInput (e.g. Date, Time, DateTime)
+				 */
+				type : {type : "sap.m.DateTimeInputType", group : "Data", defaultValue : DateTimeInputType.Date},
+
+				/**
+				 * Displays date value in this given format in text field. Default value is taken from locale settings.
+				 * If you use data-binding on value property with type sap.ui.model.type.Date then you can ignore this property or the latter wins.
+				 * If the user's browser supports native picker then this property is overwritten by browser with locale settings.
+				 */
+				displayFormat : {type : "string", group : "Appearance", defaultValue : null},
+
+				/**
+				 * Given value property should match with valueFormat to parse date. Default value is taken from locale settings.
+				 * You can only set and get value in this format.
+				 * If you use data-binding on value property with type sap.ui.model.type.Date you can ignore this property or the latter wins.
+				 */
+				valueFormat : {type : "string", group : "Data", defaultValue : null},
+
+				/**
+				 * This property as JavaScript Date Object can be used to assign a new value which is independent from valueFormat.
+				 */
+				dateValue : {type : "object", group : "Data", defaultValue : null}
+			},
+			aggregations: {
+
+				_picker: {type: "sap.ui.core.Control", multiple: false, visibility: "hidden"}
+
+			},
+			associations: {
+
+				/**
+				 * Association to controls / IDs that label this control (see WAI-ARIA attribute aria-labelledby).
+				 * @since 1.27.0
+				 */
+				ariaLabelledBy: { type: "sap.ui.core.Control", multiple: true, singularName: "ariaLabelledBy" }
+			},
+			events : {
+
+				/**
+				 * This event gets fired when the selection has finished and the value has changed.
+				 */
+				change : {
+					parameters : {
+
+						/**
+						 * The string value of the control in given valueFormat (or locale format).
+						 */
+						value : {type : "string"},
+
+						/**
+						 * The value of control as JavaScript Date Object or null if value is empty.
+						 */
+						dateValue : {type : "object"},
+
+						/**
+						 * if set, the entered value is a valid date.
+						 * If not set the entered value cannot be converted to a date.
+						 * @since 1.38.0
+						 */
+						valid : {type : "boolean"}
+
+					}
 				}
 			}
-		}
-	}});
+		},
+
+		renderer: DateTimeInputRenderer
+	});
 
 
 	!(function(oPrototype, $, oDevice) {
@@ -286,7 +291,7 @@ function(
 
 			case DateTimeInputType.Time:
 				oPicker = new TimePicker(this.getId() + "-Picker",
-					{localeId: sap.ui.getCore().getConfiguration().getFormatSettings().getFormatLocale().toString()});
+					{localeId: Configuration.getFormatSettings().getFormatLocale().toString()});
 				break;
 
 			default: // default is date

package/src/sap/m/DateTimePicker.js

@@ -24,9 +24,10 @@ sap.ui.define([
 	'./SegmentedButtonItem',
 	'./ResponsivePopover',
 	'./Button',
-	"sap/ui/core/IconPool",
-	"sap/ui/qunit/utils/waitForThemeApplied",
-	"sap/ui/dom/jquery/cursorPos" // provides jQuery.fn.cursorPos
+	'sap/ui/core/IconPool',
+	'sap/ui/qunit/utils/waitForThemeApplied',
+	'sap/ui/core/Configuration',
+	'sap/ui/dom/jquery/cursorPos' // provides jQuery.fn.cursorPos
 ], function(
 	jQuery,
 	InputBase,
@@ -47,7 +48,8 @@ sap.ui.define([
 	ResponsivePopover,
 	Button,
 	IconPool,
-	waitForThemeApplied
+	waitForThemeApplied,
+	Configuration
 ) {
 	"use strict";
 
@@ -55,8 +57,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>.
@@ -142,83 +143,88 @@ sap.ui.define([
 	 * mobile devices, it opens in full screen.
 	 *
 	 * @extends sap.m.DatePicker
-	 * @version 1.105.1
+	 * @version 1.107.0
 	 *
 	 * @constructor
 	 * @public
 	 * @since 1.38.0
 	 * @alias sap.m.DateTimePicker
 	 * @see {@link fiori:https://experience.sap.com/fiori-design-web/datetime-picker/ Date/Time Picker}
-	 * @ui5-metamodel This control/element also will be described in the UI5 (legacy) designtime metamodel
 	 */
-	var DateTimePicker = DatePicker.extend("sap.m.DateTimePicker", /** @lends sap.m.DateTimePicker.prototype */ { metadata : {
-
-		library : "sap.m",
-		properties: {
-			/**
-			 * Sets the minutes step. If the step is less than 1, it will be automatically converted back to 1.
-			 * The minutes clock is populated only by multiples of the step.
-			 * @since 1.56
-			 */
-			minutesStep: {type: "int", group: "Misc", defaultValue: 1 },
-
-			/**
-			 * Sets the seconds step. If the step is less than 1, it will be automatically converted back to 1.
-			 * The seconds clock is populated only by multiples of the step.
-			 * @since 1.56
-			 */
-			secondsStep: {type: "int", group: "Misc", defaultValue: 1 },
-
-			/**
-			 * Determines whether there is a shortcut navigation to current time.
-			 *
-			 * @since 1.98
-			 */
-			showCurrentTimeButton: { type: "boolean", group: "Behavior", defaultValue: false },
-
-			/**
-			 * Determines whether to show the timezone or not.
-			 * @since 1.99
-			 */
-			showTimezone: { type: "boolean", group: "Behavior" },
-
-			/**
-			 * 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.
-			 * 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" }
+	var DateTimePicker = DatePicker.extend("sap.m.DateTimePicker", /** @lends sap.m.DateTimePicker.prototype */ {
+		metadata : {
+
+			library : "sap.m",
+			properties: {
+				/**
+				 * Sets the minutes step. If the step is less than 1, it will be automatically converted back to 1.
+				 * The minutes clock is populated only by multiples of the step.
+				 * @since 1.56
+				 */
+				minutesStep: {type: "int", group: "Misc", defaultValue: 1 },
+
+				/**
+				 * Sets the seconds step. If the step is less than 1, it will be automatically converted back to 1.
+				 * The seconds clock is populated only by multiples of the step.
+				 * @since 1.56
+				 */
+				secondsStep: {type: "int", group: "Misc", defaultValue: 1 },
+
+				/**
+				 * Determines whether there is a shortcut navigation to current time.
+				 *
+				 * @since 1.98
+				 */
+				showCurrentTimeButton: { type: "boolean", group: "Behavior", defaultValue: false },
+
+				/**
+				 * Determines whether to show the timezone or not.
+				 * @since 1.99
+				 */
+				showTimezone: { type: "boolean", group: "Behavior" },
+
+				/**
+				 * 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.
+				 * 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" }
+			},
+			designtime: "sap/m/designtime/DateTimePicker.designtime",
+			dnd: { draggable: false, droppable: true }
 		},
-		designtime: "sap/m/designtime/DateTimePicker.designtime",
-		dnd: { draggable: false, droppable: true }
-	}, constructor: function(sId, mSettings, oScope) {
-		var mSortedSettings;
-
-		if ( typeof sId !== 'string' && sId !== undefined ) {
-			// shift arguments in case sId was missing, but mSettings was given
-			oScope = mSettings;
-			mSettings = sId;
-			sId = mSettings && mSettings.id;
-		}
 
-		mSortedSettings = mSettings ? Object.keys(mSettings)
-			.sort(function(sKey1, sKey2) {
-				if (sKey1 === "timezone") {
-					return -1;
-				} else if (sKey2 === "timezone") {
-					return 1;
-				}
+		constructor: function(sId, mSettings, oScope) {
+			var mSortedSettings;
+
+			if ( typeof sId !== 'string' && sId !== undefined ) {
+				// shift arguments in case sId was missing, but mSettings was given
+				oScope = mSettings;
+				mSettings = sId;
+				sId = mSettings && mSettings.id;
+			}
+
+			mSortedSettings = mSettings ? Object.keys(mSettings)
+				.sort(function(sKey1, sKey2) {
+					if (sKey1 === "timezone") {
+						return -1;
+					} else if (sKey2 === "timezone") {
+						return 1;
+					}
 
-				return 0;
-			})
-			.reduce(function (acc, key) {
-					acc[key] = mSettings[key];
-					return acc;
-			}, {}) : mSettings;
+					return 0;
+				})
+				.reduce(function (acc, key) {
+						acc[key] = mSettings[key];
+						return acc;
+				}, {}) : mSettings;
 
-		DatePicker.call(this, sId, mSortedSettings, oScope);
-	}});
+			DatePicker.call(this, sId, mSortedSettings, oScope);
+		},
+
+		renderer: DateTimePickerRenderer
+	});
 
 	var DateTimeFormatStyles = {
 		Short: "short",
@@ -663,7 +669,7 @@ sap.ui.define([
 		if (oFormatOptions.calendarType === undefined) {
 			oFormatOptions.calendarType = bDisplayFormat
 				? this.getDisplayFormatType()
-				: CalendarType.Gregorian;
+				: Configuration.getCalendarType();
 		}
 
 		if (oFormatOptions.strictParsing === undefined) {
@@ -821,7 +827,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;
@@ -1035,7 +1044,6 @@ sap.ui.define([
 	 * @public
 	 * @returns {object}
 	 * @since 1.102
-	 * @ui5-metamodel This method also will be described in the UI5 (legacy) designtime metamodel
 	 */
 
 	DateTimePicker.prototype.getLocaleId = function(){

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

@@ -178,13 +178,12 @@ function(
 		*
 		* @implements sap.ui.core.PopupInterface
 		* @author SAP SE
-		* @version 1.105.1
+		* @version 1.107.0
 		*
 		* @constructor
 		* @public
 		* @alias sap.m.Dialog
 		* @see {@link fiori:https://experience.sap.com/fiori-design-web/dialog/ Dialog}
-		* @ui5-metamodel This control/element also will be described in the UI5 (legacy) designtime metamodel
 		*/
 		var Dialog = Control.extend("sap.m.Dialog", /** @lends sap.m.Dialog.prototype */ {
 			metadata: {
@@ -450,7 +449,9 @@ function(
 					}
 				},
 				designtime: "sap/m/designtime/Dialog.designtime"
-			}
+			},
+
+			renderer: DialogRenderer
 		});
 
 		ResponsivePaddingsEnablement.call(Dialog.prototype, {
@@ -643,7 +644,6 @@ function(
 		 *
 		 * @return {this} <code>this</code> to allow method chaining
 		 * @public
-		 * @ui5-metamodel This method also will be described in the UI5 (legacy) designtime metamodel
 		 */
 		Dialog.prototype.open = function () {
 
@@ -693,7 +693,6 @@ function(
 		 *
 		 * @return {this} <code>this</code> to allow method chaining
 		 * @public
-		 * @ui5-metamodel This method also will be described in the UI5 (legacy) designtime metamodel
 		 */
 		Dialog.prototype.close = function () {
 			this._bOpenAfterClose = false;
@@ -728,7 +727,6 @@ function(
 		 * @returns {boolean} Whether the dialog is open.
 		 * @public
 		 * @since 1.9.1
-		 * @ui5-metamodel This method also will be described in the UI5 (legacy) designtime metamodel
 		 */
 		Dialog.prototype.isOpen = function () {
 			return !!this.oPopup && this.oPopup.isOpen();
@@ -1267,7 +1265,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;
 		};