@majoo-ui/react 1.58.1 → 1.58.3

package/index.esm.js

@@ -9527,29 +9527,28 @@ var NumberFormat = /*@__PURE__*/function (superclass) {
     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);
         }
@@ -13157,10 +13156,14 @@ const InputSelectCheck = /*#__PURE__*/forwardRef((_ref, ref) => {
     });
   }, [query]);
   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.useCallback(() => {
     if (sortBy === 'id') {
       option.sort(function (a, b) {
@@ -13441,7 +13444,7 @@ const InputSelectCheck = /*#__PURE__*/forwardRef((_ref, ref) => {
     __self: undefined,
     __source: {
       fileName: _jsxFileName$w,
-      lineNumber: 622,
+      lineNumber: 626,
       columnNumber: 7
     }
   }), /*#__PURE__*/React__default.createElement(Select, {
@@ -13451,7 +13454,7 @@ const InputSelectCheck = /*#__PURE__*/forwardRef((_ref, ref) => {
     __self: undefined,
     __source: {
       fileName: _jsxFileName$w,
-      lineNumber: 623,
+      lineNumber: 627,
       columnNumber: 9
     }
   }, /*#__PURE__*/React__default.createElement(InputWrapper$1, _extends({}, getComboboxProps(getDropdownProps({
@@ -13466,7 +13469,7 @@ const InputSelectCheck = /*#__PURE__*/forwardRef((_ref, ref) => {
     __self: undefined,
     __source: {
       fileName: _jsxFileName$w,
-      lineNumber: 624,
+      lineNumber: 628,
       columnNumber: 11
     }
   }), /*#__PURE__*/React__default.createElement(Input$6, _extends({}, getInputProps({
@@ -13484,7 +13487,7 @@ const InputSelectCheck = /*#__PURE__*/forwardRef((_ref, ref) => {
     __self: undefined,
     __source: {
       fileName: _jsxFileName$w,
-      lineNumber: 634,
+      lineNumber: 638,
       columnNumber: 13
     }
   })), /*#__PURE__*/React__default.createElement(Button$2, _extends({}, getToggleButtonProps({
@@ -13497,7 +13500,7 @@ const InputSelectCheck = /*#__PURE__*/forwardRef((_ref, ref) => {
     __self: undefined,
     __source: {
       fileName: _jsxFileName$w,
-      lineNumber: 641,
+      lineNumber: 645,
       columnNumber: 13
     }
   }), placeholder != null ? placeholder : t('placeholder', 'Pilih Item'))), /*#__PURE__*/React__default.createElement(IconWrapper, _extends({}, getToggleButtonProps({
@@ -13508,7 +13511,7 @@ const InputSelectCheck = /*#__PURE__*/forwardRef((_ref, ref) => {
     __self: undefined,
     __source: {
       fileName: _jsxFileName$w,
-      lineNumber: 651,
+      lineNumber: 655,
       columnNumber: 11
     }
   }), /*#__PURE__*/React__default.createElement(IconCaretDown, {
@@ -13516,7 +13519,7 @@ const InputSelectCheck = /*#__PURE__*/forwardRef((_ref, ref) => {
     __self: undefined,
     __source: {
       fileName: _jsxFileName$w,
-      lineNumber: 656,
+      lineNumber: 660,
       columnNumber: 13
     }
   }))), helperText && /*#__PURE__*/React__default.createElement(Paragraph, {
@@ -13529,7 +13532,7 @@ const InputSelectCheck = /*#__PURE__*/forwardRef((_ref, ref) => {
     __self: undefined,
     __source: {
       fileName: _jsxFileName$w,
-      lineNumber: 660,
+      lineNumber: 664,
       columnNumber: 11
     }
   }, helperText), showSelectedTag && !showCounter && selectedItems.length !== 0 && /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(TagWrapper$2, {
@@ -13537,7 +13540,7 @@ const InputSelectCheck = /*#__PURE__*/forwardRef((_ref, ref) => {
     __self: undefined,
     __source: {
       fileName: _jsxFileName$w,
-      lineNumber: 666,
+      lineNumber: 670,
       columnNumber: 13
     }
   }, isShowTagSelectAll ? /*#__PURE__*/React__default.createElement(Tag, _extends({
@@ -13557,7 +13560,7 @@ const InputSelectCheck = /*#__PURE__*/forwardRef((_ref, ref) => {
     __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) => {
@@ -13587,7 +13590,7 @@ const InputSelectCheck = /*#__PURE__*/forwardRef((_ref, ref) => {
     __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.createElement(Flex$1, {
@@ -13596,7 +13599,7 @@ const InputSelectCheck = /*#__PURE__*/forwardRef((_ref, ref) => {
     __self: undefined,
     __source: {
       fileName: _jsxFileName$w,
-      lineNumber: 718,
+      lineNumber: 722,
       columnNumber: 15
     }
   }, /*#__PURE__*/React__default.createElement(Flex$1, {
@@ -13606,14 +13609,14 @@ const InputSelectCheck = /*#__PURE__*/forwardRef((_ref, ref) => {
     __self: undefined,
     __source: {
       fileName: _jsxFileName$w,
-      lineNumber: 719,
+      lineNumber: 723,
       columnNumber: 17
     }
   }, /*#__PURE__*/React__default.createElement(Separator$2, {
     __self: undefined,
     __source: {
       fileName: _jsxFileName$w,
-      lineNumber: 720,
+      lineNumber: 724,
       columnNumber: 19
     }
   }), /*#__PURE__*/React__default.createElement(Flex$1, {
@@ -13627,7 +13630,7 @@ const InputSelectCheck = /*#__PURE__*/forwardRef((_ref, ref) => {
     __self: undefined,
     __source: {
       fileName: _jsxFileName$w,
-      lineNumber: 721,
+      lineNumber: 725,
       columnNumber: 19
     }
   }, showAllTags ? /*#__PURE__*/React__default.createElement(ChevronUpOutline, {
@@ -13635,7 +13638,7 @@ const InputSelectCheck = /*#__PURE__*/forwardRef((_ref, ref) => {
     __self: undefined,
     __source: {
       fileName: _jsxFileName$w,
-      lineNumber: 727,
+      lineNumber: 731,
       columnNumber: 23
     }
   }) : /*#__PURE__*/React__default.createElement(ChevronDownOutline, {
@@ -13643,7 +13646,7 @@ const InputSelectCheck = /*#__PURE__*/forwardRef((_ref, ref) => {
     __self: undefined,
     __source: {
       fileName: _jsxFileName$w,
-      lineNumber: 729,
+      lineNumber: 733,
       columnNumber: 23
     }
   }), /*#__PURE__*/React__default.createElement(Paragraph, {
@@ -13655,14 +13658,14 @@ const InputSelectCheck = /*#__PURE__*/forwardRef((_ref, ref) => {
     __self: undefined,
     __source: {
       fileName: _jsxFileName$w,
-      lineNumber: 731,
+      lineNumber: 735,
       columnNumber: 21
     }
   }, showAllTags ? t('showSomeText', 'Tampilkan Sebagian') : t('showAllText', 'Tampilkan Semua'))), /*#__PURE__*/React__default.createElement(Separator$2, {
     __self: undefined,
     __source: {
       fileName: _jsxFileName$w,
-      lineNumber: 735,
+      lineNumber: 739,
       columnNumber: 19
     }
   })), /*#__PURE__*/React__default.createElement(Paragraph, {
@@ -13673,7 +13676,7 @@ const InputSelectCheck = /*#__PURE__*/forwardRef((_ref, ref) => {
     __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.createElement(Paragraph, {
@@ -13685,7 +13688,7 @@ const InputSelectCheck = /*#__PURE__*/forwardRef((_ref, ref) => {
     __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.createElement(OptionWrapper$1, {
@@ -13698,7 +13701,7 @@ const InputSelectCheck = /*#__PURE__*/forwardRef((_ref, ref) => {
     __self: undefined,
     __source: {
       fileName: _jsxFileName$w,
-      lineNumber: 754,
+      lineNumber: 758,
       columnNumber: 9
     }
   }, isLoading && /*#__PURE__*/React__default.createElement(Flex$1, {
@@ -13720,7 +13723,7 @@ const InputSelectCheck = /*#__PURE__*/forwardRef((_ref, ref) => {
     __self: undefined,
     __source: {
       fileName: _jsxFileName$w,
-      lineNumber: 764,
+      lineNumber: 768,
       columnNumber: 13
     }
   }, /*#__PURE__*/React__default.createElement(Text$1, {
@@ -13728,7 +13731,7 @@ const InputSelectCheck = /*#__PURE__*/forwardRef((_ref, ref) => {
     __self: undefined,
     __source: {
       fileName: _jsxFileName$w,
-      lineNumber: 781,
+      lineNumber: 785,
       columnNumber: 15
     }
   }, "Loading....")), items.length > 0 || isLoading ? /*#__PURE__*/React__default.createElement(Option, _extends({}, getMenuProps({
@@ -13739,7 +13742,7 @@ const InputSelectCheck = /*#__PURE__*/forwardRef((_ref, ref) => {
     __self: undefined,
     __source: {
       fileName: _jsxFileName$w,
-      lineNumber: 787,
+      lineNumber: 791,
       columnNumber: 13
     }
   }), /*#__PURE__*/React__default.createElement(ConditionalWrapper, {
@@ -13754,14 +13757,14 @@ const InputSelectCheck = /*#__PURE__*/forwardRef((_ref, ref) => {
       __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) => {
@@ -13781,7 +13784,7 @@ const InputSelectCheck = /*#__PURE__*/forwardRef((_ref, ref) => {
       __self: undefined,
       __source: {
         fileName: _jsxFileName$w,
-        lineNumber: 803,
+        lineNumber: 807,
         columnNumber: 21
       }
     }), /*#__PURE__*/React__default.createElement(IconWrapper, {
@@ -13794,7 +13797,7 @@ const InputSelectCheck = /*#__PURE__*/forwardRef((_ref, ref) => {
       __self: undefined,
       __source: {
         fileName: _jsxFileName$w,
-        lineNumber: 816,
+        lineNumber: 820,
         columnNumber: 23
       }
     }, !(item !== null && item !== void 0 && item.hideCheck) && (item.isDisabled ? /*#__PURE__*/React__default.createElement(CheckOutline, {
@@ -13802,7 +13805,7 @@ const InputSelectCheck = /*#__PURE__*/forwardRef((_ref, ref) => {
       __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.createElement(CheckOutline, {
@@ -13810,21 +13813,21 @@ const InputSelectCheck = /*#__PURE__*/forwardRef((_ref, ref) => {
       __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.createElement(IndeterminateFilled, {
       __self: undefined,
       __source: {
         fileName: _jsxFileName$w,
-        lineNumber: 837,
+        lineNumber: 841,
         columnNumber: 27
       }
     }, "-") : /*#__PURE__*/React__default.createElement("div", {
       __self: undefined,
       __source: {
         fileName: _jsxFileName$w,
-        lineNumber: 839,
+        lineNumber: 843,
         columnNumber: 27
       }
     })), /*#__PURE__*/React__default.createElement(Item$3, {
@@ -13835,7 +13838,7 @@ const InputSelectCheck = /*#__PURE__*/forwardRef((_ref, ref) => {
       __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));
@@ -13849,14 +13852,14 @@ const InputSelectCheck = /*#__PURE__*/forwardRef((_ref, ref) => {
     __self: undefined,
     __source: {
       fileName: _jsxFileName$w,
-      lineNumber: 850,
+      lineNumber: 854,
       columnNumber: 13
     }
   }), /*#__PURE__*/React__default.createElement(StyledDiv, {
     __self: undefined,
     __source: {
       fileName: _jsxFileName$w,
-      lineNumber: 851,
+      lineNumber: 855,
       columnNumber: 15
     }
   }, /*#__PURE__*/React__default.createElement("div", {
@@ -13866,7 +13869,7 @@ const InputSelectCheck = /*#__PURE__*/forwardRef((_ref, ref) => {
     __self: undefined,
     __source: {
       fileName: _jsxFileName$w,
-      lineNumber: 852,
+      lineNumber: 856,
       columnNumber: 17
     }
   }, /*#__PURE__*/React__default.createElement(CircleInfoOutline, {
@@ -13878,7 +13881,7 @@ const InputSelectCheck = /*#__PURE__*/forwardRef((_ref, ref) => {
     __self: undefined,
     __source: {
       fileName: _jsxFileName$w,
-      lineNumber: 853,
+      lineNumber: 857,
       columnNumber: 19
     }
   })), textEmptyItem != null ? textEmptyItem : t('emptyItemText', 'Item tidak ditemukan')))));
@@ -17151,7 +17154,11 @@ const NativeTimePicker = ({
   value,
   disabled,
   disabledHour,
+  disabledHourIncrease,
+  disabledHourDecrease,
   disabledMinute,
+  disabledMinuteIncrease,
+  disabledMinuteDecrease,
   minDate,
   maxDate
 }) => {
@@ -17167,11 +17174,11 @@ const NativeTimePicker = ({
   function handleUp(type) {
     if (!disabled) {
       if (type === 'hour') {
-        if ((!maxDate || moment(date).add(1, 'hours') <= moment(maxDate)) && !disabledHour) {
+        if ((!maxDate || moment(date).add(1, 'hours') <= moment(maxDate)) && !disabledHour && !disabledHourIncrease) {
           setNewDate(moment(date).add(1, 'hours'));
         }
       } else {
-        if ((!maxDate || moment(date).add(1, 'minutes') <= moment(maxDate)) && !disabledMinute) {
+        if ((!maxDate || moment(date).add(1, 'minutes') <= moment(maxDate)) && !disabledMinute && !disabledMinuteIncrease) {
           setNewDate(moment(date).add(1, 'minutes'));
         }
       }
@@ -17180,11 +17187,11 @@ const NativeTimePicker = ({
   function handleDown(type) {
     if (!disabled) {
       if (type === 'hour') {
-        if ((!minDate || moment(date).subtract(1, 'hours') >= moment(minDate)) && !disabledHour) {
+        if ((!minDate || moment(date).subtract(1, 'hours') >= moment(minDate)) && !disabledHour && !disabledHourDecrease) {
           setNewDate(moment(date).subtract(1, 'hours'));
         }
       } else {
-        if ((!minDate || moment(date).subtract(1, 'minutes') >= moment(minDate)) && !disabledMinute) {
+        if ((!minDate || moment(date).subtract(1, 'minutes') >= moment(minDate)) && !disabledMinute && !disabledMinuteDecrease) {
           setNewDate(moment(date).subtract(1, 'minutes'));
         }
       }
@@ -17201,7 +17208,7 @@ const NativeTimePicker = ({
     __self: undefined,
     __source: {
       fileName: _jsxFileName$r,
-      lineNumber: 169,
+      lineNumber: 185,
       columnNumber: 5
     }
   }, /*#__PURE__*/React__default.createElement(Flex$1, {
@@ -17210,27 +17217,27 @@ const NativeTimePicker = ({
     __self: undefined,
     __source: {
       fileName: _jsxFileName$r,
-      lineNumber: 175,
+      lineNumber: 191,
       columnNumber: 7
     }
   }, /*#__PURE__*/React__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.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.createElement(Input$3, {
@@ -17241,7 +17248,7 @@ const NativeTimePicker = ({
     __self: undefined,
     __source: {
       fileName: _jsxFileName$r,
-      lineNumber: 179,
+      lineNumber: 203,
       columnNumber: 7
     }
   }), /*#__PURE__*/React__default.createElement(Time, {
@@ -17249,7 +17256,7 @@ const NativeTimePicker = ({
     __self: undefined,
     __source: {
       fileName: _jsxFileName$r,
-      lineNumber: 180,
+      lineNumber: 204,
       columnNumber: 7
     }
   }, moment(date).format(format)), /*#__PURE__*/React__default.createElement(Flex$1, {
@@ -17258,27 +17265,27 @@ const NativeTimePicker = ({
     __self: undefined,
     __source: {
       fileName: _jsxFileName$r,
-      lineNumber: 181,
+      lineNumber: 205,
       columnNumber: 7
     }
   }, /*#__PURE__*/React__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.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
     }
   })));
@@ -17308,10 +17315,26 @@ NativeTimePicker.propTypes = {
     Disabled hour state.
    */
   disabledHour: PropTypes.bool,
+  /**
+    Disabled increase hour state.
+   */
+  disabledHourIncrease: PropTypes.bool,
+  /**
+    Disabled decrease hour state.
+   */
+  disabledHourDecrease: PropTypes.bool,
   /**
     Disabled minute state.
    */
   disabledMinute: PropTypes.bool,
+  /**
+    Disabled increase minute state.
+   */
+  disabledMinuteIncrease: PropTypes.bool,
+  /**
+    Disabled decrease minute state.
+   */
+  disabledMinuteDecrease: PropTypes.bool,
   /**
     Specify the minimum date.
    */
@@ -17328,7 +17351,11 @@ const TimePicker = ({
   value,
   disabled,
   disabledHour,
+  disabledHourIncrease,
+  disabledHourDecrease,
   disabledMinute,
+  disabledMinuteIncrease,
+  disabledMinuteDecrease,
   css,
   minDate,
   maxDate
@@ -17343,14 +17370,18 @@ const TimePicker = ({
     __self: undefined,
     __source: {
       fileName: _jsxFileName$r,
-      lineNumber: 241,
+      lineNumber: 293,
       columnNumber: 5
     }
   }, /*#__PURE__*/React__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,
@@ -17359,7 +17390,7 @@ const TimePicker = ({
     __self: undefined,
     __source: {
       fileName: _jsxFileName$r,
-      lineNumber: 242,
+      lineNumber: 294,
       columnNumber: 7
     }
   }));
@@ -17394,10 +17425,26 @@ TimePicker.propTypes = {
    Disabled hour state.
   */
   disabledHour: PropTypes.bool,
+  /**
+    Disabled increase hour state.
+   */
+  disabledHourIncrease: PropTypes.bool,
+  /**
+      Disabled decrease hour state.
+     */
+  disabledHourDecrease: PropTypes.bool,
   /**
    Disabled minute state.
   */
   disabledMinute: PropTypes.bool,
+  /**
+    Disabled increase minute state.
+   */
+  disabledMinuteIncrease: PropTypes.bool,
+  /**
+      Disabled decrease minute state.
+     */
+  disabledMinuteDecrease: PropTypes.bool,
   /**
     Specify the minimum date.
    */
@@ -17424,7 +17471,11 @@ function InputTimePicker({
   css,
   disabled,
   disabledHour,
+  disabledHourIncrease,
+  disabledHourDecrease,
   disabledMinute,
+  disabledMinuteIncrease,
+  disabledMinuteDecrease,
   readOnly,
   minDate,
   maxDate,
@@ -17445,7 +17496,7 @@ function InputTimePicker({
     __self: this,
     __source: {
       fileName: _jsxFileName$q,
-      lineNumber: 41,
+      lineNumber: 45,
       columnNumber: 5
     }
   }, /*#__PURE__*/React__default.createElement(InputLeftElement, {
@@ -17454,14 +17505,14 @@ function InputTimePicker({
       __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.createElement(InputText, {
@@ -17476,7 +17527,7 @@ function InputTimePicker({
     __self: this,
     __source: {
       fileName: _jsxFileName$q,
-      lineNumber: 43,
+      lineNumber: 47,
       columnNumber: 7
     }
   }));
@@ -17484,7 +17535,11 @@ function InputTimePicker({
     size: size,
     disabled: disabled,
     disabledHour: disabledHour,
+    disabledHourIncrease: disabledHourIncrease,
+    disabledHourDecrease: disabledHourDecrease,
     disabledMinute: disabledMinute,
+    disabledMinuteIncrease: disabledMinuteIncrease,
+    disabledMinuteDecrease: disabledMinuteDecrease,
     defaultValue: defaultValue,
     value: value,
     onChange: onChange,
@@ -17493,7 +17548,7 @@ function InputTimePicker({
     __self: this,
     __source: {
       fileName: _jsxFileName$q,
-      lineNumber: 56,
+      lineNumber: 60,
       columnNumber: 5
     }
   });
@@ -17504,7 +17559,7 @@ function InputTimePicker({
     __self: this,
     __source: {
       fileName: _jsxFileName$q,
-      lineNumber: 70,
+      lineNumber: 78,
       columnNumber: 5
     }
   }, disabled || readOnly ? /*#__PURE__*/React__default.createElement(Box, {
@@ -17512,14 +17567,14 @@ function InputTimePicker({
     __self: this,
     __source: {
       fileName: _jsxFileName$q,
-      lineNumber: 72,
+      lineNumber: 80,
       columnNumber: 9
     }
   }, renderInputGroup()) : /*#__PURE__*/React__default.createElement(PopoverTrigger, {
     __self: this,
     __source: {
       fileName: _jsxFileName$q,
-      lineNumber: 74,
+      lineNumber: 82,
       columnNumber: 9
     }
   }, /*#__PURE__*/React__default.createElement(Box, {
@@ -17527,14 +17582,14 @@ function InputTimePicker({
     __self: this,
     __source: {
       fileName: _jsxFileName$q,
-      lineNumber: 75,
+      lineNumber: 83,
       columnNumber: 11
     }
   }, renderInputGroup())), /*#__PURE__*/React__default.createElement(PopoverContent, {
     __self: this,
     __source: {
       fileName: _jsxFileName$q,
-      lineNumber: 78,
+      lineNumber: 86,
       columnNumber: 7
     }
   }, renderTimePicker()));
@@ -17556,10 +17611,26 @@ InputTimePicker.propTypes = {
    Disabled hour state.
   */
   disabledHour: PropTypes.bool,
+  /**
+    Disabled increase hour state.
+   */
+  disabledHourIncrease: PropTypes.bool,
+  /**
+        Disabled decrease hour state.
+       */
+  disabledHourDecrease: PropTypes.bool,
   /**
     Disabled minute state.
    */
   disabledMinute: PropTypes.bool,
+  /**
+    Disabled increase minute state.
+   */
+  disabledMinuteIncrease: PropTypes.bool,
+  /**
+        Disabled decrease minute state.
+       */
+  disabledMinuteDecrease: PropTypes.bool,
   /**
    ReadOnly state.
   */
@@ -21635,6 +21706,7 @@ const TableCell$3 = styled('td', {
   letterSpacing: '$short-content-regular',
   fontWeight: '400',
   color: '$textPrimary',
+  wordBreak: 'break-word',
   variants: {
     subCell: {
       true: {