@semcore/time-picker 16.1.14-prerelease.9 → 16.2.0-prerelease.1

package/CHANGELOG.md

@@ -2,12 +2,11 @@
 
 CHANGELOG.md standards are inspired by [keepachangelog.com](https://keepachangelog.com/en/1.0.0/).
 
-## [16.1.14] - 2026-02-16
+## [16.2.0] - 2026-05-07
 
-### Changed
+### Added
 
-- Rewrite component to TS
-- `onChange` format to `HH:mm`
+- New brand theme.
 
 ## [16.1.13] - 2025-12-01
 

package/lib/cjs/PickerFormat.js

@@ -0,0 +1,81 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault")["default"];
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
+var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
+var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
+var _callSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/callSuper"));
+var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _core = require("@semcore/core");
+var _uniqueID = _interopRequireDefault(require("@semcore/core/lib/utils/uniqueID"));
+var _flexBox = require("@semcore/flex-box");
+var _react = _interopRequireDefault(require("react"));
+var TimePickerFormat = /*#__PURE__*/function (_Component) {
+  function TimePickerFormat() {
+    var _this;
+    (0, _classCallCheck2["default"])(this, TimePickerFormat);
+    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+      args[_key] = arguments[_key];
+    }
+    _this = (0, _callSuper2["default"])(this, TimePickerFormat, [].concat(args));
+    (0, _defineProperty2["default"])(_this, "state", {
+      changedFormatNotice: ''
+    });
+    (0, _defineProperty2["default"])(_this, "handleClick", function () {
+      setTimeout(function () {
+        var _this$asProps = _this.asProps,
+          meridiem = _this$asProps.meridiem,
+          getI18nText = _this$asProps.getI18nText;
+        _this.setState({
+          changedFormatNotice: getI18nText('changedFormatNotice', {
+            meridiem: meridiem
+          })
+        });
+      }, 0);
+      setTimeout(function () {
+        _this.setState({
+          changedFormatNotice: ''
+        });
+      }, 2000);
+    });
+    return _this;
+  }
+  (0, _inherits2["default"])(TimePickerFormat, _Component);
+  return (0, _createClass2["default"])(TimePickerFormat, [{
+    key: "render",
+    value: function render() {
+      var _ref = this.asProps,
+        _ref2;
+      var SPickerFormat = _flexBox.Box;
+      var _this$asProps2 = this.asProps,
+        Children = _this$asProps2.Children,
+        meridiem = _this$asProps2.meridiem,
+        styles = _this$asProps2.styles,
+        getI18nText = _this$asProps2.getI18nText,
+        uid = _this$asProps2.uid;
+      var changedFormatNotice = this.state.changedFormatNotice;
+      var SPickerFormatText = 'span';
+      return _ref2 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(SPickerFormat, _ref2.cn("SPickerFormat", (0, _objectSpread2["default"])({}, (0, _core.assignProps)({
+        "type": 'button',
+        "tag": 'button',
+        "tabIndex": 0,
+        "onClick": this.handleClick,
+        "aria-describedby": "".concat(uid, "_describe")
+      }, _ref))), Children.origin ? /*#__PURE__*/_react["default"].createElement(Children, _ref2.cn("Children", {})) : /*#__PURE__*/_react["default"].createElement(SPickerFormatText, _ref2.cn("SPickerFormatText", {}), meridiem)), /*#__PURE__*/_react["default"].createElement(_flexBox.ScreenReaderOnly, _ref2.cn("ScreenReaderOnly", {
+        "role": 'status',
+        "aria-live": 'polite'
+      }), changedFormatNotice), /*#__PURE__*/_react["default"].createElement(_flexBox.ScreenReaderOnly, _ref2.cn("ScreenReaderOnly", {
+        "aria-hidden": 'true',
+        "id": "".concat(uid, "_describe")
+      }), getI18nText('formatToggler')));
+    }
+  }]);
+}(_core.Component);
+(0, _defineProperty2["default"])(TimePickerFormat, "enhance", [(0, _uniqueID["default"])()]);
+var _default = exports["default"] = TimePickerFormat;
+//# sourceMappingURL=PickerFormat.js.map

