@apexcura/ui-components 0.0.16-Beta57 → 0.0.16-Beta59

package/dist/index.d.mts

@@ -183,4 +183,6 @@ declare const NotificationAlert: (props: ElementType) => React$1.JSX.Element;
 
 declare const TooltipElement: (props: ElementType) => React$1.JSX.Element;
 
-export { AddMoreTable, BarChart, ButtonElement, CheckboxElement, CircleDonut, CkEditor, ColorPickerElement, DatePickerElement, DateRangePickerElement, DivContainer, DoubleBarChart, DropDownGroup, Editor, FileUpload, HorizontalBarChart, Image, LineChart, MultipleSelectElement, Navbar, NotificationAlert, NumberElement, OtpElement, PasswordElement, RadioElement, SelectElement, SemiCircleDonut, Sidebar, SingleCheckbox, SingleSelectElement, SwitchElement, TableElement, TabsElement, TextElement, TextareaElement, TooltipElement, Upload };
+declare const DateTimePickerElement: (props: ElementType) => React$1.JSX.Element;
+
+export { AddMoreTable, BarChart, ButtonElement, CheckboxElement, CircleDonut, CkEditor, ColorPickerElement, DatePickerElement, DateRangePickerElement, DateTimePickerElement, DivContainer, DoubleBarChart, DropDownGroup, Editor, FileUpload, HorizontalBarChart, Image, LineChart, MultipleSelectElement, Navbar, NotificationAlert, NumberElement, OtpElement, PasswordElement, RadioElement, SelectElement, SemiCircleDonut, Sidebar, SingleCheckbox, SingleSelectElement, SwitchElement, TableElement, TabsElement, TextElement, TextareaElement, TooltipElement, Upload };

package/dist/index.d.ts

@@ -183,4 +183,6 @@ declare const NotificationAlert: (props: ElementType) => React$1.JSX.Element;
 
 declare const TooltipElement: (props: ElementType) => React$1.JSX.Element;
 
-export { AddMoreTable, BarChart, ButtonElement, CheckboxElement, CircleDonut, CkEditor, ColorPickerElement, DatePickerElement, DateRangePickerElement, DivContainer, DoubleBarChart, DropDownGroup, Editor, FileUpload, HorizontalBarChart, Image, LineChart, MultipleSelectElement, Navbar, NotificationAlert, NumberElement, OtpElement, PasswordElement, RadioElement, SelectElement, SemiCircleDonut, Sidebar, SingleCheckbox, SingleSelectElement, SwitchElement, TableElement, TabsElement, TextElement, TextareaElement, TooltipElement, Upload };
+declare const DateTimePickerElement: (props: ElementType) => React$1.JSX.Element;
+
+export { AddMoreTable, BarChart, ButtonElement, CheckboxElement, CircleDonut, CkEditor, ColorPickerElement, DatePickerElement, DateRangePickerElement, DateTimePickerElement, DivContainer, DoubleBarChart, DropDownGroup, Editor, FileUpload, HorizontalBarChart, Image, LineChart, MultipleSelectElement, Navbar, NotificationAlert, NumberElement, OtpElement, PasswordElement, RadioElement, SelectElement, SemiCircleDonut, Sidebar, SingleCheckbox, SingleSelectElement, SwitchElement, TableElement, TabsElement, TextElement, TextareaElement, TooltipElement, Upload };

package/dist/index.js

