@majoo-ui/react 1.58.1 → 1.58.3

package/index.umd.js

@@ -9608,29 +9608,28 @@
       if (formattedValue !== lastValue) {
         var _formattedValue, _formattedValue2;
         //start adjustment
-        const cloneProps = Object.assign({}, ref);
-        const {
+        let {
           prefix = '',
           suffix = '',
           allowLeadingZeros,
           format
-        } = cloneProps;
+        } = Object.assign({}, ref);
         const formattedValueStartsWithZero = (_formattedValue = formattedValue) === null || _formattedValue === void 0 ? void 0 : _formattedValue.startsWith(`${prefix}0`);
         const formattedWithZeroAndSuffix = (_formattedValue2 = formattedValue) === null || _formattedValue2 === void 0 ? void 0 : _formattedValue2.endsWith(`0${suffix}`);
         const emptyFormattedValue = prefix || suffix || prefix + suffix || '';
         if ((formattedValueStartsWithZero || formattedWithZeroAndSuffix) && !allowLeadingZeros && !format) {
-          var _input$value;
+          var _formattedValue3, _input$value;
           const isSpecialChar = /^[+-]/.test(formattedValue);
-          if (formattedValue !== `${prefix}0${suffix}`) {
-            var _formattedValue3, _numAsString;
-            formattedValue = (_formattedValue3 = formattedValue) === null || _formattedValue3 === void 0 ? void 0 : _formattedValue3.replace(new RegExp(`^${isSpecialChar ? '\\' : ''}${prefix}0+${suffix}`), emptyFormattedValue);
+          if (formattedValue !== `${prefix}0${suffix}` && !((_formattedValue3 = formattedValue) !== null && _formattedValue3 !== void 0 && _formattedValue3.includes('0,'))) {
+            var _formattedValue4, _numAsString;
+            formattedValue = (_formattedValue4 = formattedValue) === null || _formattedValue4 === void 0 ? void 0 : _formattedValue4.replace(new RegExp(`^${isSpecialChar ? '\\' : ''}${prefix}0+${suffix}`), emptyFormattedValue);
             numAsString = (_numAsString = numAsString) === null || _numAsString === void 0 ? void 0 : _numAsString.replace(/^0+/, '');
           }
           if (formattedValue === emptyFormattedValue && !numAsString && [`${prefix}00${suffix}`, `${prefix}0${suffix}`].includes(input === null || input === void 0 ? void 0 : input.value)) {
             formattedValue = `${prefix}0${suffix}`;
             numAsString = '0';
           } else if (input !== null && input !== void 0 && (_input$value = input.value) !== null && _input$value !== void 0 && _input$value.includes('0,')) {
-            cloneProps.allowLeadingZeros = true;
+            allowLeadingZeros = true;
             formattedValue = input === null || input === void 0 ? void 0 : input.value;
             numAsString = this.removeFormatting(input === null || input === void 0 ? void 0 : input.value);
           }
@@ -13302,10 +13301,14 @@
       });
     }, [query]);
     React.useEffect(() => {
-      if (value !== null && value !== void 0 && value.length) {
+      if (defaultValue !== null && defaultValue !== void 0 && defaultValue.length) {
+        if (value !== null && value !== void 0 && value.length) {
+          setInputSelectValue(value);
+        }
+      } else {
         setInputSelectValue(value);
       }
-    }, [value]);
+    }, [value, defaultValue]);
     const sortItems = React__default["default"].useCallback(() => {
       if (sortBy === 'id') {
         option.sort(function (a, b) {
@@ -13587,7 +13590,7 @@
       __self: undefined,
       __source: {
         fileName: _jsxFileName$w,
-        lineNumber: 622,
+        lineNumber: 626,
         columnNumber: 7
       }
     }), /*#__PURE__*/React__default["default"].createElement(Select, {
@@ -13597,7 +13600,7 @@
       __self: undefined,
       __source: {
         fileName: _jsxFileName$w,
-        lineNumber: 623,
+        lineNumber: 627,
         columnNumber: 9
       }
     }, /*#__PURE__*/React__default["default"].createElement(InputWrapper$1, _extends({}, getComboboxProps(getDropdownProps({
@@ -13612,7 +13615,7 @@
       __self: undefined,
       __source: {
         fileName: _jsxFileName$w,
-        lineNumber: 624,
+        lineNumber: 628,
         columnNumber: 11
       }
     }), /*#__PURE__*/React__default["default"].createElement(Input$6, _extends({}, getInputProps({
@@ -13630,7 +13633,7 @@
       __self: undefined,
       __source: {
         fileName: _jsxFileName$w,
-        lineNumber: 634,
+        lineNumber: 638,
         columnNumber: 13
       }
     })), /*#__PURE__*/React__default["default"].createElement(Button$2, _extends({}, getToggleButtonProps({
@@ -13643,7 +13646,7 @@
       __self: undefined,
       __source: {
         fileName: _jsxFileName$w,
-        lineNumber: 641,
+        lineNumber: 645,
         columnNumber: 13
       }
     }), placeholder != null ? placeholder : t('placeholder', 'Pilih Item'))), /*#__PURE__*/React__default["default"].createElement(IconWrapper, _extends({}, getToggleButtonProps({
@@ -13654,7 +13657,7 @@
       __self: undefined,
       __source: {
         fileName: _jsxFileName$w,
-        lineNumber: 651,
+        lineNumber: 655,
         columnNumber: 11
       }
     }), /*#__PURE__*/React__default["default"].createElement(IconCaretDown, {
@@ -13662,7 +13665,7 @@
       __self: undefined,
       __source: {
         fileName: _jsxFileName$w,
-        lineNumber: 656,
+        lineNumber: 660,
         columnNumber: 13
       }
     }))), helperText && /*#__PURE__*/React__default["default"].createElement(Paragraph, {
@@ -13675,7 +13678,7 @@
       __self: undefined,
       __source: {
         fileName: _jsxFileName$w,
-        lineNumber: 660,
+        lineNumber: 664,
         columnNumber: 11
       }
     }, helperText), showSelectedTag && !showCounter && selectedItems.length !== 0 && /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement(TagWrapper$2, {
@@ -13683,7 +13686,7 @@
       __self: undefined,
       __source: {
         fileName: _jsxFileName$w,
-        lineNumber: 666,
+        lineNumber: 670,
         columnNumber: 13
       }
     }, isShowTagSelectAll ? /*#__PURE__*/React__default["default"].createElement(Tag, _extends({
@@ -13703,7 +13706,7 @@
       __self: undefined,
       __source: {
         fileName: _jsxFileName$w,
-        lineNumber: 668,
+        lineNumber: 672,
         columnNumber: 17
       }
     }), selectAllLabel != null ? selectAllLabel : t('selectAllLabelText', 'Pilih Semua')) : selectedItems === null || selectedItems === void 0 ? void 0 : (_selectedItems$filter = selectedItems.filter(item => (item === null || item === void 0 ? void 0 : item.id) !== '!all')) === null || _selectedItems$filter === void 0 ? void 0 : (_selectedItems$filter2 = _selectedItems$filter.filter((_, idx) => {
@@ -13733,7 +13736,7 @@
       __self: undefined,
       __source: {
         fileName: _jsxFileName$w,
-        lineNumber: 696,
+        lineNumber: 700,
         columnNumber: 21
       }
     }), selectedItem.name))), collapsible && !isShowTagSelectAll && (selectedItems === null || selectedItems === void 0 ? void 0 : selectedItems.length) > 5 && /*#__PURE__*/React__default["default"].createElement(Flex$1, {
@@ -13742,7 +13745,7 @@
       __self: undefined,
       __source: {
         fileName: _jsxFileName$w,
-        lineNumber: 718,
+        lineNumber: 722,
         columnNumber: 15
       }
     }, /*#__PURE__*/React__default["default"].createElement(Flex$1, {
@@ -13752,14 +13755,14 @@
       __self: undefined,
       __source: {
         fileName: _jsxFileName$w,
-        lineNumber: 719,
+        lineNumber: 723,
         columnNumber: 17
       }
     }, /*#__PURE__*/React__default["default"].createElement(Separator$2, {
       __self: undefined,
       __source: {
         fileName: _jsxFileName$w,
-        lineNumber: 720,
+        lineNumber: 724,
         columnNumber: 19
       }
     }), /*#__PURE__*/React__default["default"].createElement(Flex$1, {
@@ -13773,7 +13776,7 @@
       __self: undefined,
       __source: {
         fileName: _jsxFileName$w,
-        lineNumber: 721,
+        lineNumber: 725,
         columnNumber: 19
       }
     }, showAllTags ? /*#__PURE__*/React__default["default"].createElement(icons.ChevronUpOutline, {
@@ -13781,7 +13784,7 @@
       __self: undefined,
       __source: {
         fileName: _jsxFileName$w,
-        lineNumber: 727,
+        lineNumber: 731,
         columnNumber: 23
       }
     }) : /*#__PURE__*/React__default["default"].createElement(icons.ChevronDownOutline, {
@@ -13789,7 +13792,7 @@
       __self: undefined,
       __source: {
         fileName: _jsxFileName$w,
-        lineNumber: 729,
+        lineNumber: 733,
         columnNumber: 23
       }
     }), /*#__PURE__*/React__default["default"].createElement(Paragraph, {
@@ -13801,14 +13804,14 @@
       __self: undefined,
       __source: {
         fileName: _jsxFileName$w,
-        lineNumber: 731,
+        lineNumber: 735,
         columnNumber: 21
       }
     }, showAllTags ? t('showSomeText', 'Tampilkan Sebagian') : t('showAllText', 'Tampilkan Semua'))), /*#__PURE__*/React__default["default"].createElement(Separator$2, {
       __self: undefined,
       __source: {
         fileName: _jsxFileName$w,
-        lineNumber: 735,
+        lineNumber: 739,
         columnNumber: 19
       }
     })), /*#__PURE__*/React__default["default"].createElement(Paragraph, {
@@ -13819,7 +13822,7 @@
       __self: undefined,
       __source: {
         fileName: _jsxFileName$w,
-        lineNumber: 737,
+        lineNumber: 741,
         columnNumber: 17
       }
     }, `${selectedItems === null || selectedItems === void 0 ? void 0 : (_selectedItems$filter3 = selectedItems.filter(item => (item === null || item === void 0 ? void 0 : item.id) !== '!all')) === null || _selectedItems$filter3 === void 0 ? void 0 : _selectedItems$filter3.length} ${labelCounter || t('labelCounterText', 'Item terpilih')}`))), showCounter && !isShowTagSelectAll && Boolean(selectedItems === null || selectedItems === void 0 ? void 0 : selectedItems.length) && /*#__PURE__*/React__default["default"].createElement(Paragraph, {
@@ -13831,7 +13834,7 @@
       __self: undefined,
       __source: {
         fileName: _jsxFileName$w,
-        lineNumber: 747,
+        lineNumber: 751,
         columnNumber: 11
       }
     }, `${selectedItems === null || selectedItems === void 0 ? void 0 : (_selectedItems$filter4 = selectedItems.filter(item => (item === null || item === void 0 ? void 0 : item.id) !== '!all')) === null || _selectedItems$filter4 === void 0 ? void 0 : _selectedItems$filter4.length} ${labelCounter || t('labelCounterText', 'Item terpilih')}`), /*#__PURE__*/React__default["default"].createElement(OptionWrapper$1, {
@@ -13844,7 +13847,7 @@
       __self: undefined,
       __source: {
         fileName: _jsxFileName$w,
-        lineNumber: 754,
+        lineNumber: 758,
         columnNumber: 9
       }
     }, isLoading && /*#__PURE__*/React__default["default"].createElement(Flex$1, {
@@ -13866,7 +13869,7 @@
       __self: undefined,
       __source: {
         fileName: _jsxFileName$w,
-        lineNumber: 764,
+        lineNumber: 768,
         columnNumber: 13
       }
     }, /*#__PURE__*/React__default["default"].createElement(Text$1, {
@@ -13874,7 +13877,7 @@
       __self: undefined,
       __source: {
         fileName: _jsxFileName$w,
-        lineNumber: 781,
+        lineNumber: 785,
         columnNumber: 15
       }
     }, "Loading....")), items.length > 0 || isLoading ? /*#__PURE__*/React__default["default"].createElement(Option, _extends({}, getMenuProps({
@@ -13885,7 +13888,7 @@
       __self: undefined,
       __source: {
         fileName: _jsxFileName$w,
-        lineNumber: 787,
+        lineNumber: 791,
         columnNumber: 13
       }
     }), /*#__PURE__*/React__default["default"].createElement(ConditionalWrapper, {
@@ -13900,14 +13903,14 @@
         __self: undefined,
         __source: {
           fileName: _jsxFileName$w,
-          lineNumber: 791,
+          lineNumber: 795,
           columnNumber: 19
         }
       }, child),
       __self: undefined,
       __source: {
         fileName: _jsxFileName$w,
-        lineNumber: 788,
+        lineNumber: 792,
         columnNumber: 15
       }
     }, isOpen && items.map((item, index) => {
@@ -13927,7 +13930,7 @@
         __self: undefined,
         __source: {
           fileName: _jsxFileName$w,
-          lineNumber: 803,
+          lineNumber: 807,
           columnNumber: 21
         }
       }), /*#__PURE__*/React__default["default"].createElement(IconWrapper, {
@@ -13940,7 +13943,7 @@
         __self: undefined,
         __source: {
           fileName: _jsxFileName$w,
-          lineNumber: 816,
+          lineNumber: 820,
           columnNumber: 23
         }
       }, !(item !== null && item !== void 0 && item.hideCheck) && (item.isDisabled ? /*#__PURE__*/React__default["default"].createElement(CheckOutline, {
@@ -13948,7 +13951,7 @@
         __self: undefined,
         __source: {
           fileName: _jsxFileName$w,
-          lineNumber: 826,
+          lineNumber: 830,
           columnNumber: 29
         }
       }) : selectedValue.includes(item.id) && (item.isDisabled === false || item.isDisabled === undefined) && /*#__PURE__*/React__default["default"].createElement(CheckOutline, {
@@ -13956,21 +13959,21 @@
         __self: undefined,
         __source: {
           fileName: _jsxFileName$w,
-          lineNumber: 830,
+          lineNumber: 834,
           columnNumber: 31
         }
       })), isShowSelectAll && (item === null || item === void 0 ? void 0 : item.id) === '!all' && selectedValue !== null && selectedValue !== void 0 && selectedValue.length && (selectedValue === null || selectedValue === void 0 ? void 0 : selectedValue.length) < (items === null || items === void 0 ? void 0 : items.length) ? /*#__PURE__*/React__default["default"].createElement(IndeterminateFilled, {
         __self: undefined,
         __source: {
           fileName: _jsxFileName$w,
-          lineNumber: 837,
+          lineNumber: 841,
           columnNumber: 27
         }
       }, "-") : /*#__PURE__*/React__default["default"].createElement("div", {
         __self: undefined,
         __source: {
           fileName: _jsxFileName$w,
-          lineNumber: 839,
+          lineNumber: 843,
           columnNumber: 27
         }
       })), /*#__PURE__*/React__default["default"].createElement(Item$3, {
@@ -13981,7 +13984,7 @@
         __self: undefined,
         __source: {
           fileName: _jsxFileName$w,
-          lineNumber: 842,
+          lineNumber: 846,
           columnNumber: 23
         }
       }, item.render ? (_item$render = item.render) === null || _item$render === void 0 ? void 0 : _item$render.call(item, item.name) : item.name));
@@ -13995,14 +13998,14 @@
       __self: undefined,
       __source: {
         fileName: _jsxFileName$w,
-        lineNumber: 850,
+        lineNumber: 854,
         columnNumber: 13
       }
     }), /*#__PURE__*/React__default["default"].createElement(StyledDiv, {
       __self: undefined,
       __source: {
         fileName: _jsxFileName$w,
-        lineNumber: 851,
+        lineNumber: 855,
         columnNumber: 15
       }
     }, /*#__PURE__*/React__default["default"].createElement("div", {
@@ -14012,7 +14015,7 @@
       __self: undefined,
       __source: {
         fileName: _jsxFileName$w,
-        lineNumber: 852,
+        lineNumber: 856,
         columnNumber: 17
       }
     }, /*#__PURE__*/React__default["default"].createElement(icons.CircleInfoOutline, {
@@ -14024,7 +14027,7 @@
       __self: undefined,
       __source: {
         fileName: _jsxFileName$w,
-        lineNumber: 853,
+        lineNumber: 857,
         columnNumber: 19
       }
     })), textEmptyItem != null ? textEmptyItem : t('emptyItemText', 'Item tidak ditemukan')))));
@@ -17405,7 +17408,11 @@
     value,
     disabled,
     disabledHour,
+    disabledHourIncrease,
+    disabledHourDecrease,
     disabledMinute,
+    disabledMinuteIncrease,
+    disabledMinuteDecrease,
     minDate,
     maxDate
   }) => {
@@ -17421,11 +17428,11 @@
     function handleUp(type) {
       if (!disabled) {
         if (type === 'hour') {
-          if ((!maxDate || moment__default["default"](date).add(1, 'hours') <= moment__default["default"](maxDate)) && !disabledHour) {
+          if ((!maxDate || moment__default["default"](date).add(1, 'hours') <= moment__default["default"](maxDate)) && !disabledHour && !disabledHourIncrease) {
             setNewDate(moment__default["default"](date).add(1, 'hours'));
           }
         } else {
-          if ((!maxDate || moment__default["default"](date).add(1, 'minutes') <= moment__default["default"](maxDate)) && !disabledMinute) {
+          if ((!maxDate || moment__default["default"](date).add(1, 'minutes') <= moment__default["default"](maxDate)) && !disabledMinute && !disabledMinuteIncrease) {
             setNewDate(moment__default["default"](date).add(1, 'minutes'));
           }
         }
@@ -17434,11 +17441,11 @@
     function handleDown(type) {
       if (!disabled) {
         if (type === 'hour') {
-          if ((!minDate || moment__default["default"](date).subtract(1, 'hours') >= moment__default["default"](minDate)) && !disabledHour) {
+          if ((!minDate || moment__default["default"](date).subtract(1, 'hours') >= moment__default["default"](minDate)) && !disabledHour && !disabledHourDecrease) {
             setNewDate(moment__default["default"](date).subtract(1, 'hours'));
           }
         } else {
-          if ((!minDate || moment__default["default"](date).subtract(1, 'minutes') >= moment__default["default"](minDate)) && !disabledMinute) {
+          if ((!minDate || moment__default["default"](date).subtract(1, 'minutes') >= moment__default["default"](minDate)) && !disabledMinute && !disabledMinuteDecrease) {
             setNewDate(moment__default["default"](date).subtract(1, 'minutes'));
           }
         }
@@ -17455,7 +17462,7 @@
       __self: undefined,
       __source: {
         fileName: _jsxFileName$r,
-        lineNumber: 169,
+        lineNumber: 185,
         columnNumber: 5
       }
     }, /*#__PURE__*/React__default["default"].createElement(Flex$1, {
@@ -17464,27 +17471,27 @@
       __self: undefined,
       __source: {
         fileName: _jsxFileName$r,
-        lineNumber: 175,
+        lineNumber: 191,
         columnNumber: 7
       }
     }, /*#__PURE__*/React__default["default"].createElement(IconStateFull$2, {
       type: "up",
-      disabled: disabled || disabledHour,
+      disabled: disabled || disabledHour || disabledHourIncrease,
       onClick: () => handleUp('hour'),
       __self: undefined,
       __source: {
         fileName: _jsxFileName$r,
-        lineNumber: 176,
+        lineNumber: 192,
         columnNumber: 9
       }
     }), /*#__PURE__*/React__default["default"].createElement(IconStateFull$2, {
       type: "up",
-      disabled: disabled || disabledMinute,
+      disabled: disabled || disabledMinute || disabledMinuteIncrease,
       onClick: () => handleUp('minutes'),
       __self: undefined,
       __source: {
         fileName: _jsxFileName$r,
-        lineNumber: 177,
+        lineNumber: 197,
         columnNumber: 9
       }
     })), /*#__PURE__*/React__default["default"].createElement(Input$3, {
@@ -17495,7 +17502,7 @@
       __self: undefined,
       __source: {
         fileName: _jsxFileName$r,
-        lineNumber: 179,
+        lineNumber: 203,
         columnNumber: 7
       }
     }), /*#__PURE__*/React__default["default"].createElement(Time, {
@@ -17503,7 +17510,7 @@
       __self: undefined,
       __source: {
         fileName: _jsxFileName$r,
-        lineNumber: 180,
+        lineNumber: 204,
         columnNumber: 7
       }
     }, moment__default["default"](date).format(format)), /*#__PURE__*/React__default["default"].createElement(Flex$1, {
@@ -17512,27 +17519,27 @@
       __self: undefined,
       __source: {
         fileName: _jsxFileName$r,
-        lineNumber: 181,
+        lineNumber: 205,
         columnNumber: 7
       }
     }, /*#__PURE__*/React__default["default"].createElement(IconStateFull$2, {
       type: "down",
-      disabled: disabled || disabledHour,
+      disabled: disabled || disabledHour || disabledHourDecrease,
       onClick: () => handleDown('hour'),
       __self: undefined,
       __source: {
         fileName: _jsxFileName$r,
-        lineNumber: 182,
+        lineNumber: 206,
         columnNumber: 9
       }
     }), /*#__PURE__*/React__default["default"].createElement(IconStateFull$2, {
       type: "down",
-      disabled: disabled || disabledMinute,
+      disabled: disabled || disabledMinute || disabledMinuteDecrease,
       onClick: () => handleDown('minutes'),
       __self: undefined,
       __source: {
         fileName: _jsxFileName$r,
-        lineNumber: 183,
+        lineNumber: 211,
         columnNumber: 9
       }
     })));
@@ -17562,10 +17569,26 @@
       Disabled hour state.
      */
     disabledHour: PropTypes__default["default"].bool,
+    /**
+      Disabled increase hour state.
+     */
+    disabledHourIncrease: PropTypes__default["default"].bool,
+    /**
+      Disabled decrease hour state.
+     */
+    disabledHourDecrease: PropTypes__default["default"].bool,
     /**
       Disabled minute state.
      */
     disabledMinute: PropTypes__default["default"].bool,
+    /**
+      Disabled increase minute state.
+     */
+    disabledMinuteIncrease: PropTypes__default["default"].bool,
+    /**
+      Disabled decrease minute state.
+     */
+    disabledMinuteDecrease: PropTypes__default["default"].bool,
     /**
       Specify the minimum date.
      */
@@ -17582,7 +17605,11 @@
     value,
     disabled,
     disabledHour,
+    disabledHourIncrease,
+    disabledHourDecrease,
     disabledMinute,
+    disabledMinuteIncrease,
+    disabledMinuteDecrease,
     css,
     minDate,
     maxDate
@@ -17597,14 +17624,18 @@
       __self: undefined,
       __source: {
         fileName: _jsxFileName$r,
-        lineNumber: 241,
+        lineNumber: 293,
         columnNumber: 5
       }
     }, /*#__PURE__*/React__default["default"].createElement(NativeTimePicker, {
       size: size,
       disabled: disabled,
       disabledHour: disabledHour,
+      disabledHourIncrease: disabledHourIncrease,
+      disabledHourDecrease: disabledHourDecrease,
       disabledMinute: disabledMinute,
+      disabledMinuteIncrease: disabledMinuteIncrease,
+      disabledMinuteDecrease: disabledMinuteDecrease,
       onChange: onChange,
       defaultValue: defaultValue,
       value: value,
@@ -17613,7 +17644,7 @@
       __self: undefined,
       __source: {
         fileName: _jsxFileName$r,
-        lineNumber: 242,
+        lineNumber: 294,
         columnNumber: 7
       }
     }));
@@ -17648,10 +17679,26 @@
      Disabled hour state.
     */
     disabledHour: PropTypes__default["default"].bool,
+    /**
+      Disabled increase hour state.
+     */
+    disabledHourIncrease: PropTypes__default["default"].bool,
+    /**
+        Disabled decrease hour state.
+       */
+    disabledHourDecrease: PropTypes__default["default"].bool,
     /**
      Disabled minute state.
     */
     disabledMinute: PropTypes__default["default"].bool,
+    /**
+      Disabled increase minute state.
+     */
+    disabledMinuteIncrease: PropTypes__default["default"].bool,
+    /**
+        Disabled decrease minute state.
+       */
+    disabledMinuteDecrease: PropTypes__default["default"].bool,
     /**
       Specify the minimum date.
      */
@@ -17678,7 +17725,11 @@
     css,
     disabled,
     disabledHour,
+    disabledHourIncrease,
+    disabledHourDecrease,
     disabledMinute,
+    disabledMinuteIncrease,
+    disabledMinuteDecrease,
     readOnly,
     minDate,
     maxDate,
@@ -17699,7 +17750,7 @@
       __self: this,
       __source: {
         fileName: _jsxFileName$q,
-        lineNumber: 41,
+        lineNumber: 45,
         columnNumber: 5
       }
     }, /*#__PURE__*/React__default["default"].createElement(InputLeftElement, {
@@ -17708,14 +17759,14 @@
         __self: this,
         __source: {
           fileName: _jsxFileName$q,
-          lineNumber: 42,
+          lineNumber: 46,
           columnNumber: 35
         }
       }),
       __self: this,
       __source: {
         fileName: _jsxFileName$q,
-        lineNumber: 42,
+        lineNumber: 46,
         columnNumber: 7
       }
     }), /*#__PURE__*/React__default["default"].createElement(InputText, {
@@ -17730,7 +17781,7 @@
       __self: this,
       __source: {
         fileName: _jsxFileName$q,
-        lineNumber: 43,
+        lineNumber: 47,
         columnNumber: 7
       }
     }));
@@ -17738,7 +17789,11 @@
       size: size,
       disabled: disabled,
       disabledHour: disabledHour,
+      disabledHourIncrease: disabledHourIncrease,
+      disabledHourDecrease: disabledHourDecrease,
       disabledMinute: disabledMinute,
+      disabledMinuteIncrease: disabledMinuteIncrease,
+      disabledMinuteDecrease: disabledMinuteDecrease,
       defaultValue: defaultValue,
       value: value,
       onChange: onChange,
@@ -17747,7 +17802,7 @@
       __self: this,
       __source: {
         fileName: _jsxFileName$q,
-        lineNumber: 56,
+        lineNumber: 60,
         columnNumber: 5
       }
     });
