@tidbcloud/uikit 2.8.6 → 2.9.1

package/CHANGELOG.md

@@ -1,5 +1,20 @@
 # @tidbcloud/uikit
 
+## 2.9.1
+
+### Patch Changes
+
+- chore(docs): migrate to patched Next.js and Nextra dependencies ([#667](https://github.com/tidbcloud/tidbcloud-uikit/pull/667))
+- fix: update vulnerable UIKit runtime dependencies ([#665](https://github.com/tidbcloud/tidbcloud-uikit/pull/665))
+- chore: patch development and build dependency chains ([#664](https://github.com/tidbcloud/tidbcloud-uikit/pull/664))
+- chore(examples): update vulnerable framework dependencies ([#663](https://github.com/tidbcloud/tidbcloud-uikit/pull/663))
+
+## 2.9.0
+
+### Minor Changes
+
+- feat(Form): add timezone-aware date time picker ([#662](https://github.com/tidbcloud/tidbcloud-uikit/pull/662))
+
 ## 2.8.6
 
 ### Patch Changes

package/dist/_virtual/_commonjsHelpers.cjs

@@ -1,8 +1,6 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-var commonjsGlobal = typeof globalThis !== "undefined" ? globalThis : typeof window !== "undefined" ? window : typeof global !== "undefined" ? global : typeof self !== "undefined" ? self : {};
 function getDefaultExportFromCjs(x) {
   return x && x.__esModule && Object.prototype.hasOwnProperty.call(x, "default") ? x["default"] : x;
 }
-exports.commonjsGlobal = commonjsGlobal;
 exports.getDefaultExportFromCjs = getDefaultExportFromCjs;

package/dist/_virtual/_commonjsHelpers.mjs

@@ -1,8 +1,6 @@
-var commonjsGlobal = typeof globalThis !== "undefined" ? globalThis : typeof window !== "undefined" ? window : typeof global !== "undefined" ? global : typeof self !== "undefined" ? self : {};
 function getDefaultExportFromCjs(x) {
   return x && x.__esModule && Object.prototype.hasOwnProperty.call(x, "default") ? x["default"] : x;
 }
 export {
-  commonjsGlobal,
   getDefaultExportFromCjs
 };

package/dist/_virtual/customParseFormat.cjs

@@ -1,4 +1,7 @@
 "use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-var customParseFormat = { exports: {} };
-exports.__module = customParseFormat;
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const _commonjsHelpers = require("./_commonjsHelpers.cjs");
+const customParseFormat$1 = require("../node_modules/.pnpm/dayjs@1.11.13/node_modules/dayjs/plugin/customParseFormat.cjs");
+var customParseFormatExports = customParseFormat$1.__require();
+const customParseFormat = /* @__PURE__ */ _commonjsHelpers.getDefaultExportFromCjs(customParseFormatExports);
+exports.default = customParseFormat;

package/dist/_virtual/customParseFormat.mjs

@@ -1,4 +1,7 @@
-var customParseFormat = { exports: {} };
+import { getDefaultExportFromCjs } from "./_commonjsHelpers.mjs";
+import { __require as requireCustomParseFormat } from "../node_modules/.pnpm/dayjs@1.11.13/node_modules/dayjs/plugin/customParseFormat.mjs";
+var customParseFormatExports = requireCustomParseFormat();
+const customParseFormat = /* @__PURE__ */ getDefaultExportFromCjs(customParseFormatExports);
 export {
-  customParseFormat as __module
+  customParseFormat as default
 };

package/dist/_virtual/customParseFormat2.cjs

@@ -0,0 +1,4 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+var customParseFormat = { exports: {} };
+exports.__module = customParseFormat;

package/dist/_virtual/customParseFormat2.mjs

@@ -0,0 +1,4 @@
+var customParseFormat = { exports: {} };
+export {
+  customParseFormat as __module
+};

package/dist/_virtual/duration.cjs

@@ -1,4 +1,7 @@
 "use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-var duration = { exports: {} };
-exports.__module = duration;
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const _commonjsHelpers = require("./_commonjsHelpers.cjs");
+const duration$1 = require("../node_modules/.pnpm/dayjs@1.11.13/node_modules/dayjs/plugin/duration.cjs");
+var durationExports = duration$1.__require();
+const duration = /* @__PURE__ */ _commonjsHelpers.getDefaultExportFromCjs(durationExports);
+exports.default = duration;

package/dist/_virtual/duration.mjs

@@ -1,4 +1,7 @@
-var duration = { exports: {} };
+import { getDefaultExportFromCjs } from "./_commonjsHelpers.mjs";
+import { __require as requireDuration } from "../node_modules/.pnpm/dayjs@1.11.13/node_modules/dayjs/plugin/duration.mjs";
+var durationExports = requireDuration();
+const duration = /* @__PURE__ */ getDefaultExportFromCjs(durationExports);
 export {
-  duration as __module
+  duration as default
 };

package/dist/_virtual/duration2.cjs

@@ -0,0 +1,4 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+var duration = { exports: {} };
+exports.__module = duration;

package/dist/_virtual/duration2.mjs

@@ -0,0 +1,4 @@
+var duration = { exports: {} };
+export {
+  duration as __module
+};

package/dist/_virtual/index.cjs

@@ -1,4 +1,7 @@
 "use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-var propTypes = { exports: {} };
-exports.__module = propTypes;
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const _commonjsHelpers = require("./_commonjsHelpers.cjs");
+const index = require("../node_modules/.pnpm/prop-types@15.8.1/node_modules/prop-types/index.cjs");
+var propTypesExports = /* @__PURE__ */ index.__require();
+const PropTypes = /* @__PURE__ */ _commonjsHelpers.getDefaultExportFromCjs(propTypesExports);
+exports.default = PropTypes;

package/dist/_virtual/index.mjs

@@ -1,4 +1,7 @@
-var propTypes = { exports: {} };
+import { getDefaultExportFromCjs } from "./_commonjsHelpers.mjs";
+import { __require as requirePropTypes } from "../node_modules/.pnpm/prop-types@15.8.1/node_modules/prop-types/index.mjs";
+var propTypesExports = /* @__PURE__ */ requirePropTypes();
+const PropTypes = /* @__PURE__ */ getDefaultExportFromCjs(propTypesExports);
 export {
-  propTypes as __module
+  PropTypes as default
 };

package/dist/_virtual/index2.cjs

@@ -1,4 +1,4 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-var reactIs = { exports: {} };
-exports.__module = reactIs;
+var propTypes = { exports: {} };
+exports.__module = propTypes;

package/dist/_virtual/index2.mjs

@@ -1,4 +1,4 @@
-var reactIs = { exports: {} };
+var propTypes = { exports: {} };
 export {
-  reactIs as __module
+  propTypes as __module
 };

package/dist/_virtual/index3.cjs

@@ -0,0 +1,4 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+var reactIs = { exports: {} };
+exports.__module = reactIs;

package/dist/_virtual/index3.mjs

@@ -0,0 +1,4 @@
+var reactIs = { exports: {} };
+export {
+  reactIs as __module
+};

package/dist/_virtual/isoWeek.cjs

@@ -1,4 +1,7 @@
 "use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-var isoWeek = { exports: {} };
-exports.__module = isoWeek;
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const _commonjsHelpers = require("./_commonjsHelpers.cjs");
+const isoWeek$1 = require("../node_modules/.pnpm/dayjs@1.11.13/node_modules/dayjs/plugin/isoWeek.cjs");
+var isoWeekExports = isoWeek$1.__require();
+const isoWeek = /* @__PURE__ */ _commonjsHelpers.getDefaultExportFromCjs(isoWeekExports);
+exports.default = isoWeek;

package/dist/_virtual/isoWeek.mjs

@@ -1,4 +1,7 @@
-var isoWeek = { exports: {} };
+import { getDefaultExportFromCjs } from "./_commonjsHelpers.mjs";
+import { __require as requireIsoWeek } from "../node_modules/.pnpm/dayjs@1.11.13/node_modules/dayjs/plugin/isoWeek.mjs";
+var isoWeekExports = requireIsoWeek();
+const isoWeek = /* @__PURE__ */ getDefaultExportFromCjs(isoWeekExports);
 export {
-  isoWeek as __module
+  isoWeek as default
 };

package/dist/_virtual/isoWeek2.cjs

@@ -0,0 +1,4 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+var isoWeek = { exports: {} };
+exports.__module = isoWeek;

package/dist/_virtual/isoWeek2.mjs

@@ -0,0 +1,4 @@
+var isoWeek = { exports: {} };
+export {
+  isoWeek as __module
+};

package/dist/_virtual/minMax.cjs

@@ -1,4 +1,7 @@
 "use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-var minMax = { exports: {} };
-exports.__module = minMax;
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const _commonjsHelpers = require("./_commonjsHelpers.cjs");
+const minMax$1 = require("../node_modules/.pnpm/dayjs@1.11.13/node_modules/dayjs/plugin/minMax.cjs");
+var minMaxExports = minMax$1.__require();
+const minMax = /* @__PURE__ */ _commonjsHelpers.getDefaultExportFromCjs(minMaxExports);
+exports.default = minMax;

package/dist/_virtual/minMax.mjs

@@ -1,4 +1,7 @@
-var minMax = { exports: {} };
+import { getDefaultExportFromCjs } from "./_commonjsHelpers.mjs";
+import { __require as requireMinMax } from "../node_modules/.pnpm/dayjs@1.11.13/node_modules/dayjs/plugin/minMax.mjs";
+var minMaxExports = requireMinMax();
+const minMax = /* @__PURE__ */ getDefaultExportFromCjs(minMaxExports);
 export {
-  minMax as __module
+  minMax as default
 };

package/dist/_virtual/minMax2.cjs

@@ -0,0 +1,4 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+var minMax = { exports: {} };
+exports.__module = minMax;

package/dist/_virtual/minMax2.mjs

@@ -0,0 +1,4 @@
+var minMax = { exports: {} };
+export {
+  minMax as __module
+};

package/dist/_virtual/timezone.cjs

@@ -1,4 +1,7 @@
 "use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-var timezone = { exports: {} };
-exports.__module = timezone;
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const _commonjsHelpers = require("./_commonjsHelpers.cjs");
+const timezone = require("../node_modules/.pnpm/dayjs@1.11.13/node_modules/dayjs/plugin/timezone.cjs");
+var timezoneExports = timezone.__require();
+const timezonePlugin = /* @__PURE__ */ _commonjsHelpers.getDefaultExportFromCjs(timezoneExports);
+exports.default = timezonePlugin;

package/dist/_virtual/timezone.mjs

@@ -1,4 +1,7 @@
-var timezone = { exports: {} };
+import { getDefaultExportFromCjs } from "./_commonjsHelpers.mjs";
+import { __require as requireTimezone } from "../node_modules/.pnpm/dayjs@1.11.13/node_modules/dayjs/plugin/timezone.mjs";
+var timezoneExports = requireTimezone();
+const timezonePlugin = /* @__PURE__ */ getDefaultExportFromCjs(timezoneExports);
 export {
-  timezone as __module
+  timezonePlugin as default
 };

package/dist/_virtual/timezone2.cjs

@@ -0,0 +1,4 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+var timezone = { exports: {} };
+exports.__module = timezone;

package/dist/_virtual/timezone2.mjs

@@ -0,0 +1,4 @@
+var timezone = { exports: {} };
+export {
+  timezone as __module
+};

package/dist/_virtual/utc.cjs

@@ -1,4 +1,7 @@
 "use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-var utc = { exports: {} };
-exports.__module = utc;
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const _commonjsHelpers = require("./_commonjsHelpers.cjs");
+const utc = require("../node_modules/.pnpm/dayjs@1.11.13/node_modules/dayjs/plugin/utc.cjs");
+var utcExports = utc.__require();
+const utcPlugin = /* @__PURE__ */ _commonjsHelpers.getDefaultExportFromCjs(utcExports);
+exports.default = utcPlugin;

package/dist/_virtual/utc.mjs

@@ -1,4 +1,7 @@
-var utc = { exports: {} };
+import { getDefaultExportFromCjs } from "./_commonjsHelpers.mjs";
+import { __require as requireUtc } from "../node_modules/.pnpm/dayjs@1.11.13/node_modules/dayjs/plugin/utc.mjs";
+var utcExports = requireUtc();
+const utcPlugin = /* @__PURE__ */ getDefaultExportFromCjs(utcExports);
 export {
-  utc as __module
+  utcPlugin as default
 };

package/dist/_virtual/utc2.cjs

@@ -0,0 +1,4 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+var utc = { exports: {} };
+exports.__module = utc;

package/dist/_virtual/utc2.mjs

@@ -0,0 +1,4 @@
+var utc = { exports: {} };
+export {
+  utc as __module
+};

package/dist/biz/CodeBlock/index.mjs

@@ -8,7 +8,7 @@ import { IconChevronVerticalExpand, IconChevronVerticalShrink, IconCheck, IconCo
 /* empty css                                                                                                                                                                                           */
 import { CopyButton } from "../../primitive/CopyButton/CopyButton.mjs";
 import "clsx";
-import { mergeSxList, mergeStylesList } from "../../utils/styles.mjs";
+import { mergeStylesList, mergeSxList } from "../../utils/styles.mjs";
 import { Box } from "../../node_modules/.pnpm/@mantine_core@7.17.8_patch_hash_3qirwkgu3wxhvd6hnr2gb24yzq_@mantine_hooks@7.17.8_react@18.3.1_e5yvlgwhmeykc75dkphi7jou6q/node_modules/@mantine/core/esm/core/Box/Box.mjs";
 import { Prism } from "../../primitive/Prism/Prism.mjs";
 import { Group } from "../../node_modules/.pnpm/@mantine_core@7.17.8_patch_hash_3qirwkgu3wxhvd6hnr2gb24yzq_@mantine_hooks@7.17.8_react@18.3.1_e5yvlgwhmeykc75dkphi7jou6q/node_modules/@mantine/core/esm/components/Group/Group.mjs";

package/dist/biz/DateTimePicker/TimeScollerPicker.cjs

@@ -151,9 +151,11 @@ function TimePickerScrollerColumn({
     switch (name) {
       case "hour":
         return lodashEs.range(0, 24);
+      // 0-23
       case "minute":
       case "second":
         return lodashEs.range(0, 60);
+      // 0-59
       default:
         return lodashEs.range(min, max + 1);
     }

package/dist/biz/DateTimePicker/TimeScollerPicker.mjs

@@ -149,9 +149,11 @@ function TimePickerScrollerColumn({
     switch (name) {
       case "hour":
         return range(0, 24);
+      // 0-23
       case "minute":
       case "second":
         return range(0, 60);
+      // 0-59
       default:
         return range(min, max + 1);
     }

package/dist/biz/DateTimePicker/helpers.cjs

@@ -26,16 +26,16 @@ const useDateTimePicker = ({
   const displayValue = React.useMemo(() => {
     if (!value) return void 0;
     return convertToLocal(value);
-  }, [value, convertToLocal]);
+  }, [value, utcOffset, convertToLocal]);
   const displayStartDate = React.useMemo(() => {
     return convertToLocal(startDate);
-  }, [startDate, convertToLocal]);
+  }, [startDate, utcOffset, convertToLocal]);
   const displayToday = React.useMemo(() => {
     return convertToLocal(today);
-  }, [today, convertToLocal]);
+  }, [today, utcOffset, convertToLocal]);
   const displayEndDate = React.useMemo(() => {
     return convertToLocal(endDate);
-  }, [endDate, convertToLocal]);
+  }, [endDate, utcOffset, convertToLocal]);
   const handleChange = ahooks.useMemoizedFn((localTime) => {
     const targetTime = convertFromLocal(localTime);
     onChange == null ? void 0 : onChange(targetTime);

package/dist/biz/DateTimePicker/helpers.mjs

@@ -24,16 +24,16 @@ const useDateTimePicker = ({
   const displayValue = useMemo(() => {
     if (!value) return void 0;
     return convertToLocal(value);
-  }, [value, convertToLocal]);
+  }, [value, utcOffset, convertToLocal]);
   const displayStartDate = useMemo(() => {
     return convertToLocal(startDate);
-  }, [startDate, convertToLocal]);
+  }, [startDate, utcOffset, convertToLocal]);
   const displayToday = useMemo(() => {
     return convertToLocal(today);
-  }, [today, convertToLocal]);
+  }, [today, utcOffset, convertToLocal]);
   const displayEndDate = useMemo(() => {
     return convertToLocal(endDate);
-  }, [endDate, convertToLocal]);
+  }, [endDate, utcOffset, convertToLocal]);
   const handleChange = useMemoizedFn((localTime) => {
     const targetTime = convertFromLocal(localTime);
     onChange == null ? void 0 : onChange(targetTime);

package/dist/biz/DateTimePicker/index.cjs

@@ -12,23 +12,23 @@ const index = require("../../icons/index.cjs");
 const dayjs = require("../../utils/dayjs.cjs");
 const helpers$1 = require("../TimeRangePicker/helpers.cjs");
 const TimeScollerPicker = require("./TimeScollerPicker.cjs");
-const useDisclosure = require("../../node_modules/.pnpm/@mantine_hooks@7.17.8_react@18.3.1/node_modules/@mantine/hooks/esm/use-disclosure/use-disclosure.cjs");
 const useUncontrolled = require("../../node_modules/.pnpm/@mantine_hooks@7.17.8_react@18.3.1/node_modules/@mantine/hooks/esm/use-uncontrolled/use-uncontrolled.cjs");
 const Popover = require("../../node_modules/.pnpm/@mantine_core@7.17.8_patch_hash_3qirwkgu3wxhvd6hnr2gb24yzq_@mantine_hooks@7.17.8_react@18.3.1_e5yvlgwhmeykc75dkphi7jou6q/node_modules/@mantine/core/esm/components/Popover/Popover.cjs");
+const TimeInput = require("../../node_modules/.pnpm/@mantine_dates@7.17.8_@mantine_core@7.17.8_patch_hash_3qirwkgu3wxhvd6hnr2gb24yzq_@mantine_hoo_itsuscsie4edrhi6ero4lpb3hq/node_modules/@mantine/dates/esm/components/TimeInput/TimeInput.cjs");
+const Box = require("../../node_modules/.pnpm/@mantine_core@7.17.8_patch_hash_3qirwkgu3wxhvd6hnr2gb24yzq_@mantine_hooks@7.17.8_react@18.3.1_e5yvlgwhmeykc75dkphi7jou6q/node_modules/@mantine/core/esm/core/Box/Box.cjs");
+const Flex = require("../../node_modules/.pnpm/@mantine_core@7.17.8_patch_hash_3qirwkgu3wxhvd6hnr2gb24yzq_@mantine_hooks@7.17.8_react@18.3.1_e5yvlgwhmeykc75dkphi7jou6q/node_modules/@mantine/core/esm/components/Flex/Flex.cjs");
+const useDisclosure = require("../../node_modules/.pnpm/@mantine_hooks@7.17.8_react@18.3.1/node_modules/@mantine/hooks/esm/use-disclosure/use-disclosure.cjs");
 const TextInput = require("../../primitive/TextInput/TextInput.cjs");
 const Loader = require("../../node_modules/.pnpm/@mantine_core@7.17.8_patch_hash_3qirwkgu3wxhvd6hnr2gb24yzq_@mantine_hooks@7.17.8_react@18.3.1_e5yvlgwhmeykc75dkphi7jou6q/node_modules/@mantine/core/esm/components/Loader/Loader.cjs");
-const Box = require("../../node_modules/.pnpm/@mantine_core@7.17.8_patch_hash_3qirwkgu3wxhvd6hnr2gb24yzq_@mantine_hooks@7.17.8_react@18.3.1_e5yvlgwhmeykc75dkphi7jou6q/node_modules/@mantine/core/esm/core/Box/Box.cjs");
 const Stack = require("../../node_modules/.pnpm/@mantine_core@7.17.8_patch_hash_3qirwkgu3wxhvd6hnr2gb24yzq_@mantine_hooks@7.17.8_react@18.3.1_e5yvlgwhmeykc75dkphi7jou6q/node_modules/@mantine/core/esm/components/Stack/Stack.cjs");
 const Group = require("../../node_modules/.pnpm/@mantine_core@7.17.8_patch_hash_3qirwkgu3wxhvd6hnr2gb24yzq_@mantine_hooks@7.17.8_react@18.3.1_e5yvlgwhmeykc75dkphi7jou6q/node_modules/@mantine/core/esm/components/Group/Group.cjs");
 const DatePicker = require("../../node_modules/.pnpm/@mantine_dates@7.17.8_@mantine_core@7.17.8_patch_hash_3qirwkgu3wxhvd6hnr2gb24yzq_@mantine_hoo_itsuscsie4edrhi6ero4lpb3hq/node_modules/@mantine/dates/esm/components/DatePicker/DatePicker.cjs");
 const Divider = require("../../node_modules/.pnpm/@mantine_core@7.17.8_patch_hash_3qirwkgu3wxhvd6hnr2gb24yzq_@mantine_hooks@7.17.8_react@18.3.1_e5yvlgwhmeykc75dkphi7jou6q/node_modules/@mantine/core/esm/components/Divider/Divider.cjs");
-const TimeInput = require("../../node_modules/.pnpm/@mantine_dates@7.17.8_@mantine_core@7.17.8_patch_hash_3qirwkgu3wxhvd6hnr2gb24yzq_@mantine_hoo_itsuscsie4edrhi6ero4lpb3hq/node_modules/@mantine/dates/esm/components/TimeInput/TimeInput.cjs");
-const Flex = require("../../node_modules/.pnpm/@mantine_core@7.17.8_patch_hash_3qirwkgu3wxhvd6hnr2gb24yzq_@mantine_hooks@7.17.8_react@18.3.1_e5yvlgwhmeykc75dkphi7jou6q/node_modules/@mantine/core/esm/components/Flex/Flex.cjs");
 const getValidDate = (value) => {
   const date = value ? dayjs.dayjs(value) : void 0;
   return (date == null ? void 0 : date.isValid()) ? date : void 0;
 };
-const DateTimePicker = ({
+const DateTimePickerInput = ({
   placeholder = "Select time",
   format = helpers$1.DEFAULT_TIME_FORMAT,
   formatter,
@@ -44,8 +44,12 @@ const DateTimePicker = ({
   sx,
   loading = false,
   size,
-  footer
-}) => {
+  footer,
+  disabled,
+  onClick,
+  utcOffset: _utcOffset,
+  ...rest
+}, ref) => {
   const [opened, { close, open }] = useDisclosure.useDisclosure(false);
   const currentDay = dayjs.dayjs(today).startOf("day");
   const minimumDate = dayjs.dayjs(startDate);
@@ -122,14 +126,19 @@ const DateTimePicker = ({
         /* @__PURE__ */ jsxRuntime.jsx(Popover.Popover.Target, { children: /* @__PURE__ */ jsxRuntime.jsx(
           TextInput.TextInput,
           {
+            ...rest,
+            ref,
             readOnly: true,
-            disabled: disable,
+            disabled: disable || disabled,
             placeholder,
             value: inputStr,
             rightSection: loading ? /* @__PURE__ */ jsxRuntime.jsx(Loader.Loader, { size: "xs" }) : /* @__PURE__ */ jsxRuntime.jsx(Box.Box, { component: index.IconClock, size: 18, c: "carbon.6" }),
             sx,
             size,
-            onClick: open
+            onClick: (event) => {
+              onClick == null ? void 0 : onClick(event);
+              if (!event.defaultPrevented) open();
+            }
           }
         ) }),
         /* @__PURE__ */ jsxRuntime.jsx(Popover.Popover.Dropdown, { children: /* @__PURE__ */ jsxRuntime.jsxs(Stack.Stack, { children: [
@@ -269,6 +278,8 @@ const DateTimePicker = ({
     }
   );
 };
+const DateTimePicker = React.forwardRef(DateTimePickerInput);
+DateTimePicker.displayName = "DateTimePicker";
 const TimePicker = ({
   value,
   onChange,

package/dist/biz/DateTimePicker/index.d.cts

@@ -32,7 +32,7 @@ import { MantineSize, PopoverProps, TimeInputProps } from '../../primitive/index
 import { DateTimePickerProps } from './types.cjs';
 export type { DateTimePickerProps } from './types.cjs';
 export { useDateTimePicker } from './helpers.cjs';
-export declare const DateTimePicker: ({ placeholder, format, formatter, defaultValue, value, today, highlightToday, startDate, endDate, onChange, disable, withinPortal, sx, loading, size, footer }: DateTimePickerProps) => import("react/jsx-runtime.js").JSX.Element;
+export declare const DateTimePicker: import('react').ForwardRefExoticComponent<DateTimePickerProps & import('react').RefAttributes<HTMLInputElement>>;
 export interface TimePickerProps extends Omit<TimeInputProps, 'value' | 'onChange' | 'defaultValue'>, Pick<PopoverProps, 'withinPortal' | 'withArrow' | 'position' | 'shadow'> {
     defaultValue?: string;
     /**

package/dist/biz/DateTimePicker/index.d.mts

@@ -32,7 +32,7 @@ import { MantineSize, PopoverProps, TimeInputProps } from '../../primitive/index
 import { DateTimePickerProps } from './types.mjs';
 export type { DateTimePickerProps } from './types.mjs';
 export { useDateTimePicker } from './helpers.mjs';
-export declare const DateTimePicker: ({ placeholder, format, formatter, defaultValue, value, today, highlightToday, startDate, endDate, onChange, disable, withinPortal, sx, loading, size, footer }: DateTimePickerProps) => import("react/jsx-runtime.js").JSX.Element;
+export declare const DateTimePicker: import('react').ForwardRefExoticComponent<DateTimePickerProps & import('react').RefAttributes<HTMLInputElement>>;
 export interface TimePickerProps extends Omit<TimeInputProps, 'value' | 'onChange' | 'defaultValue'>, Pick<PopoverProps, 'withinPortal' | 'withArrow' | 'position' | 'shadow'> {
     defaultValue?: string;
     /**

package/dist/biz/DateTimePicker/index.mjs

@@ -1,6 +1,6 @@
 import { jsxs, jsx, Fragment } from "react/jsx-runtime";
 import { useMemoizedFn } from "ahooks";
-import { useState, useMemo } from "react";
+import { forwardRef, useState, useMemo } from "react";
 import { IconClock } from "../../icons/index.mjs";
 /* empty css                                                                                                                                                                                       */
 /* empty css                                                                                                                                                                                        */
@@ -10,23 +10,23 @@ import { IconClock } from "../../icons/index.mjs";
 import { dayjs } from "../../utils/dayjs.mjs";
 import { DEFAULT_TIME_FORMAT } from "../TimeRangePicker/helpers.mjs";
 import { TimeScollerPicker } from "./TimeScollerPicker.mjs";
-import { useDisclosure } from "../../node_modules/.pnpm/@mantine_hooks@7.17.8_react@18.3.1/node_modules/@mantine/hooks/esm/use-disclosure/use-disclosure.mjs";
 import { useUncontrolled } from "../../node_modules/.pnpm/@mantine_hooks@7.17.8_react@18.3.1/node_modules/@mantine/hooks/esm/use-uncontrolled/use-uncontrolled.mjs";
 import { Popover } from "../../node_modules/.pnpm/@mantine_core@7.17.8_patch_hash_3qirwkgu3wxhvd6hnr2gb24yzq_@mantine_hooks@7.17.8_react@18.3.1_e5yvlgwhmeykc75dkphi7jou6q/node_modules/@mantine/core/esm/components/Popover/Popover.mjs";
+import { TimeInput } from "../../node_modules/.pnpm/@mantine_dates@7.17.8_@mantine_core@7.17.8_patch_hash_3qirwkgu3wxhvd6hnr2gb24yzq_@mantine_hoo_itsuscsie4edrhi6ero4lpb3hq/node_modules/@mantine/dates/esm/components/TimeInput/TimeInput.mjs";
+import { Box } from "../../node_modules/.pnpm/@mantine_core@7.17.8_patch_hash_3qirwkgu3wxhvd6hnr2gb24yzq_@mantine_hooks@7.17.8_react@18.3.1_e5yvlgwhmeykc75dkphi7jou6q/node_modules/@mantine/core/esm/core/Box/Box.mjs";
+import { Flex } from "../../node_modules/.pnpm/@mantine_core@7.17.8_patch_hash_3qirwkgu3wxhvd6hnr2gb24yzq_@mantine_hooks@7.17.8_react@18.3.1_e5yvlgwhmeykc75dkphi7jou6q/node_modules/@mantine/core/esm/components/Flex/Flex.mjs";
+import { useDisclosure } from "../../node_modules/.pnpm/@mantine_hooks@7.17.8_react@18.3.1/node_modules/@mantine/hooks/esm/use-disclosure/use-disclosure.mjs";
 import { TextInput } from "../../primitive/TextInput/TextInput.mjs";
 import { Loader } from "../../node_modules/.pnpm/@mantine_core@7.17.8_patch_hash_3qirwkgu3wxhvd6hnr2gb24yzq_@mantine_hooks@7.17.8_react@18.3.1_e5yvlgwhmeykc75dkphi7jou6q/node_modules/@mantine/core/esm/components/Loader/Loader.mjs";
-import { Box } from "../../node_modules/.pnpm/@mantine_core@7.17.8_patch_hash_3qirwkgu3wxhvd6hnr2gb24yzq_@mantine_hooks@7.17.8_react@18.3.1_e5yvlgwhmeykc75dkphi7jou6q/node_modules/@mantine/core/esm/core/Box/Box.mjs";
 import { Stack } from "../../node_modules/.pnpm/@mantine_core@7.17.8_patch_hash_3qirwkgu3wxhvd6hnr2gb24yzq_@mantine_hooks@7.17.8_react@18.3.1_e5yvlgwhmeykc75dkphi7jou6q/node_modules/@mantine/core/esm/components/Stack/Stack.mjs";
 import { Group } from "../../node_modules/.pnpm/@mantine_core@7.17.8_patch_hash_3qirwkgu3wxhvd6hnr2gb24yzq_@mantine_hooks@7.17.8_react@18.3.1_e5yvlgwhmeykc75dkphi7jou6q/node_modules/@mantine/core/esm/components/Group/Group.mjs";
 import { DatePicker } from "../../node_modules/.pnpm/@mantine_dates@7.17.8_@mantine_core@7.17.8_patch_hash_3qirwkgu3wxhvd6hnr2gb24yzq_@mantine_hoo_itsuscsie4edrhi6ero4lpb3hq/node_modules/@mantine/dates/esm/components/DatePicker/DatePicker.mjs";
 import { Divider } from "../../node_modules/.pnpm/@mantine_core@7.17.8_patch_hash_3qirwkgu3wxhvd6hnr2gb24yzq_@mantine_hooks@7.17.8_react@18.3.1_e5yvlgwhmeykc75dkphi7jou6q/node_modules/@mantine/core/esm/components/Divider/Divider.mjs";
-import { TimeInput } from "../../node_modules/.pnpm/@mantine_dates@7.17.8_@mantine_core@7.17.8_patch_hash_3qirwkgu3wxhvd6hnr2gb24yzq_@mantine_hoo_itsuscsie4edrhi6ero4lpb3hq/node_modules/@mantine/dates/esm/components/TimeInput/TimeInput.mjs";
-import { Flex } from "../../node_modules/.pnpm/@mantine_core@7.17.8_patch_hash_3qirwkgu3wxhvd6hnr2gb24yzq_@mantine_hooks@7.17.8_react@18.3.1_e5yvlgwhmeykc75dkphi7jou6q/node_modules/@mantine/core/esm/components/Flex/Flex.mjs";
 const getValidDate = (value) => {
   const date = value ? dayjs(value) : void 0;
   return (date == null ? void 0 : date.isValid()) ? date : void 0;
 };
-const DateTimePicker = ({
+const DateTimePickerInput = ({
   placeholder = "Select time",
   format = DEFAULT_TIME_FORMAT,
   formatter,
@@ -42,8 +42,12 @@ const DateTimePicker = ({
   sx,
   loading = false,
   size,
-  footer
-}) => {
+  footer,
+  disabled,
+  onClick,
+  utcOffset: _utcOffset,
+  ...rest
+}, ref) => {
   const [opened, { close, open }] = useDisclosure(false);
   const currentDay = dayjs(today).startOf("day");
   const minimumDate = dayjs(startDate);
@@ -120,14 +124,19 @@ const DateTimePicker = ({
         /* @__PURE__ */ jsx(Popover.Target, { children: /* @__PURE__ */ jsx(
           TextInput,
           {
+            ...rest,
+            ref,
             readOnly: true,
-            disabled: disable,
+            disabled: disable || disabled,
             placeholder,
             value: inputStr,
             rightSection: loading ? /* @__PURE__ */ jsx(Loader, { size: "xs" }) : /* @__PURE__ */ jsx(Box, { component: IconClock, size: 18, c: "carbon.6" }),
             sx,
             size,
-            onClick: open
+            onClick: (event) => {
+              onClick == null ? void 0 : onClick(event);
+              if (!event.defaultPrevented) open();
+            }
           }
         ) }),
         /* @__PURE__ */ jsx(Popover.Dropdown, { children: /* @__PURE__ */ jsxs(Stack, { children: [
@@ -267,6 +276,8 @@ const DateTimePicker = ({
     }
   );
 };
+const DateTimePicker = forwardRef(DateTimePickerInput);
+DateTimePicker.displayName = "DateTimePicker";
 const TimePicker = ({
   value,
   onChange,

package/dist/biz/DotBadge/index.cjs

@@ -6,8 +6,8 @@ const jsxRuntime = require("react/jsx-runtime");
 ;/* empty css                                                                                                                                                                                                 */
 ;/* empty css                                                                                                                                                                                            */
 ;/* empty css                                                                                                                                                                                            */
-const index$1 = require("../../primitive/Typography/index.cjs");
-const index = require("../Dot/index.cjs");
+const index = require("../../primitive/Typography/index.cjs");
+const index$1 = require("../Dot/index.cjs");
 const Badge = require("../../node_modules/.pnpm/@mantine_core@7.17.8_patch_hash_3qirwkgu3wxhvd6hnr2gb24yzq_@mantine_hooks@7.17.8_react@18.3.1_e5yvlgwhmeykc75dkphi7jou6q/node_modules/@mantine/core/esm/components/Badge/Badge.cjs");
 const DotBadge = ({ color = "green", children, ...rest }) => {
   return /* @__PURE__ */ jsxRuntime.jsx(
@@ -22,9 +22,9 @@ const DotBadge = ({ color = "green", children, ...rest }) => {
           height: 28
         }
       }),
-      leftSection: /* @__PURE__ */ jsxRuntime.jsx(index.Dot, { color, size: 8 }),
+      leftSection: /* @__PURE__ */ jsxRuntime.jsx(index$1.Dot, { color, size: 8 }),
       ...rest,
-      children: /* @__PURE__ */ jsxRuntime.jsx(index$1.Typography, { fz: 14, fw: 500, c: `${color}.8`, children })
+      children: /* @__PURE__ */ jsxRuntime.jsx(index.Typography, { fz: 14, fw: 500, c: `${color}.8`, children })
     }
   );
 };