@ctlyst.id/internal-ui 2.0.18 → 2.0.20

package/dist/components/button/components/button.d.ts

@@ -1,4 +1,4 @@
 import type { ButtonProps as ButtonChakraProps } from '@chakra-ui/react';
 export declare type ButtonProps = ButtonChakraProps;
-declare const Button: (props: ButtonProps) => JSX.Element;
+declare const Button: import("@chakra-ui/system/dist/system.types").ComponentWithAs<"button", ButtonChakraProps>;
 export default Button;

package/dist/internal-ui.cjs.development.js

@@ -138,7 +138,7 @@ const Loader = /*#__PURE__*/react.forwardRef((props, ref) => {
   });
 });
 
-const Button = props => {
+const Button = /*#__PURE__*/react.forwardRef((props, ref) => {
   const {
     children,
     variant,
@@ -161,9 +161,10 @@ const Button = props => {
     spinner: /*#__PURE__*/React__default.createElement(Loader, {
       size: getLoaderSize(),
       color: getLoaderColor()
-    })
+    }),
+    ref: ref
   }, rest), children);
-};
+});
 
 function AlertAction({
   children,
@@ -1592,14 +1593,10 @@ const TimeInput = ({
 }) => {
   const [time, setTime] = React__default.useState(value || '00:00');
   const handleChange = e => {
-    var _e$target;
+    var _e$target, _e$target2;
     setTime(((_e$target = e.target) === null || _e$target === void 0 ? void 0 : _e$target.value) || '00:00');
+    if (onChange) onChange(((_e$target2 = e.target) === null || _e$target2 === void 0 ? void 0 : _e$target2.value) || '00:00');
   };
-  React__default.useEffect(() => {
-    if (onChange) {
-      onChange(time);
-    }
-  }, [time]);
   return /*#__PURE__*/React__default.createElement(react.Flex, {
     flexDir: "column",
     alignItems: "center",