@coreui/react-pro 4.12.0 → 4.12.2

package/dist/index.js

@@ -9291,22 +9291,22 @@ var CTimePicker = React$1.forwardRef(function (_a, ref) {
     var TimePickerSelect = function () {
         return (React$1.createElement(React$1.Fragment, null,
             React$1.createElement("span", { className: "time-picker-inline-icon" }),
-            React$1.createElement("select", { className: "time-picker-inline-select", disabled: disabled, onChange: function (event) {
+            React$1.createElement("select", { className: "form-select", disabled: disabled, onChange: function (event) {
                     return handleTimeChange('hours', event.target.value);
                 }, value: getSelectedHour(date, locale) }, localizedTimePartials &&
                 localizedTimePartials.listOfHours.map(function (option, index) { return (React$1.createElement("option", { value: option.value.toString(), key: index }, option.label)); })),
             React$1.createElement(React$1.Fragment, null, ":"),
-            React$1.createElement("select", { className: "time-picker-inline-select", disabled: disabled, onChange: function (event) {
+            React$1.createElement("select", { className: "form-select", disabled: disabled, onChange: function (event) {
                     return handleTimeChange('minutes', event.target.value);
                 }, value: getSelectedMinutes(date) }, localizedTimePartials &&
                 localizedTimePartials.listOfMinutes.map(function (option, index) { return (React$1.createElement("option", { value: option.value.toString(), key: index }, option.label)); })),
             seconds && (React$1.createElement(React$1.Fragment, null,
                 React$1.createElement(React$1.Fragment, null, ":"),
-                React$1.createElement("select", { className: "time-picker-inline-select", disabled: disabled, onChange: function (event) {
+                React$1.createElement("select", { className: "form-select", disabled: disabled, onChange: function (event) {
                         return handleTimeChange('seconds', event.target.value);
                     }, value: getSelectedSeconds(date) }, localizedTimePartials &&
                     localizedTimePartials.listOfSeconds.map(function (option, index) { return (React$1.createElement("option", { value: option.value.toString(), key: index }, option.label)); })))),
-            localizedTimePartials && localizedTimePartials.hour12 && (React$1.createElement("select", { className: "time-picker-inline-select", disabled: disabled, onChange: function (event) {
+            localizedTimePartials && localizedTimePartials.hour12 && (React$1.createElement("select", { className: "form-select", disabled: disabled, onChange: function (event) {
                     return handleTimeChange('toggle', event.target.value);
                 }, value: _ampm },
                 React$1.createElement("option", { value: "am" }, "AM"),
@@ -10488,10 +10488,12 @@ var CModal = React$1.forwardRef(function (_a, ref) {
         setVisible(visible);
     }, [visible]);
     React$1.useEffect(function () {
-        document.addEventListener('click', handleClickOutside);
-        document.addEventListener('keydown', handleKeyDown);
+        if (_visible) {
+            document.addEventListener('mouseup', handleClickOutside);
+            document.addEventListener('keydown', handleKeyDown);
+        }
         return function () {
-            document.removeEventListener('click', handleClickOutside);
+            document.removeEventListener('mouseup', handleClickOutside);
             document.removeEventListener('keydown', handleKeyDown);
         };
     }, [_visible]);