package/lib/cjs/PickerFormat.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PickerFormat.js","names":["_core","require","_uniqueID","_interopRequireDefault","_flexBox","_react","TimePickerFormat","_Component","_this","_classCallCheck2","_len","arguments","length","args","Array","_key","_callSuper2","concat","_defineProperty2","changedFormatNotice","setTimeout","_this$asProps","asProps","meridiem","getI18nText","setState","_inherits2","_createClass2","key","value","render","_ref","_ref2","SPickerFormat","Box","_this$asProps2","Children","styles","uid","state","SPickerFormatText","sstyled","createElement","Fragment","cn","_objectSpread2","assignProps","handleClick","origin","ScreenReaderOnly","Component","uniqueIDEnhancement","_default","exports"],"sources":["../../src/PickerFormat.jsx"],"sourcesContent":["import { Component, sstyled, Root } from '@semcore/core';\nimport uniqueIDEnhancement from '@semcore/core/lib/utils/uniqueID';\nimport { Box, ScreenReaderOnly } from '@semcore/flex-box';\nimport React from 'react';\n\nclass TimePickerFormat extends Component {\n  static enhance = [uniqueIDEnhancement()];\n\n  state = {\n    changedFormatNotice: '',\n  };\n\n  handleClick = () => {\n    setTimeout(() => {\n      const { meridiem, getI18nText } = this.asProps;\n      this.setState({ changedFormatNotice: getI18nText('changedFormatNotice', { meridiem }) });\n    }, 0);\n\n    setTimeout(() => {\n      this.setState({ changedFormatNotice: '' });\n    }, 2000);\n  };\n\n  render() {\n    const SPickerFormat = Root;\n    const { Children, meridiem, styles, getI18nText, uid } = this.asProps;\n    const { changedFormatNotice } = this.state;\n    const SPickerFormatText = 'span';\n\n    return sstyled(styles)(\n      <>\n        <SPickerFormat\n          render={Box}\n          type='button'\n          tag='button'\n          tabIndex={0}\n          onClick={this.handleClick}\n          aria-describedby={`${uid}_describe`}\n        >\n          {Children.origin ? <Children /> : <SPickerFormatText>{meridiem}</SPickerFormatText>}\n        </SPickerFormat>\n        <ScreenReaderOnly role='status' aria-live='polite'>\n          {changedFormatNotice}\n        </ScreenReaderOnly>\n        <ScreenReaderOnly aria-hidden='true' id={`${uid}_describe`}>\n          {getI18nText('formatToggler')}\n        </ScreenReaderOnly>\n      </>,\n    );\n  }\n}\n\nexport default TimePickerFormat;\n"],"mappings":"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","ignoreList":[]}

package/lib/cjs/PickerInput.js

