@instructure/ui-time-select 11.7.8 → 11.7.9-snapshot-1

package/CHANGELOG.md

@@ -3,6 +3,14 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [11.7.9-snapshot-1](https://github.com/instructure/instructure-ui/compare/v11.7.8...v11.7.9-snapshot-1) (2026-10-06)
+
+**Note:** Version bump only for package @instructure/ui-time-select
+
+
+
+
+
 ## [11.7.8](https://github.com/instructure/instructure-ui/compare/v11.7.7...v11.7.8) (2026-10-02)
 
 **Note:** Version bump only for package @instructure/ui-time-select

package/lib/TimeSelect/v1/index.js

@@ -6,13 +6,8 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = exports.TimeSelect = void 0;
 var _react = require("react");
-var _ApplyLocaleContext = require("@instructure/ui-i18n/lib/ApplyLocale/ApplyLocaleContext.js");
-var _Locale = require("@instructure/ui-i18n/lib/Locale.js");
-var _DateTime = require("@instructure/ui-i18n/lib/DateTime.js");
-var _getInteraction = require("@instructure/ui-react-utils/lib/getInteraction.js");
-var _passthroughProps = require("@instructure/ui-react-utils/lib/passthroughProps.js");
-var _callRenderProp = require("@instructure/ui-react-utils/lib/callRenderProp.js");
-var _withDeterministicId = require("@instructure/ui-react-utils/lib/DeterministicIdContext/withDeterministicId.js");
+var _uiI18n = require("@instructure/ui-i18n");
+var _uiReactUtils = require("@instructure/ui-react-utils");
 var _v11_ = require("@instructure/ui-select/v11_6");
 var utils = _interopRequireWildcard(require("@instructure/ui-utils"));
 var _props = require("./props.js");
@@ -48,7 +43,7 @@ category: components
 
 A component used to select a time value.
  **/
-let TimeSelect = exports.TimeSelect = (_dec = (0, _withDeterministicId.withDeterministicId)(), _dec(_class = class TimeSelect extends _react.Component {
+let TimeSelect = exports.TimeSelect = (_dec = (0, _uiReactUtils.withDeterministicId)(), _dec(_class = class TimeSelect extends _react.Component {
   static displayName = 'TimeSelect';
   static componentId = 'TimeSelect';
   static allowedProps = _props.allowedProps;
@@ -66,7 +61,7 @@ let TimeSelect = exports.TimeSelect = (_dec = (0, _withDeterministicId.withDeter
     allowNonStepInput: false,
     allowClearingSelection: false
   };
-  static contextType = _ApplyLocaleContext.ApplyLocaleContext;
+  static contextType = _uiI18n.ApplyLocaleContext;
   ref = null;
   _emptyOptionId = this.props.deterministicId('Select-EmptyOption');
   constructor(props) {
@@ -91,7 +86,7 @@ let TimeSelect = exports.TimeSelect = (_dec = (0, _withDeterministicId.withDeter
     return typeof this.props.value !== 'undefined';
   }
   get interaction() {
-    return (0, _getInteraction.getInteraction)({
+    return (0, _uiReactUtils.getInteraction)({
       props: this.props
     });
   }
@@ -107,7 +102,7 @@ let TimeSelect = exports.TimeSelect = (_dec = (0, _withDeterministicId.withDeter
     } else if (this.context && this.context.locale) {
       return this.context.locale;
     }
-    return _Locale.Locale.browserLocale();
+    return _uiI18n.Locale.browserLocale();
   }
   timezone() {
     if (this.props.timezone) {
@@ -115,7 +110,7 @@ let TimeSelect = exports.TimeSelect = (_dec = (0, _withDeterministicId.withDeter
     } else if (this.context && this.context.timezone) {
       return this.context.timezone;
     }
-    return _DateTime.DateTime.browserTimeZone();
+    return _uiI18n.DateTime.browserTimeZone();
   }
   componentDidUpdate(prevProps) {
     if (this.props.step !== prevProps.step || this.props.format !== prevProps.format || this.props.locale !== prevProps.locale || this.props.timezone !== prevProps.timezone || this.props.allowNonStepInput !== prevProps.allowNonStepInput) {
@@ -127,7 +122,7 @@ let TimeSelect = exports.TimeSelect = (_dec = (0, _withDeterministicId.withDeter
     if (this.props.value !== prevProps.value) {
       let newValue;
       if (this.props.value) {
-        newValue = _DateTime.DateTime.parse(this.props.value, this.locale(), this.timezone());
+        newValue = _uiI18n.DateTime.parse(this.props.value, this.locale(), this.timezone());
       }
       // value changed
       const initState = this.getInitialState();
@@ -137,14 +132,14 @@ let TimeSelect = exports.TimeSelect = (_dec = (0, _withDeterministicId.withDeter
       if (!this.isControlled) {
         // preserve current value when changing from controlled to uncontrolled
         if (prevProps.value) {
-          option = this.getOption('id', this.getFormattedId(_DateTime.DateTime.parse(prevProps.value, this.locale(), this.timezone())));
+          option = this.getOption('id', this.getFormattedId(_uiI18n.DateTime.parse(prevProps.value, this.locale(), this.timezone())));
         }
       } else if (newValue) {
         option = this.getOption('id', this.getFormattedId(newValue), initState.options);
       }
       const outsideVal = this.props.value ? this.props.value : '';
       // value does not match an existing option
-      const date = _DateTime.DateTime.parse(outsideVal, this.locale(), this.timezone());
+      const date = _uiI18n.DateTime.parse(outsideVal, this.locale(), this.timezone());
       let label = '';
       if (date.isValid()) {
         label = this.props.format ? date.format(this.props.format) : date.toISOString();
@@ -183,7 +178,7 @@ let TimeSelect = exports.TimeSelect = (_dec = (0, _withDeterministicId.withDeter
     } = this.props;
     const initialValue = value || defaultValue;
     if (typeof initialValue === 'string') {
-      const date = _DateTime.DateTime.parse(initialValue, this.locale(), this.timezone());
+      const date = _uiI18n.DateTime.parse(initialValue, this.locale(), this.timezone());
       // get option based on value or defaultValue, if provided
       const option = this.getOption('value', date, options);
       if (option) {
@@ -210,9 +205,9 @@ let TimeSelect = exports.TimeSelect = (_dec = (0, _withDeterministicId.withDeter
     let baseDate;
     const baseValue = this.props.value || this.props.defaultValue;
     if (baseValue) {
-      baseDate = _DateTime.DateTime.parse(baseValue, this.locale(), this.timezone());
+      baseDate = _uiI18n.DateTime.parse(baseValue, this.locale(), this.timezone());
     } else {
-      baseDate = _DateTime.DateTime.now(this.locale(), this.timezone());
+      baseDate = _uiI18n.DateTime.now(this.locale(), this.timezone());
     }
     return baseDate.set({
       second: 0,
@@ -341,7 +336,7 @@ let TimeSelect = exports.TimeSelect = (_dec = (0, _withDeterministicId.withDeter
     } = this.state;
     let defaultValue = '';
     if (this.props.defaultValue) {
-      const date = _DateTime.DateTime.parse(this.props.defaultValue, this.locale(), this.timezone());
+      const date = _uiI18n.DateTime.parse(this.props.defaultValue, this.locale(), this.timezone());
       defaultValue = this.props.format ? date.format(this.props.format) : date.toISOString();
     }
     const selectedOption = this.getOption('id', selectedOptionId);
@@ -355,7 +350,7 @@ let TimeSelect = exports.TimeSelect = (_dec = (0, _withDeterministicId.withDeter
       newInputValue = selectedOption.label;
     } else if (this.props.value) {
       // If controlled and input is cleared and blurred after the first render, it should revert to value
-      const date = _DateTime.DateTime.parse(this.props.value, this.locale(), this.timezone());
+      const date = _uiI18n.DateTime.parse(this.props.value, this.locale(), this.timezone());
       newInputValue = this.props.format ? date.format(this.props.format) : date.toISOString();
     }
     this.setState(() => ({
@@ -462,11 +457,11 @@ let TimeSelect = exports.TimeSelect = (_dec = (0, _withDeterministicId.withDeter
       id: this._emptyOptionId,
       isHighlighted: false,
       isSelected: false,
-      children: (0, _callRenderProp.callRenderProp)(this.props.renderEmptyOption)
+      children: (0, _uiReactUtils.callRenderProp)(this.props.renderEmptyOption)
     });
   }
   parseInputText = inputValue => {
-    const input = _DateTime.DateTime.parse(inputValue, this.locale(), this.timezone(), [this.props.format], true);
+    const input = _uiI18n.DateTime.parse(inputValue, this.locale(), this.timezone(), [this.props.format], true);
     const baseDate = this.getBaseDate();
     input.year(baseDate.year());
     input.month(baseDate.month());
@@ -535,7 +530,7 @@ let TimeSelect = exports.TimeSelect = (_dec = (0, _withDeterministicId.withDeter
       onRequestSelectOption: this.handleSelectOption,
       onInputChange: this.handleInputChange,
       onKeyDown: this.onKeyDown,
-      ...(0, _passthroughProps.passthroughProps)(rest),
+      ...(0, _uiReactUtils.passthroughProps)(rest),
       "data-cid": "TimeSelect",
       children: isShowingOptions && this.renderOptions()
     });

package/lib/TimeSelect/v2/index.js

@@ -6,13 +6,8 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = exports.TimeSelect = void 0;
 var _react = require("react");
-var _ApplyLocaleContext = require("@instructure/ui-i18n/lib/ApplyLocale/ApplyLocaleContext.js");
-var _Locale = require("@instructure/ui-i18n/lib/Locale.js");
-var _DateTime = require("@instructure/ui-i18n/lib/DateTime.js");
-var _getInteraction = require("@instructure/ui-react-utils/lib/getInteraction.js");
-var _passthroughProps = require("@instructure/ui-react-utils/lib/passthroughProps.js");
-var _callRenderProp = require("@instructure/ui-react-utils/lib/callRenderProp.js");
-var _withDeterministicId = require("@instructure/ui-react-utils/lib/DeterministicIdContext/withDeterministicId.js");
+var _uiI18n = require("@instructure/ui-i18n");
+var _uiReactUtils = require("@instructure/ui-react-utils");
 var _latest = require("@instructure/ui-select/latest");
 var utils = _interopRequireWildcard(require("@instructure/ui-utils"));
 var _props = require("./props.js");
@@ -48,7 +43,7 @@ category: components
 
 A component used to select a time value.
  **/
-let TimeSelect = exports.TimeSelect = (_dec = (0, _withDeterministicId.withDeterministicId)(), _dec(_class = class TimeSelect extends _react.Component {
+let TimeSelect = exports.TimeSelect = (_dec = (0, _uiReactUtils.withDeterministicId)(), _dec(_class = class TimeSelect extends _react.Component {
   static displayName = 'TimeSelect';
   static componentId = 'TimeSelect';
   static allowedProps = _props.allowedProps;
@@ -66,7 +61,7 @@ let TimeSelect = exports.TimeSelect = (_dec = (0, _withDeterministicId.withDeter
     allowNonStepInput: false,
     allowClearingSelection: false
   };
-  static contextType = _ApplyLocaleContext.ApplyLocaleContext;
+  static contextType = _uiI18n.ApplyLocaleContext;
   ref = null;
   _emptyOptionId = this.props.deterministicId('Select-EmptyOption');
   constructor(props) {
@@ -88,7 +83,7 @@ let TimeSelect = exports.TimeSelect = (_dec = (0, _withDeterministicId.withDeter
     return typeof this.props.value !== 'undefined';
   }
   get interaction() {
-    return (0, _getInteraction.getInteraction)({
+    return (0, _uiReactUtils.getInteraction)({
       props: this.props
     });
   }
@@ -104,7 +99,7 @@ let TimeSelect = exports.TimeSelect = (_dec = (0, _withDeterministicId.withDeter
     } else if (this.context && this.context.locale) {
       return this.context.locale;
     }
-    return _Locale.Locale.browserLocale();
+    return _uiI18n.Locale.browserLocale();
   }
   timezone() {
     if (this.props.timezone) {
@@ -112,7 +107,7 @@ let TimeSelect = exports.TimeSelect = (_dec = (0, _withDeterministicId.withDeter
     } else if (this.context && this.context.timezone) {
       return this.context.timezone;
     }
-    return _DateTime.DateTime.browserTimeZone();
+    return _uiI18n.DateTime.browserTimeZone();
   }
   componentDidUpdate(prevProps) {
     if (this.props.step !== prevProps.step || this.props.format !== prevProps.format || this.props.locale !== prevProps.locale || this.props.timezone !== prevProps.timezone || this.props.allowNonStepInput !== prevProps.allowNonStepInput) {
@@ -124,7 +119,7 @@ let TimeSelect = exports.TimeSelect = (_dec = (0, _withDeterministicId.withDeter
     if (this.props.value !== prevProps.value) {
       let newValue;
       if (this.props.value) {
-        newValue = _DateTime.DateTime.parse(this.props.value, this.locale(), this.timezone());
+        newValue = _uiI18n.DateTime.parse(this.props.value, this.locale(), this.timezone());
       }
       // value changed
       const initState = this.getInitialState();
@@ -134,14 +129,14 @@ let TimeSelect = exports.TimeSelect = (_dec = (0, _withDeterministicId.withDeter
       if (!this.isControlled) {
         // preserve current value when changing from controlled to uncontrolled
         if (prevProps.value) {
-          option = this.getOption('id', this.getFormattedId(_DateTime.DateTime.parse(prevProps.value, this.locale(), this.timezone())));
+          option = this.getOption('id', this.getFormattedId(_uiI18n.DateTime.parse(prevProps.value, this.locale(), this.timezone())));
         }
       } else if (newValue) {
         option = this.getOption('id', this.getFormattedId(newValue), initState.options);
       }
       const outsideVal = this.props.value ? this.props.value : '';
       // value does not match an existing option
-      const date = _DateTime.DateTime.parse(outsideVal, this.locale(), this.timezone());
+      const date = _uiI18n.DateTime.parse(outsideVal, this.locale(), this.timezone());
       let label = '';
       if (date.isValid()) {
         label = this.props.format ? date.format(this.props.format) : date.toISOString();
@@ -180,7 +175,7 @@ let TimeSelect = exports.TimeSelect = (_dec = (0, _withDeterministicId.withDeter
     } = this.props;
     const initialValue = value || defaultValue;
     if (typeof initialValue === 'string') {
-      const date = _DateTime.DateTime.parse(initialValue, this.locale(), this.timezone());
+      const date = _uiI18n.DateTime.parse(initialValue, this.locale(), this.timezone());
       // get option based on value or defaultValue, if provided
       const option = this.getOption('value', date, options);
       if (option) {
@@ -207,9 +202,9 @@ let TimeSelect = exports.TimeSelect = (_dec = (0, _withDeterministicId.withDeter
     let baseDate;
     const baseValue = this.props.value || this.props.defaultValue;
     if (baseValue) {
-      baseDate = _DateTime.DateTime.parse(baseValue, this.locale(), this.timezone());
+      baseDate = _uiI18n.DateTime.parse(baseValue, this.locale(), this.timezone());
     } else {
-      baseDate = _DateTime.DateTime.now(this.locale(), this.timezone());
+      baseDate = _uiI18n.DateTime.now(this.locale(), this.timezone());
     }
     return baseDate.set({
       second: 0,
@@ -338,7 +333,7 @@ let TimeSelect = exports.TimeSelect = (_dec = (0, _withDeterministicId.withDeter
     } = this.state;
     let defaultValue = '';
     if (this.props.defaultValue) {
-      const date = _DateTime.DateTime.parse(this.props.defaultValue, this.locale(), this.timezone());
+      const date = _uiI18n.DateTime.parse(this.props.defaultValue, this.locale(), this.timezone());
       defaultValue = this.props.format ? date.format(this.props.format) : date.toISOString();
     }
     const selectedOption = this.getOption('id', selectedOptionId);
@@ -352,7 +347,7 @@ let TimeSelect = exports.TimeSelect = (_dec = (0, _withDeterministicId.withDeter
       newInputValue = selectedOption.label;
     } else if (this.props.value) {
       // If controlled and input is cleared and blurred after the first render, it should revert to value
-      const date = _DateTime.DateTime.parse(this.props.value, this.locale(), this.timezone());
+      const date = _uiI18n.DateTime.parse(this.props.value, this.locale(), this.timezone());
       newInputValue = this.props.format ? date.format(this.props.format) : date.toISOString();
     }
     this.setState(() => ({
@@ -459,11 +454,11 @@ let TimeSelect = exports.TimeSelect = (_dec = (0, _withDeterministicId.withDeter
       id: this._emptyOptionId,
       isHighlighted: false,
       isSelected: false,
-      children: (0, _callRenderProp.callRenderProp)(this.props.renderEmptyOption)
+      children: (0, _uiReactUtils.callRenderProp)(this.props.renderEmptyOption)
     });
   }
   parseInputText = inputValue => {
-    const input = _DateTime.DateTime.parse(inputValue, this.locale(), this.timezone(), [this.props.format], true);
+    const input = _uiI18n.DateTime.parse(inputValue, this.locale(), this.timezone(), [this.props.format], true);
     const baseDate = this.getBaseDate();
     input.year(baseDate.year());
     input.month(baseDate.month());
@@ -532,7 +527,7 @@ let TimeSelect = exports.TimeSelect = (_dec = (0, _withDeterministicId.withDeter
       onRequestSelectOption: this.handleSelectOption,
       onInputChange: this.handleInputChange,
       onKeyDown: this.onKeyDown,
-      ...(0, _passthroughProps.passthroughProps)(rest),
+      ...(0, _uiReactUtils.passthroughProps)(rest),
       "data-cid": "TimeSelect",
       children: isShowingOptions && this.renderOptions()
     });

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@instructure/ui-time-select",
-  "version": "11.7.8",
+  "version": "11.7.9-snapshot-1",
   "description": "A component for selecting time values.",
   "author": "Instructure, Inc. Engineering and Product Design",
   "module": "./es/index.js",
@@ -15,18 +15,18 @@
   "license": "MIT",
   "dependencies": {
     "@babel/runtime": "^7.29.7",
-    "@instructure/ui-form-field": "11.7.8",
-    "@instructure/ui-i18n": "11.7.8",
-    "@instructure/ui-position": "11.7.8",
-    "@instructure/ui-react-utils": "11.7.8",
-    "@instructure/shared-types": "11.7.8",
-    "@instructure/ui-select": "11.7.8",
-    "@instructure/ui-utils": "11.7.8"
+    "@instructure/shared-types": "11.7.9-snapshot-1",
+    "@instructure/ui-form-field": "11.7.9-snapshot-1",
+    "@instructure/ui-i18n": "11.7.9-snapshot-1",
+    "@instructure/ui-react-utils": "11.7.9-snapshot-1",
+    "@instructure/ui-position": "11.7.9-snapshot-1",
+    "@instructure/ui-select": "11.7.9-snapshot-1",
+    "@instructure/ui-utils": "11.7.9-snapshot-1"
   },
   "devDependencies": {
     "moment-timezone": "^0.6.2",
     "vitest": "^5.0.0",
-    "@instructure/ui-babel-preset": "11.7.8"
+    "@instructure/ui-babel-preset": "11.7.9-snapshot-1"
   },
   "peerDependencies": {
     "react": ">=18 <=19"