@@ -17758,7 +17813,7 @@
       __self: this,
       __source: {
         fileName: _jsxFileName$q,
-        lineNumber: 70,
+        lineNumber: 78,
         columnNumber: 5
       }
     }, disabled || readOnly ? /*#__PURE__*/React__default["default"].createElement(Box, {
@@ -17766,14 +17821,14 @@
       __self: this,
       __source: {
         fileName: _jsxFileName$q,
-        lineNumber: 72,
+        lineNumber: 80,
         columnNumber: 9
       }
     }, renderInputGroup()) : /*#__PURE__*/React__default["default"].createElement(PopoverTrigger, {
       __self: this,
       __source: {
         fileName: _jsxFileName$q,
-        lineNumber: 74,
+        lineNumber: 82,
         columnNumber: 9
       }
     }, /*#__PURE__*/React__default["default"].createElement(Box, {
@@ -17781,14 +17836,14 @@
       __self: this,
       __source: {
         fileName: _jsxFileName$q,
-        lineNumber: 75,
+        lineNumber: 83,
         columnNumber: 11
       }
     }, renderInputGroup())), /*#__PURE__*/React__default["default"].createElement(PopoverContent, {
       __self: this,
       __source: {
         fileName: _jsxFileName$q,
-        lineNumber: 78,
+        lineNumber: 86,
         columnNumber: 7
       }
     }, renderTimePicker()));
@@ -17810,10 +17865,26 @@
      Disabled hour state.
     */
     disabledHour: PropTypes__default["default"].bool,
+    /**
+      Disabled increase hour state.
+     */
+    disabledHourIncrease: PropTypes__default["default"].bool,
+    /**
+          Disabled decrease hour state.
+         */
+    disabledHourDecrease: PropTypes__default["default"].bool,
     /**
       Disabled minute state.
      */
     disabledMinute: PropTypes__default["default"].bool,
+    /**
+      Disabled increase minute state.
+     */
+    disabledMinuteIncrease: PropTypes__default["default"].bool,
+    /**
+          Disabled decrease minute state.
+         */
+    disabledMinuteDecrease: PropTypes__default["default"].bool,
     /**
      ReadOnly state.
     */
@@ -21946,6 +22017,7 @@
     letterSpacing: '$short-content-regular',
     fontWeight: '400',
     color: '$textPrimary',
+    wordBreak: 'break-word',
     variants: {
       subCell: {
         true: {