@apexcura/ui-components 0.0.11-Beta245 → 0.0.11-Beta247

package/dist/index.js

@@ -772,22 +772,23 @@ var DatePickerElement = (props) => {
 var import_react23 = __toESM(require("react"));
 var import_antd16 = require("antd");
 var import_dayjs = __toESM(require("dayjs"));
-var { RangePicker } = import_antd16.DatePicker;
-var onRangeChange = (dates, dateStrings) => {
-  if (dates) {
-    console.log("From: ", dates[0], ", to: ", dates[1]);
-    console.log("From: ", dateStrings[0], ", to: ", dateStrings[1]);
-  } else {
-    console.log("Clear");
-  }
+var DateRangePickerElement = (props) => {
+  const { RangePicker } = import_antd16.DatePicker;
+  const handleChange = (dates, dateStrings) => {
+    if (dates && props.onChange) {
+      props.onChange(dateStrings);
+    } else {
+      console.log("Clear");
+    }
+  };
+  const rangePresets = [
+    { label: "Last 7 Days", value: [(0, import_dayjs.default)().add(-7, "d"), (0, import_dayjs.default)()] },
+    { label: "Last 14 Days", value: [(0, import_dayjs.default)().add(-14, "d"), (0, import_dayjs.default)()] },
+    { label: "Last 30 Days", value: [(0, import_dayjs.default)().add(-30, "d"), (0, import_dayjs.default)()] },
+    { label: "Last 90 Days", value: [(0, import_dayjs.default)().add(-90, "d"), (0, import_dayjs.default)()] }
+  ];
+  return /* @__PURE__ */ import_react23.default.createElement(import_antd16.Space, { direction: "vertical", size: 12 }, /* @__PURE__ */ import_react23.default.createElement(RangePicker, { presets: rangePresets, onChange: handleChange }));
 };
-var rangePresets = [
-  { label: "Last 7 Days", value: [(0, import_dayjs.default)().add(-7, "d"), (0, import_dayjs.default)()] },
-  { label: "Last 14 Days", value: [(0, import_dayjs.default)().add(-14, "d"), (0, import_dayjs.default)()] },
-  { label: "Last 30 Days", value: [(0, import_dayjs.default)().add(-30, "d"), (0, import_dayjs.default)()] },
-  { label: "Last 90 Days", value: [(0, import_dayjs.default)().add(-90, "d"), (0, import_dayjs.default)()] }
-];
-var DateRangePickerElement = (props) => /* @__PURE__ */ import_react23.default.createElement(import_antd16.Space, { direction: "vertical", size: 12 }, /* @__PURE__ */ import_react23.default.createElement(RangePicker, { presets: rangePresets, onChange: onRangeChange }));
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   AddMoreTable,

package/dist/index.mjs

@@ -720,22 +720,23 @@ var DatePickerElement = (props) => {
 import React22 from "react";
 import { DatePicker as DatePicker2, Space as Space2 } from "antd";
 import dayjs from "dayjs";
-var { RangePicker } = DatePicker2;
-var onRangeChange = (dates, dateStrings) => {
-  if (dates) {
-    console.log("From: ", dates[0], ", to: ", dates[1]);
-    console.log("From: ", dateStrings[0], ", to: ", dateStrings[1]);
-  } else {
-    console.log("Clear");
-  }
+var DateRangePickerElement = (props) => {
+  const { RangePicker } = DatePicker2;
+  const handleChange = (dates, dateStrings) => {
+    if (dates && props.onChange) {
+      props.onChange(dateStrings);
+    } else {
+      console.log("Clear");
+    }
+  };
+  const rangePresets = [
+    { label: "Last 7 Days", value: [dayjs().add(-7, "d"), dayjs()] },
+    { label: "Last 14 Days", value: [dayjs().add(-14, "d"), dayjs()] },
+    { label: "Last 30 Days", value: [dayjs().add(-30, "d"), dayjs()] },
+    { label: "Last 90 Days", value: [dayjs().add(-90, "d"), dayjs()] }
+  ];
+  return /* @__PURE__ */ React22.createElement(Space2, { direction: "vertical", size: 12 }, /* @__PURE__ */ React22.createElement(RangePicker, { presets: rangePresets, onChange: handleChange }));
 };
-var rangePresets = [
-  { label: "Last 7 Days", value: [dayjs().add(-7, "d"), dayjs()] },
-  { label: "Last 14 Days", value: [dayjs().add(-14, "d"), dayjs()] },
-  { label: "Last 30 Days", value: [dayjs().add(-30, "d"), dayjs()] },
-  { label: "Last 90 Days", value: [dayjs().add(-90, "d"), dayjs()] }
-];
-var DateRangePickerElement = (props) => /* @__PURE__ */ React22.createElement(Space2, { direction: "vertical", size: 12 }, /* @__PURE__ */ React22.createElement(RangePicker, { presets: rangePresets, onChange: onRangeChange }));
 export {
   AddMoreTable,
   ButtonElement,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@apexcura/ui-components",
-  "version": "0.0.11-Beta245",
+  "version": "0.0.11-Beta247",
   "description": "Apex cura React components library",
   "keywords": [
     "apex cura",
@@ -48,6 +48,7 @@
     "node": ">=18.0.0"
   },
   "dependencies": {
+    "@apexcura/ui-components": "^0.0.11-Beta245",
     "@tinymce/tinymce-react": "^5.0.1",
     "autoprefixer": "^10.4.19",
     "date-fns": "^3.6.0",