@coreui/react-pro 5.8.0 → 5.9.0

package/src/components/time-picker/CTimePicker.tsx

@@ -188,6 +188,7 @@ export const CTimePicker = forwardRef<HTMLDivElement | HTMLLIElement, CTimePicke
       onHide,
       onShow,
       placeholder = 'Select time',
+      portal = false,
       required,
       seconds = true,
       size,
@@ -328,7 +329,22 @@ export const CTimePicker = forwardRef<HTMLDivElement | HTMLLIElement, CTimePicke
           ref={inputRef}
         />
         {indicator &&
-          (typeof indicator === 'boolean' ? <div className="time-picker-indicator" /> : indicator)}
+          (typeof indicator === 'boolean' ? (
+            <div
+              className="time-picker-indicator"
+              {...(disabled !== false && {
+                onClick: () => setVisible(!_visible),
+                onKeyDown: (event) => {
+                  if (event.key === 'Enter') {
+                    setVisible(!_visible)
+                  }
+                },
+                tabIndex: 0,
+              })}
+            />
+          ) : (
+            indicator
+          ))}
         {cleaner &&
           date &&
           (typeof cleaner === 'boolean' ? (
@@ -484,6 +500,7 @@ export const CTimePicker = forwardRef<HTMLDivElement | HTMLLIElement, CTimePicke
             setVisible(true)
             onShow && onShow()
           }}
+          portal={portal}
           toggler={InputGroup()}
           visible={_visible}
           {...rest}