@@ -0,0 +1,286 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault")["default"];
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Minutes = exports.Hours = void 0;
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
+var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
+var _callSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/callSuper"));
+var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _core = require("@semcore/core");
+var _assignProps2 = require("@semcore/core/lib/utils/assignProps");
+var _input = _interopRequireDefault(require("@semcore/input"));
+var _select = _interopRequireDefault(require("@semcore/select"));
+var _react = _interopRequireDefault(require("react"));
+var _TimePicker = require("./TimePicker");
+var _excluded = ["styles", "step", "onSelect", "time", "size", "disabled", "onVisibleChange"];
+var MAP_FIELD_TO_TIME = {
+  hours: 0,
+  minutes: 1
+};
+var MAP_SIZE_SELECT = {
+  m: 'm',
+  l: 'l'
+};
+function getOptions(min, max) {
+  var step = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 1;
+  var length = Number(((max + 1 - min) / step).toFixed(0));
+  var options = Array(length).fill('');
+  var numValue = min;
+  return options.map(function (_i, index) {
+    numValue = index === 0 ? numValue : numValue + step;
+    var value = (0, _TimePicker.withLeadingZero)(String(numValue));
+    return /*#__PURE__*/_react["default"].createElement(_select["default"].Option, {
+      value: value,
+      key: value
+    }, value);
+  });
+}
+var defaultPopperOffset = [-8, 4];
+var ItemPicker = /*#__PURE__*/function (_Component) {
+  function ItemPicker() {
+    var _this;
+    (0, _classCallCheck2["default"])(this, ItemPicker);
+    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+      args[_key] = arguments[_key];
+    }
+    _this = (0, _callSuper2["default"])(this, ItemPicker, [].concat(args));
+    (0, _defineProperty2["default"])(_this, "inputRef", /*#__PURE__*/_react["default"].createRef());
+    (0, _defineProperty2["default"])(_this, "state", {
+      dirtyValue: undefined,
+      visible: false
+    });
+    (0, _defineProperty2["default"])(_this, "parseValueWithMinMax", function (value) {
+      var _this$minMax = _this.minMax(),
+        _this$minMax2 = (0, _slicedToArray2["default"])(_this$minMax, 2),
+        min = _this$minMax2[0],
+        max = _this$minMax2[1];
+      return String(Math.max(min, Math.min(max, value)));
+    });
+    (0, _defineProperty2["default"])(_this, "handleChange", function (value, event) {
+      /* hide props for bubbling events */
+      event.stopPropagation();
+      var numberValue = (0, _TimePicker.intOrDefault)(Number(value), Number.NaN);
+      if (!Number.isNaN(numberValue)) {
+        _this.setState({
+          dirtyValue: value.slice(-2)
+        });
+      }
+    });
+    (0, _defineProperty2["default"])(_this, "handleBlur", function (event) {
+      return _this.submitChanges(event);
+    });
+    /* rewrite method */
+    (0, _defineProperty2["default"])(_this, "handleKeyDown", function () {});
+    (0, _defineProperty2["default"])(_this, "handleSelect", function (value, event) {
+      _this.dispatchOnChange(value, event);
+    });
+    (0, _defineProperty2["default"])(_this, "handleVisibleChange", function (visible) {
+      return _this.setState({
+        visible: visible
+      });
+    });
+    (0, _defineProperty2["default"])(_this, "getAriaLabel", function () {
+      var getI18nText = _this.asProps._getI18nText;
+      if (_this.field === 'hours') return getI18nText('hours');
+      if (_this.field === 'minutes') return getI18nText('minutes');
+      return undefined;
+    });
+    return _this;
+  }
+  (0, _inherits2["default"])(ItemPicker, _Component);
+  return (0, _createClass2["default"])(ItemPicker, [{
+    key: "minMax",
+    value: function minMax() {
+      return [];
+    }
+  }, {
+    key: "dispatchOnChange",
+    value: function dispatchOnChange(value, event) {
+      this.setState({
+        dirtyValue: undefined
+      });
+      this.asProps.$onValueChange(value, this.field, event);
+    }
+  }, {
+    key: "submitChanges",
+    value: function submitChanges(event) {
+      var dirtyValue = this.state.dirtyValue;
+      if (dirtyValue !== undefined) {
+        // if changes value
+        if (dirtyValue) dirtyValue = this.parseValueWithMinMax(dirtyValue); // if not ""
+        this.dispatchOnChange(dirtyValue, event);
+      }
+    }
+  }, {
+    key: "render",
+    value: function render() {
+      var _ref = this.asProps,
+        _ref2;
+      var SPickerInput = _select["default"].Trigger;
+      var _this$asProps = this.asProps,
+        styles = _this$asProps.styles,
+        step = _this$asProps.step,
+        onSelect = _this$asProps.onSelect,
+        time = _this$asProps.time,
+        size = _this$asProps.size,
+        disabled = _this$asProps.disabled,
+        onVisibleChange = _this$asProps.onVisibleChange,
+        other = (0, _objectWithoutProperties2["default"])(_this$asProps, _excluded);
+      var _this$state = this.state,
+        dirtyValue = _this$state.dirtyValue,
+        visible = _this$state.visible;
+      var timeValue = time[MAP_FIELD_TO_TIME[this.field]];
+      var value = dirtyValue === undefined ? timeValue : dirtyValue;
+      var _this$minMax3 = this.minMax(),
+        _this$minMax4 = (0, _slicedToArray2["default"])(_this$minMax3, 2),
+        min = _this$minMax4[0],
+        max = _this$minMax4[1];
+      return _ref2 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(_select["default"], _ref2.cn("Select", (0, _objectSpread2["default"])((0, _objectSpread2["default"])({}, other), {}, {
+        "interaction": 'focus',
+        "size": size ? MAP_SIZE_SELECT[size] : false,
+        "onChange": (0, _assignProps2.callAllEventHandlers)(onSelect, this.handleSelect),
+        "onVisibleChange": (0, _assignProps2.callAllEventHandlers)(onVisibleChange, this.handleVisibleChange),
+        "visible": visible,
+        "value": timeValue
+      })), /*#__PURE__*/_react["default"].createElement(SPickerInput, _ref2.cn("SPickerInput", (0, _objectSpread2["default"])({}, (0, _core.assignProps)({
+        "tag": _input["default"].Value,
+        "ref": this.inputRef,
+        "inputMode": 'numeric',
+        "size": size,
+        "disabled": disabled,
+        "neighborLocation": false,
+        "value": value,
+        "aria-label": this.getAriaLabel(),
+        "onChange": this.handleChange,
+        "onBlur": this.handleBlur,
+        "onKeyDown": this.handleKeyDown
+      }, _ref)))), /*#__PURE__*/_react["default"].createElement(_select["default"].Menu, {
+        hMax: 180
+      }, getOptions(min, max, step)));
+    }
+  }]);
+}(_core.Component);
+(0, _defineProperty2["default"])(ItemPicker, "defaultProps", {
+  placeholder: '00',
+  offset: defaultPopperOffset
+});
+var Hours = exports.Hours = /*#__PURE__*/function (_ItemPicker2) {
+  function Hours() {
+    var _this2;
+    (0, _classCallCheck2["default"])(this, Hours);
+    for (var _len2 = arguments.length, args = new Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {
+      args[_key2] = arguments[_key2];
+    }
+    _this2 = (0, _callSuper2["default"])(this, Hours, [].concat(args));
+    (0, _defineProperty2["default"])(_this2, "field", 'hours');
+    (0, _defineProperty2["default"])(_this2, "handleKeyDown", function (event) {
+      var currentTarget = event.currentTarget;
+      if (event.key === 'Enter') {
+        _this2.submitChanges(event);
+      }
+      if (event.key === 'ArrowRight') {
+        if (currentTarget.selectionStart >= currentTarget.value.length && currentTarget.selectionStart === currentTarget.selectionEnd) {
+          event.preventDefault();
+          _this2.focusNext();
+        }
+      }
+    });
+    return _this2;
+  }
+  (0, _inherits2["default"])(Hours, _ItemPicker2);
+  return (0, _createClass2["default"])(Hours, [{
+    key: "minMax",
+    value: function minMax() {
+      var is12Hour = this.asProps.is12Hour;
+      if (is12Hour) {
+        return [1, 12];
+      } else {
+        return [0, 23];
+      }
+    }
+  }, {
+    key: "focusNext",
+    value: function focusNext() {
+      if (this.asProps.minutesInputRef.current) {
+        this.setState({
+          visible: false
+        });
+        this.asProps.minutesInputRef.current.focus();
+      }
+    }
+  }, {
+    key: "componentDidUpdate",
+    value: function componentDidUpdate(_prevProps, prevState) {
+      var dirtyValue = this.state.dirtyValue;
+      if (prevState.dirtyValue === undefined || dirtyValue === undefined) return;
+      if (prevState.dirtyValue.length === 1 && dirtyValue.length === 2) {
+        this.focusNext();
+      }
+    }
+  }]);
+}(ItemPicker);
+(0, _defineProperty2["default"])(Hours, "defaultProps", function (_ref3) {
+  var size = _ref3.size;
+  return (0, _objectSpread2["default"])((0, _objectSpread2["default"])({}, ItemPicker.defaultProps), {}, {
+    ml: size === 'l' ? 3 : undefined
+  });
+});
+var Minutes = exports.Minutes = /*#__PURE__*/function (_ItemPicker3) {
+  function Minutes() {
+    var _this3;
+    (0, _classCallCheck2["default"])(this, Minutes);
+    for (var _len3 = arguments.length, args = new Array(_len3), _key3 = 0; _key3 < _len3; _key3++) {
+      args[_key3] = arguments[_key3];
+    }
+    _this3 = (0, _callSuper2["default"])(this, Minutes, [].concat(args));
+    (0, _defineProperty2["default"])(_this3, "field", 'minutes');
+    (0, _defineProperty2["default"])(_this3, "handleKeyDown", function (event) {
+      var currentTarget = event.currentTarget;
+      if (event.key === 'ArrowLeft') {
+        if (currentTarget.selectionStart <= 0 && currentTarget.selectionStart === currentTarget.selectionEnd) {
+          event.preventDefault();
+          _this3.focusPrev();
+        }
+      }
+      if (event.key === 'Backspace') {
+        if (currentTarget.value.length === 0) {
+          event.preventDefault();
+          _this3.focusPrev();
+        }
+      }
+      if (event.key === 'Enter') _this3.submitChanges(event);
+    });
+    return _this3;
+  }
+  (0, _inherits2["default"])(Minutes, _ItemPicker3);
+  return (0, _createClass2["default"])(Minutes, [{
+    key: "minMax",
+    value: function minMax() {
+      return [0, 59];
+    }
+  }, {
+    key: "focusPrev",
+    value: function focusPrev() {
+      if (this.asProps.hoursInputRef.current) {
+        this.setState({
+          visible: false
+        });
+        this.asProps.hoursInputRef.current.focus();
+      }
+    }
+  }]);
+}(ItemPicker);
+(0, _defineProperty2["default"])(Minutes, "defaultProps", function (_ref4) {
+  var size = _ref4.size;
+  return (0, _objectSpread2["default"])((0, _objectSpread2["default"])({}, ItemPicker.defaultProps), {}, {
+    mr: size === 'l' ? 3 : undefined
+  });
+});
+//# sourceMappingURL=PickerInput.js.map

package/lib/cjs/PickerInput.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PickerInput.js","names":["_core","require","_assignProps2","_input","_interopRequireDefault","_select","_react","_TimePicker","_excluded","MAP_FIELD_TO_TIME","hours","minutes","MAP_SIZE_SELECT","m","l","getOptions","min","max","step","arguments","length","undefined","Number","toFixed","options","Array","fill","numValue","map","_i","index","value","withLeadingZero","String","createElement","Option","key","defaultPopperOffset","ItemPicker","_Component","_this","_classCallCheck2","_len","args","_key","_callSuper2","concat","_defineProperty2","React","createRef","dirtyValue","visible","_this$minMax","minMax","_this$minMax2","_slicedToArray2","Math","event","stopPropagation","numberValue","intOrDefault","NaN","isNaN","setState","slice","submitChanges","dispatchOnChange","getI18nText","asProps","_getI18nText","field","_inherits2","_createClass2","$onValueChange","state","parseValueWithMinMax","render","_ref","_ref2","SPickerInput","Select","Trigger","_this$asProps","styles","onSelect","time","size","disabled","onVisibleChange","other","_objectWithoutProperties2","_this$state","timeValue","_this$minMax3","_this$minMax4","sstyled","cn","_objectSpread2","callAllEventHandlers","handleSelect","handleVisibleChange","assignProps","Input","Value","inputRef","getAriaLabel","handleChange","handleBlur","handleKeyDown","Menu","hMax","Component","placeholder","offset","Hours","exports","_ItemPicker2","_this2","_len2","_key2","currentTarget","selectionStart","selectionEnd","preventDefault","focusNext","is12Hour","minutesInputRef","current","focus","componentDidUpdate","_prevProps","prevState","_ref3","defaultProps","ml","Minutes","_ItemPicker3","_this3","_len3","_key3","focusPrev","hoursInputRef","_ref4","mr"],"sources":["../../src/PickerInput.jsx"],"sourcesContent":["import { Component, sstyled, Root } from '@semcore/core';\nimport { callAllEventHandlers } from '@semcore/core/lib/utils/assignProps';\nimport Input from '@semcore/input';\nimport Select from '@semcore/select';\nimport React from 'react';\n\nimport { intOrDefault, withLeadingZero } from './TimePicker';\n\nconst MAP_FIELD_TO_TIME = {\n  hours: 0,\n  minutes: 1,\n};\n\nconst MAP_SIZE_SELECT = {\n  m: 'm',\n  l: 'l',\n};\n\nfunction getOptions(min, max, step = 1) {\n  const length = Number(((max + 1 - min) / step).toFixed(0));\n  const options = Array(length).fill('');\n  let numValue = min;\n  return options.map((_i, index) => {\n    numValue = index === 0 ? numValue : numValue + step;\n    const value = withLeadingZero(String(numValue));\n    return (\n      <Select.Option value={value} key={value}>\n        {value}\n      </Select.Option>\n    );\n  });\n}\n\nconst defaultPopperOffset = [-8, 4];\n\nclass ItemPicker extends Component {\n  static defaultProps = {\n    placeholder: '00',\n    offset: defaultPopperOffset,\n  };\n\n  inputRef = React.createRef();\n\n  minMax() {\n    return [];\n  }\n\n  state = {\n    dirtyValue: undefined,\n    visible: false,\n  };\n\n  parseValueWithMinMax = (value) => {\n    const [min, max] = this.minMax();\n    return String(Math.max(min, Math.min(max, value)));\n  };\n\n  dispatchOnChange(value, event) {\n    this.setState({ dirtyValue: undefined });\n    this.asProps.$onValueChange(value, this.field, event);\n  }\n\n  submitChanges(event) {\n    let { dirtyValue } = this.state;\n    if (dirtyValue !== undefined) {\n      // if changes value\n      if (dirtyValue) dirtyValue = this.parseValueWithMinMax(dirtyValue); // if not \"\"\n      this.dispatchOnChange(dirtyValue, event);\n    }\n  }\n\n  handleChange = (value, event) => {\n    /* hide props for bubbling events */\n    event.stopPropagation();\n    const numberValue = intOrDefault(Number(value), Number.NaN);\n\n    if (!Number.isNaN(numberValue)) {\n      this.setState({ dirtyValue: value.slice(-2) });\n    }\n  };\n\n  handleBlur = (event) => this.submitChanges(event);\n\n  /* rewrite method */\n  handleKeyDown = () => {};\n\n  handleSelect = (value, event) => {\n    this.dispatchOnChange(value, event);\n  };\n\n  handleVisibleChange = (visible) => this.setState({ visible });\n\n  getAriaLabel = () => {\n    const { _getI18nText: getI18nText } = this.asProps;\n    if (this.field === 'hours') return getI18nText('hours');\n    if (this.field === 'minutes') return getI18nText('minutes');\n    return undefined;\n  };\n\n  render() {\n    const SPickerInput = Root;\n    const { styles, step, onSelect, time, size, disabled, onVisibleChange, ...other } =\n      this.asProps;\n    const { dirtyValue, visible } = this.state;\n    const timeValue = time[MAP_FIELD_TO_TIME[this.field]];\n    const value = dirtyValue === undefined ? timeValue : dirtyValue;\n    const [min, max] = this.minMax();\n\n    return sstyled(styles)(\n      <Select\n        {...other}\n        interaction='focus'\n        size={size ? MAP_SIZE_SELECT[size] : false}\n        onChange={callAllEventHandlers(onSelect, this.handleSelect)}\n        onVisibleChange={callAllEventHandlers(onVisibleChange, this.handleVisibleChange)}\n        visible={visible}\n        value={timeValue}\n      >\n        <SPickerInput\n          render={Select.Trigger}\n          tag={Input.Value}\n          ref={this.inputRef}\n          inputMode='numeric'\n          size={size}\n          disabled={disabled}\n          neighborLocation={false}\n          value={value}\n          aria-label={this.getAriaLabel()}\n          onChange={this.handleChange}\n          onBlur={this.handleBlur}\n          onKeyDown={this.handleKeyDown}\n        />\n        <Select.Menu hMax={180}>{getOptions(min, max, step)}</Select.Menu>\n      </Select>,\n    );\n  }\n}\n\nclass Hours extends ItemPicker {\n  field = 'hours';\n  static defaultProps = ({ size }) => ({\n    ...ItemPicker.defaultProps,\n    ml: size === 'l' ? 3 : undefined,\n  });\n\n  minMax() {\n    const { is12Hour } = this.asProps;\n    if (is12Hour) {\n      return [1, 12];\n    } else {\n      return [0, 23];\n    }\n  }\n\n  focusNext() {\n    if (this.asProps.minutesInputRef.current) {\n      this.setState({ visible: false });\n      this.asProps.minutesInputRef.current.focus();\n    }\n  }\n\n  handleKeyDown = (event) => {\n    const { currentTarget } = event;\n    if (event.key === 'Enter') {\n      this.submitChanges(event);\n    }\n    if (event.key === 'ArrowRight') {\n      if (\n        currentTarget.selectionStart >= currentTarget.value.length &&\n        currentTarget.selectionStart === currentTarget.selectionEnd\n      ) {\n        event.preventDefault();\n        this.focusNext();\n      }\n    }\n  };\n\n  componentDidUpdate(_prevProps, prevState) {\n    const { dirtyValue } = this.state;\n    if (prevState.dirtyValue === undefined || dirtyValue === undefined) return;\n\n    if (prevState.dirtyValue.length === 1 && dirtyValue.length === 2) {\n      this.focusNext();\n    }\n  }\n}\n\nclass Minutes extends ItemPicker {\n  field = 'minutes';\n  static defaultProps = ({ size }) => ({\n    ...ItemPicker.defaultProps,\n    mr: size === 'l' ? 3 : undefined,\n  });\n\n  minMax() {\n    return [0, 59];\n  }\n\n  focusPrev() {\n    if (this.asProps.hoursInputRef.current) {\n      this.setState({ visible: false });\n      this.asProps.hoursInputRef.current.focus();\n    }\n  }\n\n  handleKeyDown = (event) => {\n    const { currentTarget } = event;\n    if (event.key === 'ArrowLeft') {\n      if (\n        currentTarget.selectionStart <= 0 &&\n        currentTarget.selectionStart === currentTarget.selectionEnd\n      ) {\n        event.preventDefault();\n        this.focusPrev();\n      }\n    }\n    if (event.key === 'Backspace') {\n      if (currentTarget.value.length === 0) {\n        event.preventDefault();\n        this.focusPrev();\n      }\n    }\n    if (event.key === 'Enter') this.submitChanges(event);\n  };\n}\n\nexport { Hours, Minutes };\n"],"mappings":"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","ignoreList":[]}