@instructure/ui-time-select 11.7.3-snapshot-7 → 11.7.3-snapshot-26

package/CHANGELOG.md

@@ -3,9 +3,12 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
-## [11.7.3-snapshot-7](https://github.com/instructure/instructure-ui/compare/v11.7.2...v11.7.3-snapshot-7) (2026-04-29)
+## [11.7.3-snapshot-26](https://github.com/instructure/instructure-ui/compare/v11.7.2...v11.7.3-snapshot-26) (2026-05-05)
 
-**Note:** Version bump only for package @instructure/ui-time-select
+
+### Bug Fixes
+
+* **many:** update dependencies, remove lots of Babel plugins, remove Webpack 4 support ([f916fca](https://github.com/instructure/instructure-ui/commit/f916fcafdddcb2d7de401f93e8ff92cfdfa47bba))
 
 
 

package/es/TimeSelect/v1/index.js

@@ -1,6 +1,4 @@
-import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
-const _excluded = ["value", "defaultValue", "placeholder", "renderLabel", "inputRef", "id", "listRef", "renderBeforeInput", "renderAfterInput", "isRequired", "isInline", "width", "format", "step", "optionsMaxWidth", "visibleOptionsCount", "messages", "placement", "constrain", "onFocus", "onShowOptions", "onHideOptions", "onInputChange", "onKeyDown", "mountNode"];
-var _dec, _class, _TimeSelect;
+var _dec, _class;
 /*
  * The MIT License (MIT)
  *
@@ -39,201 +37,29 @@ category: components
 
 A component used to select a time value.
  **/
-let TimeSelect = (_dec = withDeterministicId(), _dec(_class = (_TimeSelect = class TimeSelect extends Component {
+let TimeSelect = (_dec = withDeterministicId(), _dec(_class = class TimeSelect extends Component {
+  static displayName = "TimeSelect";
+  static componentId = 'TimeSelect';
+  static allowedProps = allowedProps;
+  static defaultProps = {
+    defaultToFirstOption: false,
+    format: 'LT',
+    // see https://momentjs.com/docs/#/displaying/
+    step: 30,
+    isRequired: false,
+    isInline: false,
+    visibleOptionsCount: 8,
+    placement: 'bottom stretch',
+    constrain: 'window',
+    renderEmptyOption: '---',
+    allowNonStepInput: false,
+    allowClearingSelection: false
+  };
+  static contextType = ApplyLocaleContext;
+  ref = null;
+  _emptyOptionId = this.props.deterministicId('Select-EmptyOption');
   constructor(props) {
     super(props);
-    this.ref = null;
-    this._emptyOptionId = this.props.deterministicId('Select-EmptyOption');
-    this.getOption = (field, value, options = this.state.options) => {
-      return options.find(option => option[field] === value);
-    };
-    this.handleRef = node => {
-      this.ref = node;
-    };
-    this.handleBlur = event => {
-      var _this$props$onBlur, _this$props;
-      (_this$props$onBlur = (_this$props = this.props).onBlur) === null || _this$props$onBlur === void 0 ? void 0 : _this$props$onBlur.call(_this$props, event);
-    };
-    this.handleInputChange = event => {
-      var _this$props$onInputCh, _this$props3;
-      const value = event.target.value;
-      const newOptions = this.filterOptions(value);
-      if ((newOptions === null || newOptions === void 0 ? void 0 : newOptions.length) == 1) {
-        // if there is only 1 option, it will be automatically selected except
-        // if in controlled mode (it would commit this change)
-        if (!this.isControlled) {
-          this.setState({
-            selectedOptionId: newOptions[0].id
-          });
-        }
-        this.setState({
-          fireChangeOnBlur: newOptions[0]
-        });
-      } else {
-        this.setState({
-          fireChangeOnBlur: void 0,
-          isInputCleared: this.props.allowClearingSelection && value === ''
-        });
-      }
-      this.setState({
-        inputValue: value,
-        filteredOptions: newOptions,
-        highlightedOptionId: newOptions.length > 0 ? newOptions[0].id : void 0,
-        isShowingOptions: true
-      });
-      if (!this.state.isShowingOptions) {
-        var _this$props$onShowOpt, _this$props2;
-        (_this$props$onShowOpt = (_this$props2 = this.props).onShowOptions) === null || _this$props$onShowOpt === void 0 ? void 0 : _this$props$onShowOpt.call(_this$props2, event);
-      }
-      const inputAsDate = this.parseInputText(value);
-      (_this$props$onInputCh = (_this$props3 = this.props).onInputChange) === null || _this$props$onInputCh === void 0 ? void 0 : _this$props$onInputCh.call(_this$props3, event, value, inputAsDate.isValid() ? inputAsDate.toISOString() : void 0);
-    };
-    this.onKeyDown = event => {
-      var _this$props$onKeyDown, _this$props4;
-      const input = this.parseInputText(this.state.inputValue);
-      if (event.key === 'Enter' && this.props.allowNonStepInput && input.isValid()) {
-        this.setState(() => ({
-          isShowingOptions: false,
-          highlightedOptionId: void 0
-        }));
-        // others are set in handleBlurOrEsc
-      }
-      (_this$props$onKeyDown = (_this$props4 = this.props).onKeyDown) === null || _this$props$onKeyDown === void 0 ? void 0 : _this$props$onKeyDown.call(_this$props4, event);
-    };
-    this.handleShowOptions = event => {
-      var _this$props$onShowOpt2, _this$props5;
-      this.setState({
-        isShowingOptions: true,
-        highlightedOptionId: this.state.selectedOptionId
-      });
-      (_this$props$onShowOpt2 = (_this$props5 = this.props).onShowOptions) === null || _this$props$onShowOpt2 === void 0 ? void 0 : _this$props$onShowOpt2.call(_this$props5, event);
-      if (event.type.startsWith('key')) {
-        const keyboardEvent = event;
-        const children = this.state.filteredOptions;
-        if (!this.state.inputValue && children.length > 0 && !this.props.allowClearingSelection) {
-          const optionId = keyboardEvent.key === 'ArrowDown' ? children[0].id : keyboardEvent.key === 'ArrowUp' ? children[children.length - 1].id : void 0;
-          optionId && this.setState({
-            highlightedOptionId: optionId
-          });
-        }
-      }
-    };
-    // Called when the input is blurred (=when clicking outside, tabbing away),
-    // when pressing ESC. NOT called when an item is selected via Enter/click,
-    // (but in this case it will be called later when the input is blurred.)
-    this.handleBlurOrEsc = event => {
-      var _this$props$onHideOpt, _this$props8;
-      const _this$state = this.state,
-        selectedOptionId = _this$state.selectedOptionId,
-        inputValue = _this$state.inputValue,
-        isInputCleared = _this$state.isInputCleared;
-      let defaultValue = '';
-      if (this.props.defaultValue) {
-        const date = 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);
-      let newInputValue = defaultValue;
-      // if input was completely cleared, ensure it stays clear
-      // e.g. defaultValue defined, but no selection yet made
-      if (inputValue === '' && this.props.allowClearingSelection) {
-        newInputValue = '';
-      } else if (selectedOption) {
-        // If there is a selected option use its value in the input field.
-        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.parse(this.props.value, this.locale(), this.timezone());
-        newInputValue = this.props.format ? date.format(this.props.format) : date.toISOString();
-      }
-      this.setState(() => ({
-        isShowingOptions: false,
-        highlightedOptionId: void 0,
-        inputValue: newInputValue,
-        filteredOptions: this.filterOptions('')
-      }));
-      if (this.state.fireChangeOnBlur && event.key !== 'Escape') {
-        var _this$props$onChange, _this$props6;
-        this.setState(() => ({
-          fireChangeOnBlur: void 0
-        }));
-        (_this$props$onChange = (_this$props6 = this.props).onChange) === null || _this$props$onChange === void 0 ? void 0 : _this$props$onChange.call(_this$props6, event, {
-          value: this.state.fireChangeOnBlur.value.toISOString(),
-          inputText: this.state.fireChangeOnBlur.label
-        });
-      } else if (isInputCleared && event.key !== 'Escape' && this.props.allowClearingSelection) {
-        var _this$props$onChange2, _this$props7;
-        this.setState(() => ({
-          isInputCleared: false
-        }));
-        (_this$props$onChange2 = (_this$props7 = this.props).onChange) === null || _this$props$onChange2 === void 0 ? void 0 : _this$props$onChange2.call(_this$props7, event, {
-          value: '',
-          inputText: ''
-        });
-      }
-      // TODO only fire this if handleSelectOption was not called before.
-      (_this$props$onHideOpt = (_this$props8 = this.props).onHideOptions) === null || _this$props$onHideOpt === void 0 ? void 0 : _this$props$onHideOpt.call(_this$props8, event);
-    };
-    // Called when an option is selected via mouse click or Enter.
-    this.handleSelectOption = (event, data) => {
-      var _this$props$onHideOpt2, _this$props0;
-      if (data.id === this._emptyOptionId) {
-        this.setState({
-          isShowingOptions: false
-        });
-        return;
-      }
-      const selectedOption = this.getOption('id', data.id);
-      let newInputValue;
-      const currentSelectedOptionId = this.state.selectedOptionId;
-
-      // Focus needs to be reapplied to input
-      // after selecting an item to make sure VoiceOver behaves correctly on iOS
-      if (utils.isAndroidOrIOS()) {
-        this.blur();
-        this.focus();
-      }
-      if (this.isControlled) {
-        // in controlled mode we leave to the user to set the value of the
-        // component e.g. in the onChange event handler.
-        // This is accomplished by not setting a selectedOptionId
-        const prev = this.getOption('id', this.state.selectedOptionId);
-        newInputValue = prev ? prev.label : '';
-        this.setState({
-          isShowingOptions: false
-        });
-      } else {
-        newInputValue = selectedOption.label;
-        this.setState({
-          isShowingOptions: false,
-          selectedOptionId: data.id,
-          inputValue: newInputValue
-        });
-      }
-      if (data.id !== currentSelectedOptionId) {
-        var _this$props$onChange3, _this$props9;
-        (_this$props$onChange3 = (_this$props9 = this.props).onChange) === null || _this$props$onChange3 === void 0 ? void 0 : _this$props$onChange3.call(_this$props9, event, {
-          value: selectedOption.value.toISOString(),
-          inputText: newInputValue
-        });
-      }
-      (_this$props$onHideOpt2 = (_this$props0 = this.props).onHideOptions) === null || _this$props$onHideOpt2 === void 0 ? void 0 : _this$props$onHideOpt2.call(_this$props0, event);
-    };
-    this.handleHighlightOption = (_event, data) => {
-      if (data.id === this._emptyOptionId) return;
-      this.setState(state => ({
-        highlightedOptionId: data.id,
-        inputValue: state.inputValue
-      }));
-    };
-    this.parseInputText = inputValue => {
-      const input = DateTime.parse(inputValue, this.locale(), this.timezone(), [this.props.format], true);
-      const baseDate = this.getBaseDate();
-      input.year(baseDate.year());
-      input.month(baseDate.month());
-      input.date(baseDate.date());
-      return input;
-    };
     this.state = this.getInitialState();
   }
   componentDidMount() {
@@ -242,8 +68,7 @@ let TimeSelect = (_dec = withDeterministicId(), _dec(_class = (_TimeSelect = cla
     this.setState(this.getInitialState());
   }
   focus() {
-    var _this$ref;
-    (_this$ref = this.ref) === null || _this$ref === void 0 ? void 0 : _this$ref.focus();
+    this.ref?.focus();
   }
   blur() {
     this.ref && this.ref.blur();
@@ -315,7 +140,7 @@ let TimeSelect = (_dec = withDeterministicId(), _dec(_class = (_TimeSelect = cla
       }
       this.setState({
         inputValue: option ? option.label : label,
-        selectedOptionId: option ? option.id : void 0
+        selectedOptionId: option ? option.id : undefined
       });
     }
   }
@@ -333,17 +158,18 @@ let TimeSelect = (_dec = withDeterministicId(), _dec(_class = (_TimeSelect = cla
       // 288 = 5 min step
       filteredOptions: initialOptions.length > 288 ? initialOptions.filter(opt => opt.value.minute() % this.props.step === 0) : initialOptions,
       isShowingOptions: false,
-      highlightedOptionId: initialSelection ? initialSelection.id : void 0,
-      selectedOptionId: initialSelection ? initialSelection.id : void 0,
+      highlightedOptionId: initialSelection ? initialSelection.id : undefined,
+      selectedOptionId: initialSelection ? initialSelection.id : undefined,
       isInputCleared: false
     };
   }
   getInitialOption(options) {
-    const _this$props1 = this.props,
-      value = _this$props1.value,
-      defaultValue = _this$props1.defaultValue,
-      defaultToFirstOption = _this$props1.defaultToFirstOption,
-      format = _this$props1.format;
+    const {
+      value,
+      defaultValue,
+      defaultToFirstOption,
+      format
+    } = this.props;
     const initialValue = value || defaultValue;
     if (typeof initialValue === 'string') {
       const date = DateTime.parse(initialValue, this.locale(), this.timezone());
@@ -364,8 +190,11 @@ let TimeSelect = (_dec = withDeterministicId(), _dec(_class = (_TimeSelect = cla
     if (defaultToFirstOption) {
       return options[0];
     }
-    return void 0;
+    return undefined;
   }
+  getOption = (field, value, options = this.state.options) => {
+    return options.find(option => option[field] === value);
+  };
   getBaseDate() {
     let baseDate;
     const baseValue = this.props.value || this.props.defaultValue;
@@ -403,7 +232,6 @@ let TimeSelect = (_dec = withDeterministicId(), _dec(_class = (_TimeSelect = cla
     return options;
   }
   filterOptions(inputValue) {
-    var _this$state3;
     let inputNoSeconds = inputValue;
     // if the input contains seconds disregard them (e.g. if format = LTS)
     if (inputValue.length > 5) {
@@ -417,25 +245,199 @@ let TimeSelect = (_dec = withDeterministicId(), _dec(_class = (_TimeSelect = cla
       }
     }
     if (this.props.allowNonStepInput && inputNoSeconds.length < 3) {
-      var _this$state2;
       // could show too many results, show only step values
-      return (_this$state2 = this.state) === null || _this$state2 === void 0 ? void 0 : _this$state2.options.filter(option => {
+      return this.state?.options.filter(option => {
         return option.label.toLowerCase().startsWith(inputNoSeconds.toLowerCase()) && option.value.minute() % this.props.step == 0;
       });
     }
-    return (_this$state3 = this.state) === null || _this$state3 === void 0 ? void 0 : _this$state3.options.filter(option => option.label.toLowerCase().startsWith(inputNoSeconds.toLowerCase()));
+    return this.state?.options.filter(option => option.label.toLowerCase().startsWith(inputNoSeconds.toLowerCase()));
   }
+  handleRef = node => {
+    this.ref = node;
+  };
+  handleBlur = event => {
+    this.props.onBlur?.(event);
+  };
+  handleInputChange = event => {
+    const value = event.target.value;
+    const newOptions = this.filterOptions(value);
+    if (newOptions?.length == 1) {
+      // if there is only 1 option, it will be automatically selected except
+      // if in controlled mode (it would commit this change)
+      if (!this.isControlled) {
+        this.setState({
+          selectedOptionId: newOptions[0].id
+        });
+      }
+      this.setState({
+        fireChangeOnBlur: newOptions[0]
+      });
+    } else {
+      this.setState({
+        fireChangeOnBlur: undefined,
+        isInputCleared: this.props.allowClearingSelection && value === ''
+      });
+    }
+    this.setState({
+      inputValue: value,
+      filteredOptions: newOptions,
+      highlightedOptionId: newOptions.length > 0 ? newOptions[0].id : undefined,
+      isShowingOptions: true
+    });
+    if (!this.state.isShowingOptions) {
+      this.props.onShowOptions?.(event);
+    }
+    const inputAsDate = this.parseInputText(value);
+    this.props.onInputChange?.(event, value, inputAsDate.isValid() ? inputAsDate.toISOString() : undefined);
+  };
+  onKeyDown = event => {
+    const input = this.parseInputText(this.state.inputValue);
+    if (event.key === 'Enter' && this.props.allowNonStepInput && input.isValid()) {
+      this.setState(() => ({
+        isShowingOptions: false,
+        highlightedOptionId: undefined
+      }));
+      // others are set in handleBlurOrEsc
+    }
+    this.props.onKeyDown?.(event);
+  };
+  handleShowOptions = event => {
+    this.setState({
+      isShowingOptions: true,
+      highlightedOptionId: this.state.selectedOptionId
+    });
+    this.props.onShowOptions?.(event);
+    if (event.type.startsWith('key')) {
+      const keyboardEvent = event;
+      const children = this.state.filteredOptions;
+      if (!this.state.inputValue && children.length > 0 && !this.props.allowClearingSelection) {
+        const optionId = keyboardEvent.key === 'ArrowDown' ? children[0].id : keyboardEvent.key === 'ArrowUp' ? children[children.length - 1].id : undefined;
+        optionId && this.setState({
+          highlightedOptionId: optionId
+        });
+      }
+    }
+  };
+
+  // Called when the input is blurred (=when clicking outside, tabbing away),
+  // when pressing ESC. NOT called when an item is selected via Enter/click,
+  // (but in this case it will be called later when the input is blurred.)
+  handleBlurOrEsc = event => {
+    const {
+      selectedOptionId,
+      inputValue,
+      isInputCleared
+    } = this.state;
+    let defaultValue = '';
+    if (this.props.defaultValue) {
+      const date = 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);
+    let newInputValue = defaultValue;
+    // if input was completely cleared, ensure it stays clear
+    // e.g. defaultValue defined, but no selection yet made
+    if (inputValue === '' && this.props.allowClearingSelection) {
+      newInputValue = '';
+    } else if (selectedOption) {
+      // If there is a selected option use its value in the input field.
+      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.parse(this.props.value, this.locale(), this.timezone());
+      newInputValue = this.props.format ? date.format(this.props.format) : date.toISOString();
+    }
+    this.setState(() => ({
+      isShowingOptions: false,
+      highlightedOptionId: undefined,
+      inputValue: newInputValue,
+      filteredOptions: this.filterOptions('')
+    }));
+    if (this.state.fireChangeOnBlur && event.key !== 'Escape') {
+      this.setState(() => ({
+        fireChangeOnBlur: undefined
+      }));
+      this.props.onChange?.(event, {
+        value: this.state.fireChangeOnBlur.value.toISOString(),
+        inputText: this.state.fireChangeOnBlur.label
+      });
+    } else if (isInputCleared && event.key !== 'Escape' && this.props.allowClearingSelection) {
+      this.setState(() => ({
+        isInputCleared: false
+      }));
+      this.props.onChange?.(event, {
+        value: '',
+        inputText: ''
+      });
+    }
+    // TODO only fire this if handleSelectOption was not called before.
+    this.props.onHideOptions?.(event);
+  };
+
+  // Called when an option is selected via mouse click or Enter.
+  handleSelectOption = (event, data) => {
+    if (data.id === this._emptyOptionId) {
+      this.setState({
+        isShowingOptions: false
+      });
+      return;
+    }
+    const selectedOption = this.getOption('id', data.id);
+    let newInputValue;
+    const currentSelectedOptionId = this.state.selectedOptionId;
+
+    // Focus needs to be reapplied to input
+    // after selecting an item to make sure VoiceOver behaves correctly on iOS
+    if (utils.isAndroidOrIOS()) {
+      this.blur();
+      this.focus();
+    }
+    if (this.isControlled) {
+      // in controlled mode we leave to the user to set the value of the
+      // component e.g. in the onChange event handler.
+      // This is accomplished by not setting a selectedOptionId
+      const prev = this.getOption('id', this.state.selectedOptionId);
+      newInputValue = prev ? prev.label : '';
+      this.setState({
+        isShowingOptions: false
+      });
+    } else {
+      newInputValue = selectedOption.label;
+      this.setState({
+        isShowingOptions: false,
+        selectedOptionId: data.id,
+        inputValue: newInputValue
+      });
+    }
+    if (data.id !== currentSelectedOptionId) {
+      this.props.onChange?.(event, {
+        value: selectedOption.value.toISOString(),
+        inputText: newInputValue
+      });
+    }
+    this.props.onHideOptions?.(event);
+  };
+  handleHighlightOption = (_event, data) => {
+    if (data.id === this._emptyOptionId) return;
+    this.setState(state => ({
+      highlightedOptionId: data.id,
+      inputValue: state.inputValue
+    }));
+  };
   renderOptions() {
-    const _this$state4 = this.state,
-      filteredOptions = _this$state4.filteredOptions,
-      highlightedOptionId = _this$state4.highlightedOptionId,
-      selectedOptionId = _this$state4.selectedOptionId;
+    const {
+      filteredOptions,
+      highlightedOptionId,
+      selectedOptionId
+    } = this.state;
     if (filteredOptions.length < 1) {
       return this.renderEmptyOption();
     }
     return filteredOptions.map(option => {
-      const id = option.id,
-        label = option.label;
+      const {
+        id,
+        label
+      } = option;
       return _jsx(Select.Option, {
         id: id,
         isHighlighted: id === highlightedOptionId,
@@ -452,37 +454,47 @@ let TimeSelect = (_dec = withDeterministicId(), _dec(_class = (_TimeSelect = cla
       children: callRenderProp(this.props.renderEmptyOption)
     });
   }
+  parseInputText = inputValue => {
+    const input = DateTime.parse(inputValue, this.locale(), this.timezone(), [this.props.format], true);
+    const baseDate = this.getBaseDate();
+    input.year(baseDate.year());
+    input.month(baseDate.month());
+    input.date(baseDate.date());
+    return input;
+  };
   render() {
-    const _this$props10 = this.props,
-      value = _this$props10.value,
-      defaultValue = _this$props10.defaultValue,
-      placeholder = _this$props10.placeholder,
-      renderLabel = _this$props10.renderLabel,
-      inputRef = _this$props10.inputRef,
-      id = _this$props10.id,
-      listRef = _this$props10.listRef,
-      renderBeforeInput = _this$props10.renderBeforeInput,
-      renderAfterInput = _this$props10.renderAfterInput,
-      isRequired = _this$props10.isRequired,
-      isInline = _this$props10.isInline,
-      width = _this$props10.width,
-      format = _this$props10.format,
-      step = _this$props10.step,
-      optionsMaxWidth = _this$props10.optionsMaxWidth,
-      visibleOptionsCount = _this$props10.visibleOptionsCount,
-      messages = _this$props10.messages,
-      placement = _this$props10.placement,
-      constrain = _this$props10.constrain,
-      onFocus = _this$props10.onFocus,
-      onShowOptions = _this$props10.onShowOptions,
-      onHideOptions = _this$props10.onHideOptions,
-      onInputChange = _this$props10.onInputChange,
-      onKeyDown = _this$props10.onKeyDown,
-      mountNode = _this$props10.mountNode,
-      rest = _objectWithoutProperties(_this$props10, _excluded);
-    const _this$state5 = this.state,
-      inputValue = _this$state5.inputValue,
-      isShowingOptions = _this$state5.isShowingOptions;
+    const {
+      value,
+      defaultValue,
+      placeholder,
+      renderLabel,
+      inputRef,
+      id,
+      listRef,
+      renderBeforeInput,
+      renderAfterInput,
+      isRequired,
+      isInline,
+      width,
+      format,
+      step,
+      optionsMaxWidth,
+      visibleOptionsCount,
+      messages,
+      placement,
+      constrain,
+      onFocus,
+      onShowOptions,
+      onHideOptions,
+      onInputChange,
+      onKeyDown,
+      mountNode,
+      ...rest
+    } = this.props;
+    const {
+      inputValue,
+      isShowingOptions
+    } = this.state;
     return _jsx(Select, {
       mountNode: mountNode,
       renderLabel: renderLabel,
@@ -517,19 +529,6 @@ let TimeSelect = (_dec = withDeterministicId(), _dec(_class = (_TimeSelect = cla
       children: isShowingOptions && this.renderOptions()
     });
   }
-}, _TimeSelect.displayName = "TimeSelect", _TimeSelect.componentId = 'TimeSelect', _TimeSelect.allowedProps = allowedProps, _TimeSelect.defaultProps = {
-  defaultToFirstOption: false,
-  format: 'LT',
-  // see https://momentjs.com/docs/#/displaying/
-  step: 30,
-  isRequired: false,
-  isInline: false,
-  visibleOptionsCount: 8,
-  placement: 'bottom stretch',
-  constrain: 'window',
-  renderEmptyOption: '---',
-  allowNonStepInput: false,
-  allowClearingSelection: false
-}, _TimeSelect.contextType = ApplyLocaleContext, _TimeSelect)) || _class);
+}) || _class);
 export { TimeSelect };
 export default TimeSelect;