@oracle/oraclejet 12.0.1 → 12.0.2

package/dist/css/stable/oj-stable.css

@@ -333,7 +333,7 @@
   visibility: hidden; }
 
 .oj-theme-json {
-  font-family: '{"name":"stable","targetPlatform":"all","behavior":"redwood","jetReleaseVersion":"v12.0.1"}' !important; }
+  font-family: '{"name":"stable","targetPlatform":"all","behavior":"redwood","jetReleaseVersion":"v12.0.2"}' !important; }
 
 .oj-helper-hidden-accessible {
   border: 0;

package/dist/js/libs/oj/debug/ojcheckboxset.js

@@ -1173,11 +1173,7 @@ var __oj_checkboxset_metadata =
           }
 
           // if readonly, set tabindex on the wrapper
-          if (this.options.readOnly) {
-            let domElem = this.element[0];
-            let wrapperDom = domElem.querySelector('.oj-checkboxset-wrapper');
-            wrapperDom.setAttribute('tabindex', this._externalTabIndex);
-          }
+          this._updateReadonlyState();
           this._on(this._events);
           this._setup();
         },
@@ -2058,6 +2054,43 @@ var __oj_checkboxset_metadata =
 
           this.$checkboxes._ojRadioCheckbox('refreshDisabled'); // re-render disabled
         },
+
+        /**
+         * Updates the component's state based on whether or not it is in the readonly
+         * state.
+         * @private
+         * @memberof! oj.ojCheckboxSet
+         */
+         _updateReadonlyState: function () {
+          const wrapperDom = this.element[0].querySelector('.oj-checkboxset-wrapper');
+          if (this.options.readOnly) {
+            wrapperDom.setAttribute('tabindex', this._externalTabIndex);
+            this.element.addClass('oj-read-only');
+
+            // JET-49297 - reassess accessibility implementation of 'readonly' checkboxset
+            // In readonly mode, we will not have any checkbox input in the visible DOM. Thus,
+            // in this state it will just be showing generic text based on the value selected.
+            // So, we need to clean up the role along with the aria-labelledby attributes we added
+            // for that role to make things accessible.
+            this.element.removeAttr('role').removeAttr('aria-labelledby');
+            return;
+          }
+
+          // remove tabindex and role
+          wrapperDom.removeAttribute('tabindex');
+          this.element.removeClass('oj-read-only');
+
+          // JET-49297 - reassess accessibility implementation of 'readonly' checkboxset
+          // add back the role and aria attributes removed before
+          this.element.attr('role', 'group');
+          this._labelledByUpdatedForSet(
+            this.widget()[0].id,
+            null,
+            this.options.labelledBy,
+            this.widget()
+          );
+        },
+
     /**
      * @override
      * @private
@@ -2073,17 +2106,8 @@ var __oj_checkboxset_metadata =
               break;
             case 'readOnly':
               this.options.readOnly = !!value;
-              var wrapperDom = this.element[0].querySelector('.oj-checkboxset-wrapper');
               var val = this.options.value;
-              if (this.options.readOnly) {
-                wrapperDom.setAttribute('tabindex', this._externalTabIndex);
-                this.element.addClass('oj-read-only');
-              } else {
-                // remove tabindex and role
-                wrapperDom.removeAttribute('tabindex');
-                // remove oj-read-only class
-                this.element.removeClass('oj-read-only');
-              }
+              this._updateReadonlyState();
               this._ResetComponentState();
               // when toggle readonly to false, we need to check the initial set values.
               if (val != null) {

package/dist/js/libs/oj/debug/ojconverter-nativedatetime.js

@@ -572,10 +572,10 @@ define(['exports', 'ojs/ojlogger', 'ojs/ojconfig', 'ojs/ojlocaledata', 'ojs/ojco
             short: { year: 'y', month_s: 'M', month_m: 'MMM', day: 'd' }
         },
         timeStyle: {
-            full: { hour: 'h', minute: 'm', second: 's', timeZoneName: 'zzzz' },
-            long: { hour: 'h', minute: 'm', second: 's', timeZoneName: 'z' },
-            medium: { hour: 'h', minute: 'm', second: 's' },
-            short: { hour: 'h', minute: 'm' }
+            full: { hour: 'h', minute: 'mm', second: 'ss', timeZoneName: 'zzzz' },
+            long: { hour: 'h', minute: 'mm', second: 'ss', timeZoneName: 'z' },
+            medium: { hour: 'h', minute: 'mm', second: 'ss' },
+            short: { hour: 'h', minute: 'mm' }
         }
     };
     NativeDateTimeConstants._ALPHA_REGEXP = /([a-zA-Z]+)/;

package/dist/js/libs/oj/debug/ojconverterutils-i18n.js

@@ -5,7 +5,7 @@
  * as shown at https://oss.oracle.com/licenses/upl/
  * @ignore
  */
