@openui5/sap.m 1.106.0 → 1.107.1

package/src/sap/m/DatePicker.js

@@ -33,6 +33,7 @@ sap.ui.define([
 	"sap/ui/unified/calendar/CustomYearPicker",
 	"sap/ui/core/LabelEnablement",
 	"sap/ui/unified/library",
+	"sap/ui/core/Configuration",
 	"sap/ui/dom/jquery/cursorPos"
 ],
 	function(
@@ -61,7 +62,8 @@ sap.ui.define([
 		CustomMonthPicker,
 		CustomYearPicker,
 		LabelEnablement,
-		unifiedLibrary
+		unifiedLibrary,
+		Configuration
 	) {
 	"use strict";
 
@@ -150,158 +152,161 @@ sap.ui.define([
 	 * the close event), or select Cancel.
 	 *
 	 * @extends sap.m.DateTimeField
-	 * @version 1.106.0
+	 * @version 1.107.1
 	 *
 	 * @constructor
 	 * @public
 	 * @since 1.22.0
 	 * @alias sap.m.DatePicker
 	 * @see {@link fiori:https://experience.sap.com/fiori-design-web/date-picker/ Date Picker}
-	 * @ui5-metamodel This control/element also will be described in the UI5 (legacy) designtime metamodel
 	 */
-	var DatePicker = DateTimeField.extend("sap.m.DatePicker", /** @lends sap.m.DatePicker.prototype */ { metadata : {
-
-		library : "sap.m",
-		properties : {
-
-			/**
-			 * Displays date in this given type in input field. Default value is taken from locale settings.
-			 * Accepted are values of <code>sap.ui.core.CalendarType</code> or an empty string. If no type is set, the default type of the
-			 * configuration is used.
-			 * <b>Note:</b> If data binding on <code>value</code> property with type <code>sap.ui.model.type.Date</code> is used, this property will be ignored.
-			 * @since 1.28.6
-			 */
-			displayFormatType : {type : "string", group : "Appearance", defaultValue : ""},
-
-			/**
-			 * If set, the days in the calendar popup are also displayed in this calendar type
-			 * If not set, the dates are only displayed in the primary calendar type
-			 * @since 1.34.1
-			 */
-			secondaryCalendarType : {type : "sap.ui.core.CalendarType", group : "Appearance", defaultValue : null},
-
-			/**
-			 * Minimum date that can be shown and selected in the <code>DatePicker</code>. This must be a JavaScript date object.
-			 *
-			 * <b>Note:</b> If the <code>minDate</code> is set to be after the <code>maxDate</code>,
-			 * the <code>maxDate</code> and the <code>minDate</code> are switched before rendering.
-			 * @since 1.38.0
-			 */
-			minDate : {type : "object", group : "Misc", defaultValue : null},
-
-			/**
-			 * Maximum date that can be shown and selected in the <code>DatePicker</code>. This must be a JavaScript date object.
-			 *
-			 * <b>Note:</b> If the <code>maxDate</code> is set to be before the <code>minDate</code>,
-			 * the <code>maxDate</code> and the <code>minDate</code> are switched before rendering.
-			 * @since 1.38.0
-			 */
-			maxDate : {type : "object", group : "Misc", defaultValue : null},
-
-			/**
-			 * Hides or shows the popover's footer.
-			 *
-			 * @since 1.70
-			 */
-			showFooter : {type : "boolean", group : "Misc", defaultValue : false},
-
-			/**
-			 * Determines whether there is a shortcut navigation to Today. When used in Month, Year or
-			 * Year-range picker view, the calendar navigates to Day picker view.
-			 *
-			 * Note: The Current date button appears if the <code>displayFormat</code> property allows entering day.
-			 *
-			 * @since 1.95
-			 */
-			showCurrentDateButton : {type : "boolean", group : "Behavior", defaultValue : false},
-
-			/**
-			 * Determines whether the input field of the picker is hidden or visible.
-			 * When set to <code>true</code>, the input field becomes invisible and there is no way to open the picker popover.
-			 * In that case it can be opened by another control through calling of picker's <code>openBy</code> method, and
-			 * the opening control's DOM reference must be provided as parameter.
-			 *
-			 * Note: Since the picker 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 Date Picker"), and also aria-haspopup
-			 * attribute with value of <code>sap.ui.core.aria.HasPopup.Dialog</code>.
-			 *
-			 * @since 1.97
-			 */
-			 hideInput: { type: "boolean", group: "Misc", defaultValue: false }
+	var DatePicker = DateTimeField.extend("sap.m.DatePicker", /** @lends sap.m.DatePicker.prototype */ {
+		metadata : {
+
+			library : "sap.m",
+			properties : {
+
+				/**
+				 * Displays date in this given type in input field. Default value is taken from locale settings.
+				 * Accepted are values of <code>sap.ui.core.CalendarType</code> or an empty string. If no type is set, the default type of the
+				 * configuration is used.
+				 * <b>Note:</b> If data binding on <code>value</code> property with type <code>sap.ui.model.type.Date</code> is used, this property will be ignored.
+				 * @since 1.28.6
+				 */
+				displayFormatType : {type : "string", group : "Appearance", defaultValue : ""},
+
+				/**
+				 * If set, the days in the calendar popup are also displayed in this calendar type
+				 * If not set, the dates are only displayed in the primary calendar type
+				 * @since 1.34.1
+				 */
+				secondaryCalendarType : {type : "sap.ui.core.CalendarType", group : "Appearance", defaultValue : null},
+
+				/**
+				 * Minimum date that can be shown and selected in the <code>DatePicker</code>. This must be a JavaScript date object.
+				 *
+				 * <b>Note:</b> If the <code>minDate</code> is set to be after the <code>maxDate</code>,
+				 * the <code>maxDate</code> and the <code>minDate</code> are switched before rendering.
+				 * @since 1.38.0
+				 */
+				minDate : {type : "object", group : "Misc", defaultValue : null},
+
+				/**
+				 * Maximum date that can be shown and selected in the <code>DatePicker</code>. This must be a JavaScript date object.
+				 *
+				 * <b>Note:</b> If the <code>maxDate</code> is set to be before the <code>minDate</code>,
+				 * the <code>maxDate</code> and the <code>minDate</code> are switched before rendering.
+				 * @since 1.38.0
+				 */
+				maxDate : {type : "object", group : "Misc", defaultValue : null},
+
+				/**
+				 * Hides or shows the popover's footer.
+				 *
+				 * @since 1.70
+				 */
+				showFooter : {type : "boolean", group : "Misc", defaultValue : false},
+
+				/**
+				 * Determines whether there is a shortcut navigation to Today. When used in Month, Year or
+				 * Year-range picker view, the calendar navigates to Day picker view.
+				 *
+				 * Note: The Current date button appears if the <code>displayFormat</code> property allows entering day.
+				 *
+				 * @since 1.95
+				 */
+				showCurrentDateButton : {type : "boolean", group : "Behavior", defaultValue : false},
+
+				/**
+				 * Determines whether the input field of the picker is hidden or visible.
+				 * When set to <code>true</code>, the input field becomes invisible and there is no way to open the picker popover.
+				 * In that case it can be opened by another control through calling of picker's <code>openBy</code> method, and
+				 * the opening control's DOM reference must be provided as parameter.
+				 *
+				 * Note: Since the picker 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 Date Picker"), and also aria-haspopup
+				 * attribute with value of <code>sap.ui.core.aria.HasPopup.Dialog</code>.
+				 *
+				 * @since 1.97
+				 */
+				 hideInput: { type: "boolean", group: "Misc", defaultValue: false }
 
-		},
-
-		aggregations : {
-
-			/**
-			 * Date Range with type to visualize special days in the Calendar.
-			 * If one day is assigned to more than one Type, only the first one will be used.
-			 *
-			 * To set a single date (instead of a range), set only the startDate property of the sap.ui.unified.DateRange class.
-			 *
-			 * <b>Note:</b> Since 1.48 you could set a non-working day via the sap.ui.unified.CalendarDayType.NonWorking
-			 * enum type just as any other special date type using sap.ui.unified.DateRangeType.
-			 *
-			 * @since 1.38.5
-			 */
-			specialDates : {type : "sap.ui.core.Element", multiple : true, singularName : "specialDate"},
-
-			/**
-			 * Internal aggregation that contains the inner picker pop-up.
-			 *
-			 * @since 1.70
-			 */
-			_popup: { type: "sap.m.ResponsivePopover", multiple : false, visibility: "hidden" }
-		},
-
-		associations: {
-
-			/**
-			 * Association to the <code>CalendarLegend</code> explaining the colors of the <code>specialDates</code>.
-			 *
-			 * <b>Note</b> The legend does not have to be rendered but must exist, and all required types must be assigned.
-			 * @since 1.38.5
-			 */
-			legend: { type: "sap.ui.core.Control", multiple: false}
-		},
-		events : {
-
-			/**
-			 * Fired when navigating in <code>Calendar</code> popup.
-			 * @since 1.46.0
-			 */
-			navigate : {
-				parameters : {
+			},
 
-					/**
-					 * Date range containing the start and end date displayed in the <code>Calendar</code> popup.
-					 */
-					dateRange : {type : "sap.ui.unified.DateRange"},
+			aggregations : {
+
+				/**
+				 * Date Range with type to visualize special days in the Calendar.
+				 * If one day is assigned to more than one Type, only the first one will be used.
+				 *
+				 * To set a single date (instead of a range), set only the startDate property of the sap.ui.unified.DateRange class.
+				 *
+				 * <b>Note:</b> Since 1.48 you could set a non-working day via the sap.ui.unified.CalendarDayType.NonWorking
+				 * enum type just as any other special date type using sap.ui.unified.DateRangeType.
+				 *
+				 * @since 1.38.5
+				 */
+				specialDates : {type : "sap.ui.core.Element", multiple : true, singularName : "specialDate"},
+
+				/**
+				 * Internal aggregation that contains the inner picker pop-up.
+				 *
+				 * @since 1.70
+				 */
+				_popup: { type: "sap.m.ResponsivePopover", multiple : false, visibility: "hidden" }
+			},
 
-					/**
-					 * Indicates if the event is fired, due to popup being opened.
-					 */
-					afterPopupOpened : {type : "boolean"}
+			associations: {
 
-				}
+				/**
+				 * Association to the <code>CalendarLegend</code> explaining the colors of the <code>specialDates</code>.
+				 *
+				 * <b>Note</b> The legend does not have to be rendered but must exist, and all required types must be assigned.
+				 * @since 1.38.5
+				 */
+				legend: { type: "sap.ui.core.Control", multiple: false}
 			},
-
-			/**
-			 * 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 : {}
+			events : {
+
+				/**
+				 * Fired when navigating in <code>Calendar</code> popup.
+				 * @since 1.46.0
+				 */
+				navigate : {
+					parameters : {
+
+						/**
+						 * Date range containing the start and end date displayed in the <code>Calendar</code> popup.
+						 */
+						dateRange : {type : "sap.ui.unified.DateRange"},
+
+						/**
+						 * Indicates if the event is fired, due to popup being opened.
+						 */
+						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 }
 		},
-		designtime: "sap/m/designtime/DatePicker.designtime",
-		dnd: { draggable: false, droppable: true }
-	}});
+
+		renderer: DatePickerRenderer
+	});
 
 
 	/**
@@ -1441,7 +1446,7 @@ sap.ui.define([
 	};
 
 	DatePicker.prototype._getTimezone = function(bUseDefaultAsFallback) {
-		return sap.ui.getCore().getConfiguration().getTimezone();
+		return Configuration.getTimezone();
 	};
 
 	/* sets cursor inside the input in order to focus it */

package/src/sap/m/DateRangeSelection.js

@@ -19,6 +19,7 @@ sap.ui.define([
 	"sap/base/util/deepEqual",
 	"sap/base/Log",
 	"sap/base/assert",
+	"sap/ui/core/Configuration",
 	"sap/ui/dom/jquery/cursorPos" // jQuery Plugin "cursorPos"
 ],
 	function(
@@ -34,7 +35,8 @@ sap.ui.define([
 		CustomYearPicker,
 		deepEqual,
 		Log,
-		assert
+		assert,
+		Configuration
 	) {
 	"use strict";
 
@@ -128,48 +130,51 @@ sap.ui.define([
 	 * compact mode and provides a touch-friendly size in cozy mode.
 	 *
 	 * @extends sap.m.DatePicker
-	 * @version 1.106.0
-	 * @version 1.106.0
+	 * @version 1.107.1
+	 * @version 1.107.1
 	 *
 	 * @constructor
 	 * @public
 	 * @since 1.22.0
 	 * @alias sap.m.DateRangeSelection
-	 * @ui5-metamodel This control/element also will be described in the UI5 (legacy) designtime metamodel
 	 */
-	var DateRangeSelection = DatePicker.extend("sap.m.DateRangeSelection", /** @lends sap.m.DateRangeSelection.prototype */ { metadata : {
-
-		library : "sap.m",
-		properties : {
-
-			/**
-			 * Delimiter between start and end date. Default value is "-".
-			 * If no delimiter is given, the one defined for the used locale is used.
-			 */
-			delimiter : {type : "string", group : "Misc", defaultValue : '-'},
-
-			/**
-			 * The end date of the range as JavaScript Date object. This is independent from any formatter.
-			 *
-			 * <b>Note:</b> If this property is used, the <code>value</code> property should not be changed from the caller.
-			 */
-			secondDateValue : {type : "object", group : "Data", defaultValue : null},
-
-			/**
-			 * Start date of the range.
-			 * @deprecated since version 1.22.0, replaced by <code>dateValue</code> property of the {@link sap.m.DateTimeField}
-			 */
-			from : {type : "object", group : "Misc", defaultValue : null, deprecated: true},
-
-			/**
-			 * End date of the range.
-			 * @deprecated since version 1.22.0, replaced by <code>secondDateValue</code> property
-			 */
-			to : {type : "object", group : "Misc", defaultValue : null, deprecated: true}
+	var DateRangeSelection = DatePicker.extend("sap.m.DateRangeSelection", /** @lends sap.m.DateRangeSelection.prototype */ {
+		metadata : {
+
+			library : "sap.m",
+			properties : {
+
+				/**
+				 * Delimiter between start and end date. Default value is "-".
+				 * If no delimiter is given, the one defined for the used locale is used.
+				 */
+				delimiter : {type : "string", group : "Misc", defaultValue : '-'},
+
+				/**
+				 * The end date of the range as JavaScript Date object. This is independent from any formatter.
+				 *
+				 * <b>Note:</b> If this property is used, the <code>value</code> property should not be changed from the caller.
+				 */
+				secondDateValue : {type : "object", group : "Data", defaultValue : null},
+
+				/**
+				 * Start date of the range.
+				 * @deprecated since version 1.22.0, replaced by <code>dateValue</code> property of the {@link sap.m.DateTimeField}
+				 */
+				from : {type : "object", group : "Misc", defaultValue : null, deprecated: true},
+
+				/**
+				 * End date of the range.
+				 * @deprecated since version 1.22.0, replaced by <code>secondDateValue</code> property
+				 */
+				to : {type : "object", group : "Misc", defaultValue : null, deprecated: true}
+			},
+			designtime: "sap/m/designtime/DateRangeSelection.designtime",
+			dnd: { draggable: false, droppable: true }
 		},
-		designtime: "sap/m/designtime/DateRangeSelection.designtime",
-		dnd: { draggable: false, droppable: true }
-	}});
+
+		renderer: DateRangeSelectionRenderer
+	});
 
 	var HYPHEN = String.fromCharCode(45),
 		ENDASH = String.fromCharCode(8211),
@@ -235,7 +240,7 @@ sap.ui.define([
 
 		if (!sPlaceholder) {
 			oBinding = this.getBinding("value");
-			oLocale = sap.ui.getCore().getConfiguration().getFormatSettings().getFormatLocale();
+			oLocale = Configuration.getFormatSettings().getFormatLocale();
 			oLocaleData = LocaleData.getInstance(oLocale);
 
 			if (oBinding && oBinding.getType() && oBinding.getType().isA("sap.ui.model.type.DateInterval")) {
@@ -825,7 +830,7 @@ sap.ui.define([
 			if (!this._oDateRange.getEndDate() || this._oDateRange.getEndDate().getTime() !== oEndDate.getTime()) {
 				sFormattedEndDate = this._getPickerParser().format(
 					oEndDate,
-					sap.ui.getCore().getConfiguration().getTimezone()
+					Configuration.getTimezone()
 				);
 				oEndDate = this._getPickerParser().parse(sFormattedEndDate, TimezoneUtil.getLocalTimezone())[0];
 
@@ -842,7 +847,7 @@ sap.ui.define([
 	DateRangeSelection.prototype._selectDate = function () {
 		var aSelectedDates = this._getCalendar().getSelectedDates();
 		var sFormattedDate, oParts;
-		var sTimezone = sap.ui.getCore().getConfiguration().getTimezone();
+		var sTimezone = Configuration.getTimezone();
 
 		if (aSelectedDates.length > 0) {
 			var oDate1 = aSelectedDates[0].getStartDate();
@@ -1165,7 +1170,7 @@ sap.ui.define([
 
 		if (!sDelimiter) {
 			if (!this._sLocaleDelimiter) {
-				var oLocale = sap.ui.getCore().getConfiguration().getFormatSettings().getFormatLocale();
+				var oLocale = Configuration.getFormatSettings().getFormatLocale();
 				var oLocaleData = LocaleData.getInstance(oLocale);
 				var sPattern = oLocaleData.getIntervalPattern();
 				var iIndex1 = sPattern.indexOf("{0}") + 3;

package/src/sap/m/DateTimeField.js

@@ -19,6 +19,7 @@ sap.ui.define([
 	"sap/base/util/deepEqual",
 	"sap/base/Log",
 	"sap/ui/thirdparty/jquery",
+	"sap/ui/core/Configuration",
 	// jQuery Plugin "cursorPos"
 	"sap/ui/dom/jquery/cursorPos"
 ], function(
@@ -34,7 +35,8 @@ sap.ui.define([
 	DateTimeFieldRenderer,
 	deepEqual,
 	Log,
-	jQuery
+	jQuery,
+	Configuration
 ) {
 	"use strict";
 
@@ -59,13 +61,12 @@ sap.ui.define([
 	 * @extends sap.m.InputBase
 	 *
 	 * @author SAP SE
-	 * @version 1.106.0
+	 * @version 1.107.1
 	 *
 	 * @constructor
 	 * @public
 	 * @since 1.50.0
 	 * @alias sap.m.DateTimeField
-	 * @ui5-metamodel This control/element also will be described in the UI5 (legacy) designtime metamodel
 	 */
 	var DateTimeField = InputBase.extend("sap.m.DateTimeField", /** @lends sap.m.DateTimeField.prototype */ {
 		metadata: {
@@ -131,7 +132,9 @@ sap.ui.define([
 					}
 				}
 			}
-		}
+		},
+
+		renderer: DateTimeFieldRenderer
 	});
 
 	DateTimeField.prototype.setValue = function (sValue) {
@@ -364,7 +367,7 @@ sap.ui.define([
 
 	DateTimeField.prototype._getLocaleBasedPattern = function (sPlaceholder) {
 		return LocaleData.getInstance(
-			sap.ui.getCore().getConfiguration().getFormatSettings().getFormatLocale()
+			Configuration.getFormatSettings().getFormatLocale()
 		).getDatePattern(sPlaceholder);
 	};
 
@@ -410,7 +413,7 @@ sap.ui.define([
 				// convert to local date because it was parsed as UTC date
 				sFormatted = this._getTimezoneFormatter().format(oDate, "UTC");
 				oDateLocal = this._getTimezoneFormatter().parse(sFormatted,
-					sap.ui.getCore().getConfiguration().getTimezone())[0];
+					Configuration.getTimezone())[0];
 
 				oDate = oDateLocal;
 			}
@@ -435,7 +438,7 @@ sap.ui.define([
 		if (this._isSupportedBindingType(oBindingType)) {
 			if ((oBindingType.oFormatOptions && oBindingType.oFormatOptions.UTC) || (oBindingType.oConstraints && oBindingType.oConstraints.isDateOnly)) {
 				// convert to UTC date because it will be formatted as UTC date
-				sFormatted = this._getTimezoneFormatter().format(oDate, sap.ui.getCore().getConfiguration().getTimezone());
+				sFormatted = this._getTimezoneFormatter().format(oDate, Configuration.getTimezone());
 				oDateUTC = this._getTimezoneFormatter().parse(sFormatted, "UTC")[ 0 ];
 
 				oDate = oDateUTC;
@@ -503,7 +506,7 @@ sap.ui.define([
 		}
 
 		if (!sCalendarType) {
-			sCalendarType = sap.ui.getCore().getConfiguration().getCalendarType();
+			sCalendarType = Configuration.getCalendarType();
 		}
 
 		if (bDisplayFormat) {