@openui5/sap.ui.webc.main 1.115.0 → 1.116.0

package/src/sap/ui/webc/main/thirdparty/Calendar.js

@@ -1,10 +1,16 @@
-sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/localization/dates/CalendarDate", "sap/ui/webc/common/thirdparty/base/Render", "sap/ui/webc/common/thirdparty/base/Keys", "sap/ui/webc/common/thirdparty/localization/getCachedLocaleDataInstance", "sap/ui/webc/common/thirdparty/base/locale/getLocale", "sap/ui/webc/common/thirdparty/localization/DateFormat", "./CalendarDate", "./CalendarPart", "./CalendarHeader", "./DayPicker", "./MonthPicker", "./YearPicker", "./types/CalendarSelectionMode", "sap/ui/webc/common/thirdparty/localization/features/calendar/Gregorian", "./generated/templates/CalendarTemplate.lit", "./generated/themes/Calendar.css"], function (_exports, _CalendarDate, _Render, _Keys, _getCachedLocaleDataInstance, _getLocale, _DateFormat, CalendarDateComponent, _CalendarPart, _CalendarHeader, _DayPicker, _MonthPicker, _YearPicker, _CalendarSelectionMode, _Gregorian, _CalendarTemplate, _Calendar) {
+sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/decorators/customElement", "sap/ui/webc/common/thirdparty/base/decorators/event", "sap/ui/webc/common/thirdparty/base/decorators/property", "sap/ui/webc/common/thirdparty/base/decorators/slot", "sap/ui/webc/common/thirdparty/localization/dates/transformDateToSecondaryType", "sap/ui/webc/common/thirdparty/localization/dates/convertMonthNumbersToMonthNames", "sap/ui/webc/common/thirdparty/localization/dates/CalendarDate", "sap/ui/webc/common/thirdparty/base/Render", "sap/ui/webc/common/thirdparty/base/Keys", "sap/ui/webc/common/thirdparty/localization/getCachedLocaleDataInstance", "sap/ui/webc/common/thirdparty/base/locale/getLocale", "sap/ui/webc/common/thirdparty/localization/DateFormat", "./CalendarDate", "./CalendarPart", "./CalendarHeader", "./DayPicker", "./MonthPicker", "./YearPicker", "./types/CalendarSelectionMode", "./types/CalendarPickersMode", "sap/ui/webc/common/thirdparty/localization/features/calendar/Gregorian", "./generated/templates/CalendarTemplate.lit", "./generated/themes/Calendar.css"], function (_exports, _customElement, _event, _property, _slot, _transformDateToSecondaryType, _convertMonthNumbersToMonthNames, _CalendarDate, _Render, _Keys, _getCachedLocaleDataInstance, _getLocale, _DateFormat, CalendarDateComponent, _CalendarPart, _CalendarHeader, _DayPicker, _MonthPicker, _YearPicker, _CalendarSelectionMode, _CalendarPickersMode, _Gregorian, _CalendarTemplate, _Calendar) {
   "use strict";
 
   Object.defineProperty(_exports, "__esModule", {
     value: true
   });
   _exports.default = void 0;
+  _customElement = _interopRequireDefault(_customElement);
+  _event = _interopRequireDefault(_event);
+  _property = _interopRequireDefault(_property);
+  _slot = _interopRequireDefault(_slot);
+  _transformDateToSecondaryType = _interopRequireDefault(_transformDateToSecondaryType);
+  _convertMonthNumbersToMonthNames = _interopRequireDefault(_convertMonthNumbersToMonthNames);
   _CalendarDate = _interopRequireDefault(_CalendarDate);
   _getCachedLocaleDataInstance = _interopRequireDefault(_getCachedLocaleDataInstance);
   _getLocale = _interopRequireDefault(_getLocale);
@@ -16,116 +22,19 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/localization/dates/Cale
   _MonthPicker = _interopRequireDefault(_MonthPicker);
   _YearPicker = _interopRequireDefault(_YearPicker);
   _CalendarSelectionMode = _interopRequireDefault(_CalendarSelectionMode);
+  _CalendarPickersMode = _interopRequireDefault(_CalendarPickersMode);
   _CalendarTemplate = _interopRequireDefault(_CalendarTemplate);
   _Calendar = _interopRequireDefault(_Calendar);
   function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
   function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
   function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-  // Default calendar for bundling
