@idds/react 1.5.40 → 1.5.42

package/dist/index.es.js

@@ -5025,8 +5025,8 @@ function PhoneInput({
                     "ina-phone-input__country-chevron",
                     isCountryDropdownOpen && "ina-phone-input__country-chevron--open"
                   ),
-                  width: "12",
-                  height: "12",
+                  width: "16",
+                  height: "16",
                   viewBox: "0 0 24 24",
                   fill: "none",
                   xmlns: "http://www.w3.org/2000/svg",
@@ -6675,23 +6675,23 @@ const TimePicker = forwardRef(
       }
       return hours * 60 + minutes;
     };
-    const isTimeDisabled = (hours, minutes, seconds, period) => {
+    const isTimeDisabled = (hours, minutes, seconds, period, options = {}) => {
       const timeStr = formatTime(hours, minutes, seconds, period);
       const timeInMinutes = parseTimeToMinutes(timeStr);
-      if (disabledBackTime) {
+      if (disabledBackTime && !options.ignoreBefore) {
         const now = /* @__PURE__ */ new Date();
         const currentTimeInMinutes = now.getHours() * 60 + now.getMinutes();
         if (timeInMinutes < currentTimeInMinutes) {
           return true;
         }
       }
-      if (disabledTimeBefore) {
+      if (disabledTimeBefore && !options.ignoreBefore) {
         const beforeTimeInMinutes = parseTimeToMinutes(disabledTimeBefore);
         if (timeInMinutes < beforeTimeInMinutes) {
           return true;
         }
       }
-      if (disabledTimeAfter) {
+      if (disabledTimeAfter && !options.ignoreAfter) {
         const afterTimeInMinutes = parseTimeToMinutes(disabledTimeAfter);
         if (timeInMinutes > afterTimeInMinutes) {
           return true;
@@ -6822,12 +6822,22 @@ const TimePicker = forwardRef(
               children: options.map((option) => {
                 let isDisabled = false;
                 if (type === "hour") {
-                  isDisabled = isTimeDisabled(
-                    use12Hours ? option === 12 ? 0 : option : option,
-                    currentTime.minutes,
-                    currentTime.seconds,
-                    use12Hours ? currentTime.period : void 0
+                  const hourValue = use12Hours ? option === 12 ? 0 : option : option;
+                  const isTooEarly = isTimeDisabled(
+                    hourValue,
+                    59,
+                    59,
+                    use12Hours ? currentTime.period : void 0,
+                    { ignoreAfter: true }
+                  );
+                  const isTooLate = isTimeDisabled(
+                    hourValue,
+                    0,
+                    0,
+                    use12Hours ? currentTime.period : void 0,
+                    { ignoreBefore: true }
                   );
+                  isDisabled = isTooEarly || isTooLate;
                 } else if (type === "minute") {
                   isDisabled = isTimeDisabled(
                     currentTime.hours,
@@ -6949,16 +6959,28 @@ const TimePicker = forwardRef(
                 ...props
               }
             ),
-            allowClear && internalValue && !disabled ? /* @__PURE__ */ jsx(
-              "button",
+            allowClear && internalValue && !disabled && /* @__PURE__ */ jsx(
+              "div",
               {
-                type: "button",
                 className: "ina-time-picker__clear-button",
-                onClick: handleClear,
+                onClick: (e) => {
+                  e.stopPropagation();
+                  handleClear();
+                },
                 "aria-label": "Clear time",
                 children: /* @__PURE__ */ jsx(IconX, { size: 16 })
               }
-            ) : suffixIcon && /* @__PURE__ */ jsx("div", { className: "ina-time-picker__suffix-icon", children: suffixIcon })
+            ),
+            suffixIcon && /* @__PURE__ */ jsx(
+              "div",
+              {
+                className: "ina-time-picker__suffix-icon",
+                style: {
+                  visibility: allowClear && internalValue && !disabled ? "hidden" : "visible"
+                },
+                children: suffixIcon
+              }
+            )
           ]
         }
       ),