@@ -39,6 +39,7 @@ __export(src_exports, {
   ColorPickerElement: () => ColorPickerElement,
   DatePickerElement: () => DatePickerElement,
   DateRangePickerElement: () => DateRangePickerElement,
+  DateTimePickerElement: () => DateTimePickerElement,
   DivContainer: () => DivContainer,
   DoubleBarChart: () => DoubleBarChart,
   DropDownGroup: () => DropDownGroup,
@@ -780,6 +781,7 @@ var Sidebar = (props) => {
   const [collapsed, setCollapsed] = (0, import_react16.useState)(false);
   const [selectedIndex, setSelectedIndex] = (0, import_react16.useState)(null);
   const handleChange = (item, index) => {
+    console.log(index);
     setSelectedIndex(index);
     if (props.onChange) {
       props.onChange(item);
@@ -800,8 +802,6 @@ var Sidebar = (props) => {
       ) : null,
       children,
       label,
-      // className: selectedIndex === key ? props.activeClassName : "",
-      selectedKeys: [item.label],
       onClick: children ? void 0 : () => handleChange(item, key.toString())
     };
   }
@@ -1001,47 +1001,15 @@ var DatePickerElement = (props) => {
     }
     return current && current > (0, import_dayjs.default)().endOf("day");
   };
-  const disabledTime = (current) => {
-    if (!current) return {};
-    if (props.enabled_dates === "from_today") {
-      if (current.isSame((0, import_dayjs.default)(), "day")) {
-        const hours = Array.from({ length: 24 }, (_, i) => i < (0, import_dayjs.default)().hour() ? i : null).filter(
-          (v) => v !== null
-        );
-        const minutes = Array.from({ length: 60 }, (_, i) => i < (0, import_dayjs.default)().minute() ? i : null).filter(
-          (v) => v !== null
-        );
-        return {
-          disabledHours: () => hours,
-          disabledMinutes: (selectedHour) => selectedHour === (0, import_dayjs.default)().hour() ? minutes : []
-        };
-      }
-    } else {
-      if (current.isSame((0, import_dayjs.default)(), "day")) {
-        const hours = Array.from({ length: 24 }, (_, i) => i > (0, import_dayjs.default)().hour() ? i : null).filter(
-          (v) => v !== null
-        );
-        const minutes = Array.from({ length: 60 }, (_, i) => i > (0, import_dayjs.default)().minute() ? i : null).filter(
-          (v) => v !== null
-        );
-        return {
-          disabledHours: () => hours,
-          disabledMinutes: (selectedHour) => selectedHour === (0, import_dayjs.default)().hour() ? minutes : []
-        };
-      }
-    }
-    return {};
-  };
   return /* @__PURE__ */ import_react22.default.createElement("div", { className: props.containerClassName }, props.label && /* @__PURE__ */ import_react22.default.createElement("label", { htmlFor: props.name, className: props.labelClassName }, props.label, " ", props.required ? /* @__PURE__ */ import_react22.default.createElement("span", { style: { color: "red" } }, "*") : ""), /* @__PURE__ */ import_react22.default.createElement(
     import_antd15.DatePicker,
     {
-      disabledTime,
       disabledDate,
       showTime: true,
       className: props.className,
       placeholder: props.placeholder,
       value: dateState,
-      format: "DD-MM-YYYY HH:mm",
+      format: "DD-MM-YYYY",
       onChange: handleChange,
       picker: props.picker
     }
@@ -1827,6 +1795,80 @@ var NotificationAlert = (props) => {
 var import_react41 = __toESM(require("react"));
 var import_antd25 = require("antd");
 var TooltipElement = (props) => /* @__PURE__ */ import_react41.default.createElement(import_antd25.Tooltip, { title: props.title }, /* @__PURE__ */ import_react41.default.createElement("span", { className: props.className }, props.description));
+
+// src/Components/DateTimePicker.tsx
+var import_react42 = __toESM(require("react"));
+var import_antd26 = require("antd");
+var import_dayjs3 = __toESM(require("dayjs"));
+var import_customParseFormat2 = __toESM(require("dayjs/plugin/customParseFormat.js"));
+import_dayjs3.default.extend(import_customParseFormat2.default);
+var DateTimePickerElement = (props) => {
+  const [dateState, setDateState] = (0, import_react42.useState)(props.value);
+  const handleChange = (date, dateString) => {
+    if (date) {
+      setDateState(date);
+      if (props.onChange) {
+        props.onChange(dateString);
+      }
+    } else {
+      setDateState("");
+      if (props.onChange) {
+        props.onChange("");
+      }
+    }
+  };
+  const disabledDate = (current) => {
+    if (props.enabled_dates === "from_today") {
+      return current && current < (0, import_dayjs3.default)().startOf("day");
+    }
+    return current && current > (0, import_dayjs3.default)().endOf("day");
+  };
+  const disabledTime = (current) => {
+    if (!current) return {};
+    if (props.enabled_dates === "from_today") {
+      if (current.isSame((0, import_dayjs3.default)(), "day")) {
+        const hours = Array.from({ length: 24 }, (_, i) => i < (0, import_dayjs3.default)().hour() ? i : null).filter(
+          (v) => v !== null
+        );
+        const minutes = Array.from({ length: 60 }, (_, i) => i < (0, import_dayjs3.default)().minute() ? i : null).filter(
+          (v) => v !== null
+        );
+        return {
+          disabledHours: () => hours,
+          disabledMinutes: (selectedHour) => selectedHour === (0, import_dayjs3.default)().hour() ? minutes : []
+        };
+      }
+    } else {
+      if (current.isSame((0, import_dayjs3.default)(), "day")) {
+        const hours = Array.from({ length: 24 }, (_, i) => i > (0, import_dayjs3.default)().hour() ? i : null).filter(
+          (v) => v !== null
+        );
+        const minutes = Array.from({ length: 60 }, (_, i) => i > (0, import_dayjs3.default)().minute() ? i : null).filter(
+          (v) => v !== null
+        );
+        return {
+          disabledHours: () => hours,
+          disabledMinutes: (selectedHour) => selectedHour === (0, import_dayjs3.default)().hour() ? minutes : []
+        };
+      }
+    }
+    return {};
+  };
+  return /* @__PURE__ */ import_react42.default.createElement("div", { className: props.containerClassName }, props.label && /* @__PURE__ */ import_react42.default.createElement("label", { htmlFor: props.name, className: props.labelClassName }, props.label, " ", props.required ? /* @__PURE__ */ import_react42.default.createElement("span", { style: { color: "red" } }, "*") : ""), /* @__PURE__ */ import_react42.default.createElement(
+    import_antd26.DatePicker,
+    {
+      disabledTime,
+      disabledDate,
+      showTime: true,
+      className: props.className,
+      placeholder: props.placeholder,
+      value: dateState,
+      format: "DD-MM-YYYY HH:mm",
+      onChange: handleChange,
+      picker: props.picker
+    }
+  ));
+};
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   AddMoreTable,
@@ -1838,6 +1880,7 @@ var TooltipElement = (props) => /* @__PURE__ */ import_react41.default.createEle
   ColorPickerElement,
   DatePickerElement,
   DateRangePickerElement,
+  DateTimePickerElement,
   DivContainer,
   DoubleBarChart,
   DropDownGroup,

package/dist/index.mjs

@@ -709,6 +709,7 @@ var Sidebar = (props) => {
   const [collapsed, setCollapsed] = useState5(false);
   const [selectedIndex, setSelectedIndex] = useState5(null);
   const handleChange = (item, index) => {
+    console.log(index);
     setSelectedIndex(index);
     if (props.onChange) {
       props.onChange(item);
@@ -729,8 +730,6 @@ var Sidebar = (props) => {
       ) : null,
       children,
       label,
-      // className: selectedIndex === key ? props.activeClassName : "",
-      selectedKeys: [item.label],
       onClick: children ? void 0 : () => handleChange(item, key.toString())
     };
   }
@@ -930,47 +929,15 @@ var DatePickerElement = (props) => {
     }
     return current && current > dayjs().endOf("day");
   };
-  const disabledTime = (current) => {
-    if (!current) return {};
-    if (props.enabled_dates === "from_today") {
-      if (current.isSame(dayjs(), "day")) {
-        const hours = Array.from({ length: 24 }, (_, i) => i < dayjs().hour() ? i : null).filter(
-          (v) => v !== null
-        );
-        const minutes = Array.from({ length: 60 }, (_, i) => i < dayjs().minute() ? i : null).filter(
-          (v) => v !== null
-        );
-        return {
-          disabledHours: () => hours,
-          disabledMinutes: (selectedHour) => selectedHour === dayjs().hour() ? minutes : []
-        };
-      }
-    } else {
-      if (current.isSame(dayjs(), "day")) {
-        const hours = Array.from({ length: 24 }, (_, i) => i > dayjs().hour() ? i : null).filter(
-          (v) => v !== null
-        );
-        const minutes = Array.from({ length: 60 }, (_, i) => i > dayjs().minute() ? i : null).filter(
-          (v) => v !== null
-        );
-        return {
-          disabledHours: () => hours,
-          disabledMinutes: (selectedHour) => selectedHour === dayjs().hour() ? minutes : []
-        };
-      }
-    }
-    return {};
-  };
   return /* @__PURE__ */ React21.createElement("div", { className: props.containerClassName }, props.label && /* @__PURE__ */ React21.createElement("label", { htmlFor: props.name, className: props.labelClassName }, props.label, " ", props.required ? /* @__PURE__ */ React21.createElement("span", { style: { color: "red" } }, "*") : ""), /* @__PURE__ */ React21.createElement(
     DatePicker,
     {
-      disabledTime,
       disabledDate,
       showTime: true,
       className: props.className,
       placeholder: props.placeholder,
       value: dateState,
-      format: "DD-MM-YYYY HH:mm",
+      format: "DD-MM-YYYY",
       onChange: handleChange,
       picker: props.picker
     }
@@ -1780,6 +1747,80 @@ var NotificationAlert = (props) => {
 import React40 from "react";
 import { Tooltip as Tooltip5 } from "antd";
 var TooltipElement = (props) => /* @__PURE__ */ React40.createElement(Tooltip5, { title: props.title }, /* @__PURE__ */ React40.createElement("span", { className: props.className }, props.description));
+
+// src/Components/DateTimePicker.tsx
+import React41, { useState as useState13 } from "react";
+import { DatePicker as DatePicker3 } from "antd";
+import dayjs3 from "dayjs";
+import customParseFormat2 from "dayjs/plugin/customParseFormat.js";
+dayjs3.extend(customParseFormat2);
+var DateTimePickerElement = (props) => {
+  const [dateState, setDateState] = useState13(props.value);
+  const handleChange = (date, dateString) => {
+    if (date) {
+      setDateState(date);
+      if (props.onChange) {
+        props.onChange(dateString);
+      }
+    } else {
+      setDateState("");
+      if (props.onChange) {
+        props.onChange("");
+      }
+    }
+  };
+  const disabledDate = (current) => {
+    if (props.enabled_dates === "from_today") {
+      return current && current < dayjs3().startOf("day");
+    }
+    return current && current > dayjs3().endOf("day");
+  };
+  const disabledTime = (current) => {
+    if (!current) return {};
+    if (props.enabled_dates === "from_today") {
+      if (current.isSame(dayjs3(), "day")) {
+        const hours = Array.from({ length: 24 }, (_, i) => i < dayjs3().hour() ? i : null).filter(
+          (v) => v !== null
+        );
+        const minutes = Array.from({ length: 60 }, (_, i) => i < dayjs3().minute() ? i : null).filter(
+          (v) => v !== null
+        );
+        return {
+          disabledHours: () => hours,
+          disabledMinutes: (selectedHour) => selectedHour === dayjs3().hour() ? minutes : []
+        };
+      }
+    } else {
+      if (current.isSame(dayjs3(), "day")) {
+        const hours = Array.from({ length: 24 }, (_, i) => i > dayjs3().hour() ? i : null).filter(
+          (v) => v !== null
+        );
+        const minutes = Array.from({ length: 60 }, (_, i) => i > dayjs3().minute() ? i : null).filter(
+          (v) => v !== null
+        );
+        return {
+          disabledHours: () => hours,
+          disabledMinutes: (selectedHour) => selectedHour === dayjs3().hour() ? minutes : []
+        };
+      }
+    }
+    return {};
+  };
+  return /* @__PURE__ */ React41.createElement("div", { className: props.containerClassName }, props.label && /* @__PURE__ */ React41.createElement("label", { htmlFor: props.name, className: props.labelClassName }, props.label, " ", props.required ? /* @__PURE__ */ React41.createElement("span", { style: { color: "red" } }, "*") : ""), /* @__PURE__ */ React41.createElement(
+    DatePicker3,
+    {
+      disabledTime,
+      disabledDate,
+      showTime: true,
+      className: props.className,
+      placeholder: props.placeholder,
+      value: dateState,
+      format: "DD-MM-YYYY HH:mm",
+      onChange: handleChange,
+      picker: props.picker
+    }
+  ));
+};
 export {
   AddMoreTable,
   BarChart,
@@ -1790,6 +1831,7 @@ export {
   ColorPickerElement,
   DatePickerElement,
   DateRangePickerElement,
+  DateTimePickerElement,
   DivContainer,
   DoubleBarChart,
   DropDownGroup,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@apexcura/ui-components",
-  "version": "0.0.16-Beta57",
+  "version": "0.0.16-Beta59",
   "description": "Apex cura React components library",
   "keywords": [
     "apex cura",