-
-  // Template
-
-  // Styles
-
-  /**
-   * @public
-   */
-  const metadata = {
-    tag: "ui5-calendar",
-    fastNavigation: true,
-    properties: /** @lends sap.ui.webcomponents.main.Calendar.prototype */{
-      /**
-       * Defines the type of selection used in the calendar component.
-       * Accepted property values are:<br>
-       * <ul>
-       * <li><code>CalendarSelectionMode.Single</code> - enables a single date selection.(default value)</li>
-       * <li><code>CalendarSelectionMode.Range</code> - enables selection of a date range.</li>
-       * <li><code>CalendarSelectionMode.Multiple</code> - enables selection of multiple dates.</li>
-       * </ul>
-       * @type {CalendarSelectionMode}
-       * @defaultvalue "Single"
-       * @public
-       */
-      selectionMode: {
-        type: _CalendarSelectionMode.default,
-        defaultValue: _CalendarSelectionMode.default.Single
-      },
-      /**
-       * Defines the visibility of the week numbers column.
-       * <br><br>
-       *
-       * <b>Note:</b> For calendars other than Gregorian,
-       * the week numbers are not displayed regardless of what is set.
-       *
-       * @type {boolean}
-       * @defaultvalue false
-       * @public
-       */
-      hideWeekNumbers: {
-        type: Boolean
-      },
-      /**
-       * Which picker is currently visible to the user: day/month/year
-       */
-      _currentPicker: {
-        type: String,
-        defaultValue: "day"
-      },
-      _previousButtonDisabled: {
-        type: Boolean
-      },
-      _nextButtonDisabled: {
-        type: Boolean
-      },
-      _headerMonthButtonText: {
-        type: String
-      },
-      _headerYearButtonText: {
-        type: String
-      }
-    },
-    managedSlots: true,
-    slots: /** @lends sap.ui.webcomponents.main.Calendar.prototype */{
-      /**
-       * Defines the selected date or dates (depending on the <code>selectionMode</code> property) for this calendar as instances of <code>ui5-date</code>
-       *
-       * @type {sap.ui.webcomponents.main.ICalendarDate[]}
-       * @slot dates
-       * @public
-       */
-      "default": {
-        propertyName: "dates",
-        type: HTMLElement,
-        invalidateOnChildChange: true
-      }
-    },
-    events: /** @lends sap.ui.webcomponents.main.Calendar.prototype */{
-      /**
-       * Fired when the selected dates change.
-       * <b>Note:</b> If you call <code>preventDefault()</code> for this event, the component will not
-       * create instances of <code>ui5-date</code> for the newly selected dates. In that case you should do this manually.
-       *
-       * @event sap.ui.webcomponents.main.Calendar#selected-dates-change
-       * @allowPreventDefault
-       * @param {Array} values The selected dates
-       * @param {Array} dates The selected dates as UTC timestamps
-       * @public
-       */
-      "selected-dates-change": {
-        detail: {
-          dates: {
-            type: Array
-          },
-          values: {
-            type: Array
-          }
-        }
-      },
-      "show-month-press": {},
-      "show-year-press": {}
-    }
+  var __decorate = void 0 && (void 0).__decorate || function (decorators, target, key, desc) {
+    var c = arguments.length,
+      r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc,
+      d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
   };
-
   /**
    * @class
    *
@@ -233,46 +142,34 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/localization/dates/Cale
    *
    * @constructor
    * @author SAP SE
-   * @alias sap.ui.webcomponents.main.Calendar
-   * @extends CalendarPart
+   * @alias sap.ui.webc.main.Calendar
+   * @extends sap.ui.webc.main.CalendarPart
    * @tagname ui5-calendar
-   * @appenddocs CalendarDate
+   * @appenddocs sap.ui.webc.main.CalendarDate
    * @public
    * @since 1.0.0-rc.11
    */
-  class Calendar extends _CalendarPart.default {
-    static get metadata() {
-      return metadata;
-    }
-    static get template() {
-      return _CalendarTemplate.default;
-    }
-    static get styles() {
-      return _Calendar.default;
-    }
-
+  let Calendar = class Calendar extends _CalendarPart.default {
     /**
      * @private
      */
     get _selectedDatesTimestamps() {
       return this.dates.map(date => {
         const value = date.value;
-        return value && !!this.getFormat().parse(value) ? this._getTimeStampFromString(value) / 1000 : undefined;
+        const validValue = value && !!this.getFormat().parse(value);
+        return validValue ? this._getTimeStampFromString(value) / 1000 : undefined;
       }).filter(date => !!date);
     }
-
     /**
      * @private
      */
     _setSelectedDates(selectedDates) {
       const selectedValues = selectedDates.map(timestamp => this.getFormat().format(new Date(timestamp * 1000), true)); // Format as UTC
       const valuesInDOM = [...this.dates].map(dateElement => dateElement.value);
-
       // Remove all elements for dates that are no longer selected
       this.dates.filter(dateElement => !selectedValues.includes(dateElement.value)).forEach(dateElement => {
         this.removeChild(dateElement);
       });
-
       // Create tags for the selected dates that don't already exist in DOM
       selectedValues.filter(value => !valuesInDOM.includes(value)).forEach(value => {
         const dateElement = document.createElement(CalendarDateComponent.default.getMetadata().getTag());
@@ -280,6 +177,20 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/localization/dates/Cale
         this.appendChild(dateElement);
       });
     }
+    /**
+     * Makes sure that _currentPicker is always set to a value, allowed by _pickersMode
+     */
+    _normalizeCurrentPicker() {
+      if (this._currentPicker === "day" && this._pickersMode !== _CalendarPickersMode.default.DAY_MONTH_YEAR) {
+        this._currentPicker = "month";
+      }
+      if (this._currentPicker === "month" && this._pickersMode === _CalendarPickersMode.default.YEAR) {
+        this._currentPicker = "year";
+      }
+    }
+    onBeforeRendering() {
+      this._normalizeCurrentPicker();
+    }
     async onAfterRendering() {
       await (0, _Render.renderFinished)(); // Await for the current picker to render and then ask if it has previous/next pages
       this._previousButtonDisabled = !this._currentPickerDOM._hasPreviousPage();
@@ -299,42 +210,57 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/localization/dates/Cale
       } else {
         this._headerYearButtonText = String(yearFormat.format(this._localDate, true));
       }
+      this.secondaryCalendarType && this._setSecondaryCalendarTypeButtonText();
     }
-
     /**
      * The user clicked the "month" button in the header
      */
-    onHeaderShowMonthPress(event) {
+    onHeaderShowMonthPress(e) {
       this._currentPickerDOM._autoFocus = false;
       this._currentPicker = "month";
-      this.fireEvent("show-month-press", event);
+      this.fireEvent("show-month-press", e);
     }
-
     /**
      * The user clicked the "year" button in the header
      */
-    onHeaderShowYearPress(event) {
+    onHeaderShowYearPress(e) {
       this._currentPickerDOM._autoFocus = false;
       this._currentPicker = "year";
-      this.fireEvent("show-year-press", event);
+      this.fireEvent("show-year-press", e);
     }
     get _currentPickerDOM() {
+      // Calendar's shadowRoot and all the pickers are always present - the "!" is safe to be used.
       return this.shadowRoot.querySelector(`[ui5-${this._currentPicker}picker]`);
     }
-
     /**
      * The year clicked the "Previous" button in the header
      */
     onHeaderPreviousPress() {
       this._currentPickerDOM._showPreviousPage();
     }
-
     /**
      * The year clicked the "Next" button in the header
      */
     onHeaderNextPress() {
       this._currentPickerDOM._showNextPage();
     }
+    _setSecondaryCalendarTypeButtonText() {
+      const yearFormatSecType = _DateFormat.default.getDateInstance({
+        format: "y",
+        calendarType: this.secondaryCalendarType
+      });
+      if (this._currentPicker === "year") {
+        const rangeStart = new _CalendarDate.default(this._calendarDate, this._primaryCalendarType);
+        const rangeEnd = new _CalendarDate.default(this._calendarDate, this._primaryCalendarType);
+        rangeStart.setYear(this._currentPickerDOM._firstYear);
+        rangeEnd.setYear(this._currentPickerDOM._lastYear);
+        const rangeStartSecType = (0, _transformDateToSecondaryType.default)(this.primaryCalendarType, this.secondaryCalendarType, rangeStart.valueOf() / 1000, true).firstDate;
+        const rangeEndSecType = (0, _transformDateToSecondaryType.default)(this.primaryCalendarType, this.secondaryCalendarType, rangeEnd.valueOf() / 1000, true).lastDate;
+        this._headerYearButtonTextSecType = `${yearFormatSecType.format(rangeStartSecType.toLocalJSDate(), true)} - ${yearFormatSecType.format(rangeEndSecType.toLocalJSDate(), true)}`;
+      } else {
+        this._headerYearButtonTextSecType = String(yearFormatSecType.format(this._localDate, true));
+      }
+    }
     get secondaryCalendarTypeButtonText() {
       if (!this.secondaryCalendarType) {
         return;
@@ -344,54 +270,15 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/localization/dates/Cale
         format: "y",
         calendarType: this.secondaryCalendarType
       });
-      const secondMonthInfo = this._getDisplayedSecondaryMonthText();
+      const dateInSecType = (0, _transformDateToSecondaryType.default)(this._primaryCalendarType, this.secondaryCalendarType, this._timestamp);
+      const secondMonthInfo = (0, _convertMonthNumbersToMonthNames.default)(dateInSecType.firstDate.getMonth(), dateInSecType.lastDate.getMonth(), this.secondaryCalendarType);
       const secondYearText = secondYearFormat.format(localDate, true);
       return {
         yearButtonText: secondYearText,
         monthButtonText: secondMonthInfo.text,
-        monthButtonInfo: secondMonthInfo.info
-      };
-    }
-    _getDisplayedSecondaryMonthText() {
-      const month = this._getDisplayedSecondaryMonths();
-      const localeData = (0, _getCachedLocaleDataInstance.default)((0, _getLocale.default)());
-      const pattern = localeData.getIntervalPattern();
-      const secondaryMonthsNames = (0, _getCachedLocaleDataInstance.default)((0, _getLocale.default)()).getMonthsStandAlone("abbreviated", this.secondaryCalendarType);
-      const secondaryMonthsNamesWide = (0, _getCachedLocaleDataInstance.default)((0, _getLocale.default)()).getMonthsStandAlone("wide", this.secondaryCalendarType);
-      if (month.startMonth === month.endMonth) {
-        return {
-          text: localeData.getMonths("abbreviated", this.secondaryCalendarType)[month.startMonth],
-          textInfo: localeData.getMonths("wide", this.secondaryCalendarType)[month.startMonth]
-        };
-      }
-      return {
-        text: pattern.replace(/\{0\}/, secondaryMonthsNames[month.startMonth]).replace(/\{1\}/, secondaryMonthsNames[month.endMonth]),
-        textInfo: pattern.replace(/\{0\}/, secondaryMonthsNamesWide[month.startMonth]).replace(/\{1\}/, secondaryMonthsNamesWide[month.endMonth])
-      };
-    }
-    _getDisplayedSecondaryMonths() {
-      const localDate = new Date(this._timestamp * 1000);
-      let firstDate = _CalendarDate.default.fromLocalJSDate(localDate, this._primaryCalendarType);
-      firstDate.setDate(1);
-      firstDate = new _CalendarDate.default(firstDate, this.secondaryCalendarType);
-      const startMonth = firstDate.getMonth();
-      let lastDate = _CalendarDate.default.fromLocalJSDate(localDate, this._primaryCalendarType);
-      lastDate.setDate(this._getDaysInMonth(lastDate));
-      lastDate = new _CalendarDate.default(lastDate, this.secondaryCalendarType);
-      const endMonth = lastDate.getMonth();
-      return {
-        startMonth,
-        endMonth
+        monthButtonInfo: secondMonthInfo.textInfo
       };
     }
-    _getDaysInMonth(date) {
-      const tempCalendarDate = new _CalendarDate.default(date);
-      tempCalendarDate.setDate(1);
-      tempCalendarDate.setMonth(tempCalendarDate.getMonth() + 1);
-      tempCalendarDate.setDate(0);
-      return tempCalendarDate.getDate();
-    }
-
     /**
      * The month button is hidden when the month picker or year picker is shown
      * @returns {boolean}
@@ -409,16 +296,13 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/localization/dates/Cale
     get _isYearPickerHidden() {
       return this._currentPicker !== "year";
     }
-    onSelectedDatesChange(event) {
-      const timestamp = event.detail.timestamp;
-      const selectedDates = event.detail.dates;
-      const datesValues = selectedDates.map(ts => {
-        const calendarDate = _CalendarDate.default.fromTimestamp(ts * 1000, this._primaryCalendarType);
+    _fireEventAndUpdateSelectedDates(selectedDates) {
+      const datesValues = selectedDates.map(timestamp => {
+        const calendarDate = _CalendarDate.default.fromTimestamp(timestamp * 1000, this._primaryCalendarType);
         return this.getFormat().format(calendarDate.toUTCJSDate(), true);
       });
-      this.timestamp = timestamp;
       const defaultPrevented = !this.fireEvent("selected-dates-change", {
-        timestamp,
+        timestamp: this.timestamp,
         dates: [...selectedDates],
         values: datesValues
       }, true);
@@ -426,28 +310,41 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/localization/dates/Cale
         this._setSelectedDates(selectedDates);
       }
     }
-    onSelectedMonthChange(event) {
-      this.timestamp = event.detail.timestamp;
-      this._currentPicker = "day";
+    onSelectedDatesChange(e) {
+      this.timestamp = e.detail.timestamp;
+      this._fireEventAndUpdateSelectedDates(e.detail.dates);
+    }
+    onSelectedMonthChange(e) {
+      this.timestamp = e.detail.timestamp;
+      if (this._pickersMode === _CalendarPickersMode.default.DAY_MONTH_YEAR) {
+        this._currentPicker = "day";
+      } else {
+        this._fireEventAndUpdateSelectedDates([this.timestamp]);
+      }
       this._currentPickerDOM._autoFocus = true;
     }
-    onSelectedYearChange(event) {
-      this.timestamp = event.detail.timestamp;
-      this._currentPicker = "day";
+    onSelectedYearChange(e) {
+      this.timestamp = e.detail.timestamp;
+      if (this._pickersMode === _CalendarPickersMode.default.DAY_MONTH_YEAR) {
+        this._currentPicker = "day";
+      } else if (this._pickersMode === _CalendarPickersMode.default.MONTH_YEAR) {
+        this._currentPicker = "month";
+      } else {
+        this._fireEventAndUpdateSelectedDates([this.timestamp]);
+      }
       this._currentPickerDOM._autoFocus = true;
     }
-    onNavigate(event) {
-      this.timestamp = event.detail.timestamp;
+    onNavigate(e) {
+      this.timestamp = e.detail.timestamp;
     }
-    _onkeydown(event) {
-      if ((0, _Keys.isF4)(event) && this._currentPicker !== "month") {
+    _onkeydown(e) {
+      if ((0, _Keys.isF4)(e) && this._currentPicker !== "month") {
         this._currentPicker = "month";
       }
-      if ((0, _Keys.isF4Shift)(event) && this._currentPicker !== "year") {
+      if ((0, _Keys.isF4Shift)(e) && this._currentPicker !== "year") {
         this._currentPicker = "year";
       }
     }
-
     /**
      * Returns an array of UTC timestamps, representing the selected dates.
      * @protected
@@ -456,20 +353,72 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/localization/dates/Cale
     get selectedDates() {
       return this._selectedDatesTimestamps;
     }
-
     /**
      * Creates instances of <code>ui5-date</code> inside this <code>ui5-calendar</code> with values, equal to the provided UTC timestamps
      * @protected
      * @deprecated
-     * @param selectedDates Array of UTC timestamps
+     * @param { Array<number> } selectedDates Array of UTC timestamps
      */
     set selectedDates(selectedDates) {
       this._setSelectedDates(selectedDates);
     }
-    static get dependencies() {
-      return [CalendarDateComponent.default, _CalendarHeader.default, _DayPicker.default, _MonthPicker.default, _YearPicker.default];
+  };
+  __decorate([(0, _property.default)({
+    type: _CalendarSelectionMode.default,
+    defaultValue: _CalendarSelectionMode.default.Single
+  })], Calendar.prototype, "selectionMode", void 0);
+  __decorate([(0, _property.default)({
+    type: Boolean
+  })], Calendar.prototype, "hideWeekNumbers", void 0);
+  __decorate([(0, _property.default)({
+    defaultValue: "day"
+  })], Calendar.prototype, "_currentPicker", void 0);
+  __decorate([(0, _property.default)({
+    type: Boolean
+  })], Calendar.prototype, "_previousButtonDisabled", void 0);
+  __decorate([(0, _property.default)({
+    type: Boolean
+  })], Calendar.prototype, "_nextButtonDisabled", void 0);
+  __decorate([(0, _property.default)()], Calendar.prototype, "_headerMonthButtonText", void 0);
+  __decorate([(0, _property.default)()], Calendar.prototype, "_headerYearButtonText", void 0);
+  __decorate([(0, _property.default)()], Calendar.prototype, "_headerYearButtonTextSecType", void 0);
+  __decorate([(0, _property.default)({
+    type: _CalendarPickersMode.default,
+    defaultValue: _CalendarPickersMode.default.DAY_MONTH_YEAR,
+    noAttribute: true
+  })], Calendar.prototype, "_pickersMode", void 0);
+  __decorate([(0, _slot.default)({
+    type: HTMLElement,
+    invalidateOnChildChange: true,
+    "default": true
+  })], Calendar.prototype, "dates", void 0);
+  Calendar = __decorate([(0, _customElement.default)({
+    tag: "ui5-calendar",
+    fastNavigation: true,
+    template: _CalendarTemplate.default,
+    styles: _Calendar.default,
+    dependencies: [CalendarDateComponent.default, _CalendarHeader.default, _DayPicker.default, _MonthPicker.default, _YearPicker.default]
+  })
+  /**
+   * Fired when the selected dates change.
+   * <b>Note:</b> If you call <code>preventDefault()</code> for this event, the component will not
+   * create instances of <code>ui5-date</code> for the newly selected dates. In that case you should do this manually.
+   *
+   * @event sap.ui.webc.main.Calendar#selected-dates-change
+   * @allowPreventDefault
+   * @param {Array} values The selected dates
+   * @param {Array} dates The selected dates as UTC timestamps
+   * @public
+   */, (0, _event.default)("selected-dates-change", {
+    detail: {
+      dates: {
+        type: Array
+      },
+      values: {
+        type: Array
+      }
     }
-  }
+  }), (0, _event.default)("show-month-press"), (0, _event.default)("show-year-press")], Calendar);
   Calendar.define();
   var _default = Calendar;
   _exports.default = _default;

package/src/sap/ui/webc/main/thirdparty/CalendarDate.js

@@ -1,30 +1,21 @@
-sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/UI5Element"], function (_exports, _UI5Element) {
+sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/decorators/customElement", "sap/ui/webc/common/thirdparty/base/decorators/property", "sap/ui/webc/common/thirdparty/base/UI5Element"], function (_exports, _customElement, _property, _UI5Element) {
   "use strict";
 
   Object.defineProperty(_exports, "__esModule", {
     value: true
   });
   _exports.default = void 0;
+  _customElement = _interopRequireDefault(_customElement);
+  _property = _interopRequireDefault(_property);
   _UI5Element = _interopRequireDefault(_UI5Element);
   function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-  /**
-  * @public
-  */
-  const metadata = {
-    tag: "ui5-date",
-    properties: /** @lends sap.ui.webcomponents.main.CalendarDate.prototype */{
-      /**
-       * The date formatted according to the <code>formatPattern</code> property of the <code>ui5-calendar</code> that hosts the component
-       *
-       * @type {string}
-       * @public
-       */
-      value: {
-        type: String
-      }
-    }
+  var __decorate = void 0 && (void 0).__decorate || function (decorators, target, key, desc) {
+    var c = arguments.length,
+      r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc,
+      d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
   };
-
   /**
    * @class
    *
@@ -34,17 +25,16 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/UI5Element"], func
    *
    * @constructor
    * @author SAP SE
-   * @alias sap.ui.webcomponents.main.CalendarDate
-   * @extends sap.ui.webcomponents.base.UI5Element
+   * @alias sap.ui.webc.main.CalendarDate
+   * @extends sap.ui.webc.base.UI5Element
+   * @abstract
    * @tagname ui5-date
-   * @implements sap.ui.webcomponents.main.ICalendarDate
+   * @implements sap.ui.webc.main.ICalendarDate
    * @public
    */
-  class CalendarDate extends _UI5Element.default {
-    static get metadata() {
-      return metadata;
-    }
-  }
+  let CalendarDate = class CalendarDate extends _UI5Element.default {};
+  __decorate([(0, _property.default)()], CalendarDate.prototype, "value", void 0);
+  CalendarDate = __decorate([(0, _customElement.default)("ui5-date")], CalendarDate);
   CalendarDate.define();
   var _default = CalendarDate;
   _exports.default = _default;