-define(['exports', 'ojs/ojcore-base', 'ojs/ojtranslation', 'jquery', 'ojs/ojconverterutils', 'ojs/ojvalidation-error', 'ojs/ojlogger'], function (exports, oj, Translations, $, ConverterUtils, ojvalidationError, Logger) { 'use strict';
+define(['exports', 'ojs/ojcore-base', 'ojs/ojtranslation', 'jquery', 'ojs/ojconverterutils', 'ojs/ojvalidation-error'], function (exports, oj, Translations, $, ConverterUtils, ojvalidationError) { 'use strict';
 
   oj = oj && Object.prototype.hasOwnProperty.call(oj, 'default') ? oj['default'] : oj;
   $ = $ && Object.prototype.hasOwnProperty.call($, 'default') ? $['default'] : $;
@@ -1212,44 +1212,10 @@ define(['exports', 'ojs/ojcore-base', 'ojs/ojtranslation', 'jquery', 'ojs/ojconv
     return OraI18nUtils.getISOStrFormatType(isoStr);
   };
 
-  /**
-   * Will issue a warning if the ISO string value has a time portion specified.  For input date, we only
-   * want the date portion of the ISO string specified.  We pass in a logger function so that this function
-   * can be tested by providing an alternate function.  See pattern library for useControlledVariantWarning
-   * @param {string} name The name is used for logging purposes only
-   * @param {string} value The iSO string value to be tested
-   * @param {function} logger The method used to log the warning
-   * @memberof oj.IntlConverterUtils
-   * @method _warnIfISOFormatHasTime
-   * @private
-   */
-  IntlConverterUtils._warnIfISOFormatHasTime = function (name, value, logger = Logger.warn) {
-    if (value && value.indexOf('T') !== -1) {
-      logger(`${name} iso string value should not include a time value for oj-input-date component.`);
-    }
-  };
 
   /**
-   * This method will verify that the value, min, and max iso strings
-   * contain no time component, and issue warnings if they do, and then
-   * call _verifyValueMinMax to verify the time portion if the iso string.
-   * @param {string} value iso string value for the component value
-   * @param {string} min iso string value for the min property
-   * @param {string} max iso string value for the max property
-   */
-  IntlConverterUtils._verifyValueMinMaxNoTime = function (value, min, max) {
-    // call _warnIfISOFormatHasTime for each parameter
-    Object.entries({ value, min, max }).forEach(
-      ([k, v]) => IntlConverterUtils._warnIfISOFormatHasTime(k, v));
-
-    IntlConverterUtils._verifyValueMinMax(value, min, max);
-  };
-
-  /**
-   * Checks that min and max are parseable isoStrings, and that they
-   * are the same type as each other and as the value option.
-   * Logs a warning if value, min, max are not all iso strings, or are not of the same type.
-   * In a future release this will throw an error.
+   * Checks that min and max and value are parseable isoStrings,
+   * Logs a warning if value, min, max are not all iso strings.
    *
    * @throws {Error} if value, min, max are not all iso strings, or are not of the same type.
    * @param {string} value
@@ -1263,10 +1229,6 @@ define(['exports', 'ojs/ojcore-base', 'ojs/ojtranslation', 'jquery', 'ojs/ojconv
    * @private
    */
    IntlConverterUtils._verifyValueMinMax = function (value, min, max) {
-    let valueIsoFormat;
-    let minIsoFormat;
-    let maxIsoFormat;
-
     // If value or min or max is not an iso string (say 'abc' or '2021/03/03'),
     // the datepicker renders, but you see an inline converter error meant only for an application
     // developer under the field, 'Please provide valid ISO 8601 string'.
@@ -1274,54 +1236,18 @@ define(['exports', 'ojs/ojcore-base', 'ojs/ojtranslation', 'jquery', 'ojs/ojconv
     // ** e.g., set oj-input-number value='abc' and an error is thrown in the console.
     // In v11 we logged the warning and monitored FA tests for this warning. After six months or so
     // we saw no warnings and so now in v12 we will throw an error.
-    if (value) {
-      try {
-        valueIsoFormat = IntlConverterUtils._getISOStrFormatType(value);
-      } catch (e) {
-        // We weren't checking this in pre-v11.
-        throw new Error('value must be an iso string: ' + e);
-      }
-    }
 
-    if (min) {
-      try {
-        minIsoFormat = IntlConverterUtils._getISOStrFormatType(min);
-      } catch (e) {
-        throw new Error('min must be an iso string: ' + e);
-      }
-    }
-
-    if (max) {
-      try {
-        maxIsoFormat = IntlConverterUtils._getISOStrFormatType(max);
-      } catch (e) {
-        throw new Error('max must be an iso string: ' + e);
-      }
-    }
-
-    // Issue two is.
-    // If value and min and max are not of the same iso string type: zulu, offset, or local,
-    // we coerced to the same type so that we could easily compare them,
-    // like min <= value <= max. In v11, we warned. In v12 we throw an error
-    // if they are not of the same type,
-
-    if (value && min && max &&
-      !(valueIsoFormat === minIsoFormat && valueIsoFormat === maxIsoFormat)) {
-      throw new Error(`min and max must be in the same iso string format as value.
-    value is in ${valueIsoFormat} format.`);
-    }
-    if (value && min && !(valueIsoFormat === minIsoFormat)) {
-      throw new Error(`min must be in the same iso string format as value.
-    value is in ${valueIsoFormat} format.`);
-    }
-    if (value && max && !(valueIsoFormat === maxIsoFormat)) {
-      throw new Error(`max must be in the same iso string format as value.
-      value is in ${valueIsoFormat} format.`);
-    }
-    if (min && max && !(minIsoFormat === maxIsoFormat)) {
-      throw new Error(`min and max must be in the same iso string format.
-      min is in ${minIsoFormat} format and max is in ${maxIsoFormat} format.`);
-    }
+    Object.entries({ value, min, max }).forEach(
+      ([k, v]) => {
+        if (v) {
+          try {
+            IntlConverterUtils._getISOStrFormatType(v);
+          } catch (e) {
+            // We weren't checking this in pre-v11.
+            throw new Error(`${k} must be an iso string: ${e}`);
+          }
+        }
+      });
   };
 
   /**

package/dist/js/libs/oj/debug/ojcore-base.js

@@ -37,12 +37,12 @@ define(['ojs/ojlogger'], function (Logger) { 'use strict';
      * @global
      * @member {string} version JET version numberr
      */
-    version: '12.0.1',
+    version: '12.0.2',
     /**
      * @global
      * @member {string} revision JET source code revision number
      */
-    revision: '2022-02-16_11-15-51',
+    revision: '2022-03-10_18-27-13',
 
     // This function is only meant to be used outside the library, so quoting the name
     // to avoid renaming is appropriate

package/dist/js/libs/oj/debug/ojdatagrid.js

@@ -20603,7 +20603,8 @@ var __oj_data_grid_metadata =
       allowResizeWithinSelection = true;
     }
     let selectedHeaders;
-    if (this.m_selection && this.m_selection.length && allowResizeWithinSelection) {
+    if (this.m_selection && this.m_selection.length && allowResizeWithinSelection &&
+        !this.m_discontiguousSelection) {
       selectedHeaders = this._getHeadersWithinSelection(this.m_selection[0],
                                     resizingElementIndex, resizingElementAxis);
     }
@@ -20616,10 +20617,9 @@ var __oj_data_grid_metadata =
           } else {
             this.resizeRowHeight(this.getElementDir(selectedHeaders[i], 'height'), newHeight);
           }
-          // set the information we want to callback with in the resize event and callback
-
-          this._fireResizeEvent(event, oldWidth, oldHeight, newWidth, newHeight, size);
         }
+        // set the information we want to callback with in the resize event and callback
+        this._fireResizeEvent(event, oldWidth, oldHeight, newWidth, newHeight, size);
       }
     } else {
       if (resizeHeaderMode === 'column') {
@@ -20668,10 +20668,7 @@ var __oj_data_grid_metadata =
       if (newWidth !== this.m_orginalResizeDimensions.width ||
           newHeight !== this.m_orginalResizeDimensions.height) {
         if (this.m_cursor === 'col-resize' || this.m_cursor === 'row-resize') {
-          if (this._isSelectionEnabled() && this.isMultipleSelection() &&
-            this.m_selection.length && !this.m_discontiguousSelection) {
-            this._resizeSelectedHeaders(event, oldWidth, oldHeight, newWidth, newHeight, size);
-          }
+          this._resizeSelectedHeaders(event, oldWidth, oldHeight, newWidth, newHeight, size);
         }
       }
 

package/dist/js/libs/oj/debug/ojdatetimepicker.js

@@ -1272,10 +1272,11 @@ var __oj_input_date_time_metadata =
 
   /**
    * Placed here to avoid duplicate code for ojdatepicker + ojtimepicker
-   *
+   * @static
    * @ignore
    */
-  function getImplicitDateTimeRangeValidator(options, converter, defaultStyleClass) {
+  function getImplicitDateTimeRangeValidator(options, converter,
+    defaultStyleClass) {
     var translationKeys = {
       'oj-inputdatetime': 'datetime',
       'oj-inputtime': 'time',
@@ -1287,6 +1288,7 @@ var __oj_input_date_time_metadata =
       { category: 'messageDetail', entries: ['rangeUnderflow', 'rangeOverflow'] },
       { category: 'messageSummary', entries: ['rangeUnderflow', 'rangeOverflow'] }
     ];
+
     var dateTimeRangeOptions = {
       min: options.min,
       max: options.max,
@@ -1383,6 +1385,33 @@ var __oj_input_date_time_metadata =
     return new ojconverterDatetime.IntlDateTimeConverter({ day: '2-digit', month: '2-digit', year: _yearFormat });
   }
 
+  /**
+   * @static
+   * @private
+   */
+    function _getConverterTimezone(converter) {
+    const converterOptions =
+      converter && converter.resolvedOptions ? converter.resolvedOptions() : null;
+    return converterOptions && converterOptions.timeZone ? converterOptions.timeZone : null;
+  }
+
+  /**
+   * This takes an isoDate and returns the iso date that is local to the place of the timezone,
+   * but without the timezone.
+   * This is useful when you want to show a date of the place in the timezone, like right now
+   * in Hong Kong it may be 1/12/2021 2AM.
+   * @static
+   * @private
+   */
+    function _convertIsoStrFormatLocalWithTimezone(isoDate, converterTimeZone) {
+    // Set up a temporary converter to return an ISO string in converterOptions.timeZone timezone
+      const _localTZConverter = new ojconverterDatetime.IntlDateTimeConverter({
+        timeZone: converterTimeZone,
+        isoStrFormat: 'local'
+      });
+    return _localTZConverter.parse(isoDate);
+  }
+
   /**
    * Bind hover events for datepicker elements.
    * Done via delegate so the binding only occurs once in the lifetime of the parent div.
@@ -2168,10 +2197,13 @@ var __oj_input_date_time_metadata =
        * @ojextension {_COPY_TO_INNER_ELEM: true}
        */
       /**
-       * The maximum selectable date, in ISO string format. For ojDatePicker, this should not contain
-       * a time portion in the ISO string.  If it does, a warning is issued. When set to null, there
-       * is no maximum. min and max must be in the same ISO string format as value (local,
-       * zulu, or offset).
+       * The maximum selectable date, in ISO string format.
+       * <p>
+       * For ojDatePicker, this should be a local
+       * date and not contain a time portion in the ISO string so it can be compared with the value
+       * the user selects. value becomes a local date once the user interacts with the component.
+       * When set to null, there is no minimum.
+       * </p>
        *
        * @expose
        * @instance
@@ -2192,11 +2224,10 @@ var __oj_input_date_time_metadata =
        * myInputDate.max = '2018-09-25';
        */
       /**
-       * The maximum selectable date, in ISO string format. For ojInputDate, this should not contain
-       * a time portion in the ISO string.  If it does, a warning is issued. When set to null, there
-       * is no maximum. min and max must be in the same ISO string format as value (local,
-
-       * zulu, or offset).
+       * The maximum selectable date, in ISO string format. When set to null, there
+       * is no maximum. Since the value becomes a local date with no time once the
+       * user interacts with the component, min/max should be a local date with no time
+       * so they can be compared.
        *
        * @expose
        * @instance
@@ -2218,10 +2249,12 @@ var __oj_input_date_time_metadata =
       max: undefined,
 
       /**
-       * The minium selectable date, in ISO string format. For ojDatePicker, this should not contain
-       * a time portion in the ISO string.  If it does, a warning is issued. When set to null, there
-       * is no minimum. min and max must be in the same ISO string format as value (local,
-       * zulu, or offset).
+       * The minimum selectable date, in ISO string format.
+       * <p> For ojDatePicker, this should be a local
+       * date and not contain a time portion in the ISO string so it can be compared with the value
+       * the user selects. value becomes a local date once the user interacts with the component.
+       * When set to null, there is no minimum.
+       * </p>
        *
        * @expose
        * @instance
@@ -2242,10 +2275,13 @@ var __oj_input_date_time_metadata =
        * myInputDate.min = '2014-08-25';
        */
       /**
-       * The minimum selectable date, in ISO string format. For ojInputDate, this should not contain
-       * a time portion in the ISO string.  If it does, a warning is issued. When set to null, there
-       * is no minimum. min and max must be in the same ISO string format as value (local,
-       * zulu, or offset).
+       * The minimum selectable date, in ISO string format.
+       * <p>
+       * For oj-input-date, this should be a local
+       * date and not contain a time portion in the ISO string so it can be compared with the value
+       * the user selects. value becomes a local date once the user interacts with the component.
+       * When set to null, there is no minimum.
+       * </p>
        *
        * @expose
        * @instance
@@ -2612,8 +2648,6 @@ var __oj_input_date_time_metadata =
        * If needed, use IntlConverterUtils.dateToLocalIsoDateString to convert a Date to
        * a local iso string that contains only the date to set as the initial value.
        * IntlConverterUtils.dateToLocalIsoDateString(new Date(2014, 1, 1)));
-
-       * If a time is provided in the ISOString value, a warning will be issued.
        * </p>
        *
        *
@@ -2810,9 +2844,9 @@ var __oj_input_date_time_metadata =
     _ComponentCreate: function () {
       // verify that the options are set correctly. If they are not an error is thrown
       // and the component will not render.
-      ojconverterutilsI18n.IntlConverterUtils._verifyValueMinMaxNoTime(this.options.value,
-                                                  this.options.min,
-                                                  this.options.max);
+      ojconverterutilsI18n.IntlConverterUtils._verifyValueMinMax(this.options.value,
+                                            this.options.min,
+                                            this.options.max);
 
       // Create all the default converters we need first
       this._CreateConverters();
@@ -3019,9 +3053,6 @@ var __oj_input_date_time_metadata =
           // eslint-disable-next-line no-param-reassign
           value = null;
         }
-        ojconverterutilsI18n.IntlConverterUtils._verifyValueMinMaxNoTime(this.options.value,
-                                                    this.options.min,
-                                                    this.options.max);
 
         retVal = this._super(key, value, flags);
         this._setCurrentDate(value);
@@ -3053,9 +3084,6 @@ var __oj_input_date_time_metadata =
       if (key === 'disabled') {
         this._disableEnable(value);
       } else if (key === 'max' || key === 'min') {
-        ojconverterutilsI18n.IntlConverterUtils._verifyValueMinMaxNoTime(this.options.value,
-                                                    this.options.min,
-                                                    this.options.max);
         // since validators are immutable, they will contain min + max as local values. B/c of this will need to recreate
         this._setValidatorOption('dateTimeRange',
           this._createDateTimeRangeValidator(this._GetConverter()));
@@ -4004,39 +4032,22 @@ var __oj_input_date_time_metadata =
      * @private
      */
     _getCurrentDate: function (converter = this._GetConverter()) {
-      let date = new Date();
-
-      const converterOptions =
-        converter && converter.resolvedOptions ? converter.resolvedOptions() : null;
-      if (converterOptions && converterOptions.timeZone) {
+      const date = new Date();
+      const timeZone = _getConverterTimezone(converter);
+      if (timeZone) {
         // toISOString,
         // A string representing the given date in the ISO 8601 format according to universal time
         // so this will always end in a Z.
         const isoZuluOfCurrentDate = date.toISOString();
-        const localToTheTimezonePlaceWithNoTimezone =
-          this._convertIsoStrFormatLocalWithTimezone(isoZuluOfCurrentDate, converterOptions.timeZone);
-        date = ojconverterutilsI18n.IntlConverterUtils.isoToLocalDate(localToTheTimezonePlaceWithNoTimezone);
+        const localToTheTimezonePlaceWithNoTimezone = _convertIsoStrFormatLocalWithTimezone(
+          isoZuluOfCurrentDate,
+          timeZone
+        );
+        return ojconverterutilsI18n.IntlConverterUtils.isoToLocalDate(localToTheTimezonePlaceWithNoTimezone);
       }
       return date;
     },
 
-    /**
-     * This takes an isoDate and returns the iso date that is local to the place of the timezone,
-     * but without the timezone.
-     * This is useful when you want to show a date of the place in the timezone, like right now
-     * in Hong Kong it may be 1/12/2021 2AM.
-     *
-     * @private
-     */
-    _convertIsoStrFormatLocalWithTimezone(isoDate, converterTimeZone) {
-      // Set up a temporary converter to return an ISO string in converterOptions.timeZone timezone
-      if (this._localTZConverter == null) {
-        this._localTZConverter =
-          new ojconverterDatetime.IntlDateTimeConverter({ timeZone: converterTimeZone, isoStrFormat: 'local' });
-      }
-      return this._localTZConverter.parse(isoDate);
-    },
-
     /**
      * Retrieve the component's value in iso format in timezone local time.
      * If value is null, then it uses the current date as the value and
@@ -4045,20 +4056,12 @@ var __oj_input_date_time_metadata =
      * @private
      */
     _calculateValueDateIso: function (converter) {
-      let valueDateIso;
       // dateIso: this.options.value if it exists
-      // or currentDate from the perspective of the timezone but with no timezone info, if any,
+      // or currentDate from the perspective of the local system's timezone but with no timezone info, if any,
       // with no time portion filtered back through IntlConverterUtils.dateToLocalIso()
       const dateIso = this._getDateIso();
-      const converterOptions =
-      converter && converter.resolvedOptions ? converter.resolvedOptions() : null;
-      if (converterOptions && converterOptions.timeZone) {
-        valueDateIso =
-        this._convertIsoStrFormatLocalWithTimezone(dateIso, converterOptions.timeZone);
-      } else {
-        valueDateIso = dateIso;
-      }
-      return valueDateIso;
+      const timeZone = _getConverterTimezone(converter);
+      return timeZone ? _convertIsoStrFormatLocalWithTimezone(dateIso, timeZone) : dateIso;
     },
 
     /**
@@ -4607,7 +4610,8 @@ var __oj_input_date_time_metadata =
         if (!(converter instanceof Promise)) {
           // TODO: need to fix this for when converters return Promises.
           // All this does is check that the parsed minDateIso is an isoString.
-          // I'm not sure this is necessary
+          // I'm not sure this is necessary. It is necessary to get it in the
+          // same format as the value.
           minDateIso = converter.parse(minDateIso);
           minDateParams = this._validateDatetime(minDateIso, dateParams, true);
         }
@@ -5664,7 +5668,7 @@ var __oj_input_date_time_metadata =
 
       if (this.options.min != null || this.options.max != null) {
         var rangeValidator = getImplicitDateTimeRangeValidator(this.options, this._GetConverter(),
-          this._GetDefaultStyleClass());
+        this._GetDefaultStyleClass());
         this._datePickerDefaultValidators.dateTimeRange = rangeValidator;
       }
 
@@ -11507,6 +11511,9 @@ var __oj_input_date_time_metadata =
 
       /**
        * The maximum selectable datetime, in ISO string format. When set to null, there is no maximum.
+       * <p>So it can be properly compared with the value the user selects, this should be in the same format
+       * as the converter's isoStrFormat since the value the user selects is parsed with the converter. By default, value is a local isostring for oj-date-time-picker.
+       * </p>
        *
        * @example <caption>Initialize the element with the <code class="prettyprint">max</code> attribute:</caption>
        * &lt;oj-date-time-picker max='2014-09-25T13:30:00.000-08:00'&gt;&lt;/oj-date-time-picker&gt;
@@ -11521,7 +11528,9 @@ var __oj_input_date_time_metadata =
        */
       /**
        * The maximum selectable datetime, in ISO string format. When set to null, there is no maximum.
-       *
+       * <p>So it can be properly compared with the value the user selects, this should be in the same format
+       * as the converter's isoStrFormat. By default, value is a local isostring for oj-input-date-time.
+       * </p>
        * @example <caption>Initialize the element with the <code class="prettyprint">max</code> attribute:</caption>
        * &lt;oj-input-date-time max='2014-09-25T13:30:00.000-08:00'&gt;&lt;/oj-input-date-time&gt;
        *
@@ -11536,6 +11545,9 @@ var __oj_input_date_time_metadata =
 
       /**
        * The minimum selectable datetime, in ISO string format. When set to null, there is no minimum.
+       * <p>So it can be properly compared with the value the user selects, this should be in the same format
+       * as the converter's isoStrFormat. By default, value is a local isostring for oj-date-time-picker.
+       * </p>
        *
        * @example <caption>Initialize the element with the <code class="prettyprint">min</code> attribute:</caption>
        * &lt;oj-date-time-picker min='2014-08-25T08:00:00.000-08:00'&gt;&lt;/oj-date-time-picker&gt;
@@ -11550,6 +11562,9 @@ var __oj_input_date_time_metadata =
        */
       /**
        * The minimum selectable datetime, in ISO string format. When set to null, there is no minimum.
+       * <p>So it can be properly compared with the value the user selects, this should be in the same format
+       * as the converter's isoStrFormat since the value the user selects is parsed with the converter. By default, value is a local isostring for oj-input-date-time.
+       * </p>
        *
        * @example <caption>Initialize the element with the <code class="prettyprint">min</code> attribute:</caption>
        * &lt;oj-input-date-time min='2014-08-25T08:00:00.000-08:00'&gt;&lt;/oj-input-date-time&gt;

package/dist/js/libs/oj/debug/ojdvt-toolkit.js

@@ -11292,19 +11292,10 @@ define(['exports', 'ojs/ojthemeutils'], function (exports, ThemeUtils) { 'use st
         width = TextUtils._getCanvasTextWidth(context, textString, cssStyle);
       } else {
         // Properties that are supported in <canvas> elements by browser
-        // Chrome supports letterSpacing, wordSpacing, and fontVariantNumeric
-        // Safari supports only supports fontVariantNumeric
+        // Chrome and Safari supports only supports fontVariantNumeric
         // Firefox supports none
-        if (Agent.browser === 'chrome') {
-          if (TextUtils._letterSpacing != letterSpacing || (TextUtils._wordSpacing != wordSpacing) || (TextUtils._fontVariantNumeric != fontVariantNumeric)) {
-            TextUtils._clearCanvasContext();
-            TextUtils._setSpacing(wordSpacing, letterSpacing, fontVariantNumeric);
-          }
-          TextUtils._storeCanvasContext();
-          TextUtils._attachCanvas(context);
-          width = TextUtils._getCanvasTextWidth(context, textString, cssStyle);
-        } else if (Agent.browser === 'safari' && isLetterSpacingNormal && isWordSpacingNormal) {
-          if (TextUtils._fontVariantNumeric != fontVariantNumeric) {
+        if ((Agent.browser === 'safari' || Agent.browser === 'chrome') && isLetterSpacingNormal && isWordSpacingNormal) {
+            if (TextUtils._fontVariantNumeric != fontVariantNumeric) {
             TextUtils._clearCanvasContext();
             TextUtils._setSpacing(wordSpacing, letterSpacing, fontVariantNumeric);
           }