aq-fe-framework 0.1.976 → 0.1.977

package/dist/{chunk-2ZDGJ3SE.mjs → chunk-Q3M6GQ26.mjs}

@@ -2,12 +2,6 @@ import {
   useStore_Permission,
   useStore_ProjectInfo
 } from "./chunk-BJAYNNOF.mjs";
-import {
-  utils_date,
-  utils_excel,
-  utils_file,
-  utils_mantineReactTable
-} from "./chunk-PBI7RFUT.mjs";
 import {
   utils_aq_mapBaseEntityToDomain,
   utils_aq_mapDomainToEntity,
@@ -22,6 +16,12 @@ import {
   utils_notification_show,
   utils_pdf_download
 } from "./chunk-KGBXMHKR.mjs";
+import {
+  utils_date,
+  utils_excel,
+  utils_file,
+  utils_mantineReactTable
+} from "./chunk-XAQLBGVI.mjs";
 import {
   createGenericStore2 as createGenericStore
 } from "./chunk-YGWSHSTG.mjs";
@@ -80,7 +80,7 @@ function CustomSwitchTheme() {
 }
 
 // src/core/button/MyButtonCreateUpdate.tsx
-import { Modal, ScrollArea, Space, Tooltip, useMantineColorScheme as useMantineColorScheme4 } from "@mantine/core";
+import { Modal, ScrollArea, Space, Tooltip as Tooltip2, useMantineColorScheme as useMantineColorScheme4 } from "@mantine/core";
 import { useDisclosure } from "@mantine/hooks";
 import { notifications } from "@mantine/notifications";
 
@@ -93,7 +93,7 @@ function MyFlexColumn(_a) {
 }
 
 // src/core/button/MyActionIcon/MyActionIcon.tsx
-import { ActionIcon as ActionIcon2, useMantineColorScheme as useMantineColorScheme2 } from "@mantine/core";
+import { ActionIcon as ActionIcon2, Tooltip, useMantineColorScheme as useMantineColorScheme2 } from "@mantine/core";
 import {
   IconBook,
   IconChecklist,
@@ -183,7 +183,8 @@ var getActionConfig = (colorScheme) => ({
   },
   validate: {
     color: "orange",
-    children: /* @__PURE__ */ jsx3(IconChecklist, {})
+    children: /* @__PURE__ */ jsx3(IconChecklist, {}),
+    tooltipLabel: "Ki\u1EC3m tra"
   }
 });
 function MyActionIcon(_a) {
@@ -199,14 +200,8 @@ function MyActionIcon(_a) {
       return false;
     return actionType2 === "create" && permissionStore.state.currentPermissionPage.isCreate === false || actionType2 === "update" && permissionStore.state.currentPermissionPage.isUpdate === false || actionType2 === "delete" && permissionStore.state.currentPermissionPage.isDelete === false || actionType2 === "print" && permissionStore.state.currentPermissionPage.isPrint === false || actionType2 === "export" && permissionStore.state.currentPermissionPage.isExport === false;
   })();
-  return /* @__PURE__ */ jsx3(
-    ActionIcon2,
-    __spreadProps(__spreadValues(__spreadValues({
-      hidden: shouldHide
-    }, config4), rest), {
-      children: children || config4.children
-    })
-  );
+  const actionIcon = /* @__PURE__ */ jsx3(ActionIcon2, __spreadProps(__spreadValues(__spreadValues({ hidden: shouldHide }, config4), rest), { children: children || config4.children }));
+  return config4.tooltipLabel ? /* @__PURE__ */ jsx3(Tooltip, { label: config4.tooltipLabel, children: actionIcon }) : actionIcon;
 }
 
 // src/core/button/MyButton/MyButton.tsx
@@ -390,7 +385,7 @@ function MyButtonCreateUpdate({
     }, useMyReactMutationProps == null ? void 0 : useMyReactMutationProps.options)
   }));
   return /* @__PURE__ */ jsxs(Fragment, { children: [
-    isUpdate == true ? /* @__PURE__ */ jsx5(Tooltip, __spreadProps(__spreadValues({ label: toolTipProps == null ? void 0 : toolTipProps.label, hidden: !(toolTipProps == null ? void 0 : toolTipProps.label) }, toolTipProps), { children: /* @__PURE__ */ jsx5(
+    isUpdate == true ? /* @__PURE__ */ jsx5(Tooltip2, __spreadProps(__spreadValues({ label: toolTipProps == null ? void 0 : toolTipProps.label, hidden: !(toolTipProps == null ? void 0 : toolTipProps.label) }, toolTipProps), { children: /* @__PURE__ */ jsx5(
       MyActionIcon,
       __spreadValues({
         actionType: "update",
@@ -474,7 +469,7 @@ function MyFlexColumn2(_a) {
 }
 
 // src/core/button/MyButtonModal.tsx
-import { Modal as Modal2, Tooltip as Tooltip2 } from "@mantine/core";
+import { Modal as Modal2, Tooltip as Tooltip3 } from "@mantine/core";
 import { Fragment as Fragment2, jsx as jsx8, jsxs as jsxs2 } from "react/jsx-runtime";
 function MyButtonModal({
   disclosure,
@@ -495,7 +490,7 @@ function MyButtonModal({
     disclosure == null ? void 0 : disclosure[1].open();
   };
   return /* @__PURE__ */ jsxs2(Fragment2, { children: [
-    isActionIcon ? /* @__PURE__ */ jsx8(Tooltip2, __spreadProps(__spreadValues({ label: toolTipProps == null ? void 0 : toolTipProps.label, hidden: !(toolTipProps == null ? void 0 : toolTipProps.label) }, toolTipProps), { children: /* @__PURE__ */ jsx8(
+    isActionIcon ? /* @__PURE__ */ jsx8(Tooltip3, __spreadProps(__spreadValues({ label: toolTipProps == null ? void 0 : toolTipProps.label, hidden: !(toolTipProps == null ? void 0 : toolTipProps.label) }, toolTipProps), { children: /* @__PURE__ */ jsx8(
       MyActionIcon,
       __spreadProps(__spreadValues({}, actionIconProps), {
         onClick: handleClick
@@ -1218,11 +1213,11 @@ function MyActionIconUpdate(_a) {
 }
 
 // src/components/ActionIcons/ActionIconDownloadPDF/MyActionIconDownloadPDF.tsx
-import { ActionIcon as ActionIcon5, Tooltip as Tooltip3 } from "@mantine/core";
+import { ActionIcon as ActionIcon5, Tooltip as Tooltip4 } from "@mantine/core";
 import { IconDownload as IconDownload3 } from "@tabler/icons-react";
 import { jsx as jsx21 } from "react/jsx-runtime";
 function MyActionIconDownloadPDF({ pdfLink = "https://datafiles.chinhphu.vn/cpp/files/vbpq/2021/07/17-bgd.signed.pdf" }) {
-  return /* @__PURE__ */ jsx21(Tooltip3, { label: "Nh\u1EA5p \u0111\u1EC3 t\u1EA3i xu\u1ED1ng", children: /* @__PURE__ */ jsx21(ActionIcon5, { onClick: async () => await utils_pdf_download(pdfLink), color: "red", children: /* @__PURE__ */ jsx21(IconDownload3, {}) }) });
+  return /* @__PURE__ */ jsx21(Tooltip4, { label: "Nh\u1EA5p \u0111\u1EC3 t\u1EA3i xu\u1ED1ng", children: /* @__PURE__ */ jsx21(ActionIcon5, { onClick: async () => await utils_pdf_download(pdfLink), color: "red", children: /* @__PURE__ */ jsx21(IconDownload3, {}) }) });
 }
 
 // src/components/ActionIcons/ActionIconUpload/MyActionIconUpload.tsx
@@ -1247,7 +1242,7 @@ function MyActionIconUpload() {
 }
 
 // src/components/ActionIcons/ActionIconViewPdf/MyActionIconViewPDF.tsx
-import { ActionIcon as ActionIcon7, Group as Group2, Modal as Modal4, Paper, Text as Text3, Tooltip as Tooltip4 } from "@mantine/core";
+import { ActionIcon as ActionIcon7, Group as Group2, Modal as Modal4, Paper, Text as Text3, Tooltip as Tooltip5 } from "@mantine/core";
 import { useDisclosure as useDisclosure5 } from "@mantine/hooks";
 import { IconLivePhoto as IconLivePhoto2, IconMaximize, IconMinimize } from "@tabler/icons-react";
 import { useState as useState4 } from "react";
@@ -1264,7 +1259,7 @@ function MyActionIconViewPDF(_a) {
   const fullScreen = useState4(false);
   const hSize = useState4("80vh");
   return /* @__PURE__ */ jsxs10(Fragment7, { children: [
-    /* @__PURE__ */ jsx23(Tooltip4, { label: "Xem t\xE0i li\u1EC7u tr\u1EF1c ti\u1EBFp", children: /* @__PURE__ */ jsx23(ActionIcon7, __spreadProps(__spreadValues({ color: "cyan", onClick: disc[1].open }, rest), { children: /* @__PURE__ */ jsx23(IconLivePhoto2, {}) })) }),
+    /* @__PURE__ */ jsx23(Tooltip5, { label: "Xem t\xE0i li\u1EC7u tr\u1EF1c ti\u1EBFp", children: /* @__PURE__ */ jsx23(ActionIcon7, __spreadProps(__spreadValues({ color: "cyan", onClick: disc[1].open }, rest), { children: /* @__PURE__ */ jsx23(IconLivePhoto2, {}) })) }),
     /* @__PURE__ */ jsx23(
       Modal4,
       {
@@ -2655,7 +2650,7 @@ import {
   Modal as Modal11,
   Paper as Paper3,
   Text as Text7,
-  Tooltip as Tooltip5
+  Tooltip as Tooltip6
 } from "@mantine/core";
 import { useDisclosure as useDisclosure11 } from "@mantine/hooks";
 import { IconLivePhoto as IconLivePhoto3, IconMaximize as IconMaximize3, IconMinimize as IconMinimize3 } from "@tabler/icons-react";
@@ -2712,7 +2707,7 @@ function MyButtonViewPDF({
     }
   }, [opened]);
   return /* @__PURE__ */ jsxs24(Fragment14, { children: [
-    /* @__PURE__ */ jsx43(Tooltip5, { label: "Xem t\xE0i li\u1EC7u tr\u1EF1c ti\u1EBFp", children: isActionIcon ? /* @__PURE__ */ jsx43(ActionIcon10, { onClick: open, children: /* @__PURE__ */ jsx43(IconLivePhoto3, {}) }) : /* @__PURE__ */ jsx43(Button12, { color: "cyan", onClick: open, leftSection: /* @__PURE__ */ jsx43(IconLivePhoto3, {}), children: label }) }),
+    /* @__PURE__ */ jsx43(Tooltip6, { label: "Xem t\xE0i li\u1EC7u tr\u1EF1c ti\u1EBFp", children: isActionIcon ? /* @__PURE__ */ jsx43(ActionIcon10, { onClick: open, children: /* @__PURE__ */ jsx43(IconLivePhoto3, {}) }) : /* @__PURE__ */ jsx43(Button12, { color: "cyan", onClick: open, leftSection: /* @__PURE__ */ jsx43(IconLivePhoto3, {}), children: label }) }),
     /* @__PURE__ */ jsx43(
       Modal11,
       {
@@ -8202,7 +8197,7 @@ import {
   Image as Image4,
   ScrollArea as ScrollArea4,
   Text as Text22,
-  Tooltip as Tooltip6
+  Tooltip as Tooltip7
 } from "@mantine/core";
 import { useFavicon, useMediaQuery } from "@mantine/hooks";
 import {
@@ -17198,10 +17193,10 @@ function BasicAppShell({ children, menu, extraTopRight, title, logoutRedirect, i
   const canAccess = isDev || isAccessible || permissionStore.state.isSuperAdmin;
   const renderHeader = () => /* @__PURE__ */ jsx216(AppShell.Header, { children: media ? /* @__PURE__ */ jsxs125(Group33, { h: "100%", px: "md", justify: "space-between", children: [
     /* @__PURE__ */ jsxs125(Group33, { h: "100%", children: [
-      /* @__PURE__ */ jsx216(Tooltip6, { label: appShellStore.state.opened ? "\u1EA8n thanh menu" : "Hi\u1EC7n thanh menu", children: /* @__PURE__ */ jsx216(ActionIcon11, { variant: "default", size: "lg", radius: "md", onClick: appShellStore.toggle, children: appShellStore.state.opened ? /* @__PURE__ */ jsx216(IconLayoutSidebarLeftExpand, {}) : /* @__PURE__ */ jsx216(IconLayoutSidebarLeftCollapse, {}) }) }),
-      /* @__PURE__ */ jsx216(Tooltip6, { label: "\u0110\xF3ng t\u1EA5t c\u1EA3 menu", children: /* @__PURE__ */ jsx216(ActionIcon11, { variant: "default", size: "lg", radius: "md", onClick: appShellStore.clearGroupMenuOpenId, children: /* @__PURE__ */ jsx216(IconLibraryMinus, {}) }) })
+      /* @__PURE__ */ jsx216(Tooltip7, { label: appShellStore.state.opened ? "\u1EA8n thanh menu" : "Hi\u1EC7n thanh menu", children: /* @__PURE__ */ jsx216(ActionIcon11, { variant: "default", size: "lg", radius: "md", onClick: appShellStore.toggle, children: appShellStore.state.opened ? /* @__PURE__ */ jsx216(IconLayoutSidebarLeftExpand, {}) : /* @__PURE__ */ jsx216(IconLayoutSidebarLeftCollapse, {}) }) }),
+      /* @__PURE__ */ jsx216(Tooltip7, { label: "\u0110\xF3ng t\u1EA5t c\u1EA3 menu", children: /* @__PURE__ */ jsx216(ActionIcon11, { variant: "default", size: "lg", radius: "md", onClick: appShellStore.clearGroupMenuOpenId, children: /* @__PURE__ */ jsx216(IconLibraryMinus, {}) }) })
     ] }),
-    /* @__PURE__ */ jsx216(Tooltip6, { label: title || `${appShellStore.state.moduleCode} - ${appShellStore.state.moduleName}`, children: /* @__PURE__ */ jsx216(Group33, { style: { position: "absolute", left: "50%", transform: "translateX(-50%)" }, children: /* @__PURE__ */ jsx216(Text22, { c: "green", fw: "bold", size: "sm", children: title || `${appShellStore.state.moduleCode} - ${appShellStore.state.moduleName}` }) }) }),
+    /* @__PURE__ */ jsx216(Tooltip7, { label: title || `${appShellStore.state.moduleCode} - ${appShellStore.state.moduleName}`, children: /* @__PURE__ */ jsx216(Group33, { style: { position: "absolute", left: "50%", transform: "translateX(-50%)" }, children: /* @__PURE__ */ jsx216(Text22, { c: "green", fw: "bold", size: "sm", children: title || `${appShellStore.state.moduleCode} - ${appShellStore.state.moduleName}` }) }) }),
     /* @__PURE__ */ jsxs125(Group33, { children: [
       extraTopRight,
       /* @__PURE__ */ jsx216(CustomSwitchTheme, {}),
@@ -17210,7 +17205,7 @@ function BasicAppShell({ children, menu, extraTopRight, title, logoutRedirect, i
   ] }) : /* @__PURE__ */ jsxs125(Group33, { h: "100%", px: "md", justify: "space-between", children: [
     /* @__PURE__ */ jsx216(ActionIcon11, { variant: "default", size: "lg", radius: "md", onClick: appShellStore.toggle, children: appShellStore.state.opened ? /* @__PURE__ */ jsx216(IconLayoutSidebarLeftExpand, {}) : /* @__PURE__ */ jsx216(IconLayoutSidebarLeftCollapse, {}) }),
     /* @__PURE__ */ jsx216(
-      Tooltip6,
+      Tooltip7,
       {
         label: title || `${appShellStore.state.moduleCode} - ${appShellStore.state.moduleName}`,
         withArrow: true,
@@ -17432,7 +17427,7 @@ var service_aq = __spreadProps(__spreadValues({}, createBaseApi(CONTROLLER12, ba
 });
 
 // src/components/Layouts/PageContent/MyPageContent.tsx
-import { Badge as Badge7, Breadcrumbs, Center as Center13, Container as Container3, Divider as Divider5, Flex as Flex10, Group as Group35, Stack as Stack11, Text as Text24, Title as Title4, Tooltip as Tooltip7 } from "@mantine/core";
+import { Badge as Badge7, Breadcrumbs, Center as Center13, Container as Container3, Divider as Divider5, Flex as Flex10, Group as Group35, Stack as Stack11, Text as Text24, Title as Title4, Tooltip as Tooltip8 } from "@mantine/core";
 import { useClipboard, useDisclosure as useDisclosure18 } from "@mantine/hooks";
 import { notifications as notifications8 } from "@mantine/notifications";
 import { IconBrandParsinta } from "@tabler/icons-react";
@@ -17531,7 +17526,7 @@ function MyPageContent({
                 note: basicAppShellStore.state.note
               }
             ),
-            /* @__PURE__ */ jsx219(Tooltip7, { label: "Xem video h\u01B0\u1EDBng d\u1EABn", children: /* @__PURE__ */ jsx219(
+            /* @__PURE__ */ jsx219(Tooltip8, { label: "Xem video h\u01B0\u1EDBng d\u1EABn", children: /* @__PURE__ */ jsx219(
               MyButtonModal,
               {
                 isActionIcon: true,

package/dist/{chunk-PBI7RFUT.mjs → chunk-XAQLBGVI.mjs}

@@ -46,52 +46,6 @@ var utils_currency = {
   }
 };
 
-// src/utils-v2/utils_date.ts
-var utils_date = {
-  toDDMMYYYY(date) {
-    const parsedDate = typeof date === "string" ? new Date(date) : date;
-    if (!(parsedDate instanceof Date) || isNaN(parsedDate.getTime())) return "";
-    const day = String(parsedDate.getDate()).padStart(2, "0");
-    const month = String(parsedDate.getMonth() + 1).padStart(2, "0");
-    const year = parsedDate.getFullYear();
-    return `${day}/${month}/${year}`;
-  },
-  toMMYYYY(date) {
-    const parsedDate = typeof date === "string" ? new Date(date) : date;
-    if (!(parsedDate instanceof Date) || isNaN(parsedDate.getTime())) return "";
-    const month = String(parsedDate.getMonth() + 1).padStart(2, "0");
-    const year = parsedDate.getFullYear();
-    return `${month}/${year}`;
-  },
-  toHHmm(date) {
-    if (!(date instanceof Date) || isNaN(date.getTime())) return "";
-    const hour = String(date.getHours()).padStart(2, "0");
-    const minute = String(date.getMinutes()).padStart(2, "0");
-    return `${hour}:${minute}`;
-  },
-  toDateTime(date, WithSeconds) {
-    const parsedDate = typeof date === "string" ? new Date(date) : date;
-    if (!(parsedDate instanceof Date) || isNaN(parsedDate.getTime())) return "";
-    const day = String(parsedDate.getDate()).padStart(2, "0");
-    const month = String(parsedDate.getMonth() + 1).padStart(2, "0");
-    const year = parsedDate.getFullYear();
-    const hours = String(parsedDate.getHours()).padStart(2, "0");
-    const minutes = String(parsedDate.getMinutes()).padStart(2, "0");
-    const seconds = String(parsedDate.getSeconds()).padStart(2, "0");
-    return `${day}/${month}/${year} - ${hours}:${minutes}${WithSeconds && `:${seconds}`}`;
-  },
-  toDateTimeStartEnd(startDate, endDate) {
-    const startday = String(startDate.getDate()).padStart(2, "0");
-    const startmonth = String(startDate.getMonth() + 1).padStart(2, "0");
-    const startyear = startDate.getFullYear();
-    const starthour = String(startDate.getHours()).padStart(2, "0");
-    const startminute = String(startDate.getMinutes()).padStart(2, "0");
-    const endhour = String(endDate.getHours()).padStart(2, "0");
-    const endminuate = String(endDate.getMinutes()).padStart(2, "0");
-    return `${startday}/${startmonth}/${startyear}  [${starthour}:${startminute} - ${endhour}:${endminuate}]`;
-  }
-};
-
 // src/utils-v2/utils_excel.ts
 import dayjs from "dayjs";
 import customParseFormat from "dayjs/plugin/customParseFormat";
@@ -315,15 +269,130 @@ var utils_time = {
   }
 };
 
+// src/utils-v2/utils_date/demo.tsx
+import { Paper } from "@mantine/core";
+import { useState } from "react";
+
+// src/utils-v2/utils_date/utils_date.ts
+var utils_date = {
+  toDDMMYYYY(date) {
+    const parsedDate = typeof date === "string" ? new Date(date) : date;
+    if (!(parsedDate instanceof Date) || isNaN(parsedDate.getTime())) return "";
+    const day = String(parsedDate.getDate()).padStart(2, "0");
+    const month = String(parsedDate.getMonth() + 1).padStart(2, "0");
+    const year = parsedDate.getFullYear();
+    return `${day}/${month}/${year}`;
+  },
+  toMMYYYY(date) {
+    const parsedDate = typeof date === "string" ? new Date(date) : date;
+    if (!(parsedDate instanceof Date) || isNaN(parsedDate.getTime())) return "";
+    const month = String(parsedDate.getMonth() + 1).padStart(2, "0");
+    const year = parsedDate.getFullYear();
+    return `${month}/${year}`;
+  },
+  toHHmm(date) {
+    if (!(date instanceof Date) || isNaN(date.getTime())) return "";
+    const hour = String(date.getHours()).padStart(2, "0");
+    const minute = String(date.getMinutes()).padStart(2, "0");
+    return `${hour}:${minute}`;
+  },
+  toDateTime(date, WithSeconds) {
+    const parsedDate = typeof date === "string" ? new Date(date) : date;
+    if (!(parsedDate instanceof Date) || isNaN(parsedDate.getTime())) return "";
+    const day = String(parsedDate.getDate()).padStart(2, "0");
+    const month = String(parsedDate.getMonth() + 1).padStart(2, "0");
+    const year = parsedDate.getFullYear();
+    const hours = String(parsedDate.getHours()).padStart(2, "0");
+    const minutes = String(parsedDate.getMinutes()).padStart(2, "0");
+    const seconds = String(parsedDate.getSeconds()).padStart(2, "0");
+    return `${day}/${month}/${year} - ${hours}:${minutes}${WithSeconds && `:${seconds}`}`;
+  },
+  toDateTimeStartEnd(startDate, endDate) {
+    const startday = String(startDate.getDate()).padStart(2, "0");
+    const startmonth = String(startDate.getMonth() + 1).padStart(2, "0");
+    const startyear = startDate.getFullYear();
+    const starthour = String(startDate.getHours()).padStart(2, "0");
+    const startminute = String(startDate.getMinutes()).padStart(2, "0");
+    const endhour = String(endDate.getHours()).padStart(2, "0");
+    const endminuate = String(endDate.getMinutes()).padStart(2, "0");
+    return `${startday}/${startmonth}/${startyear}  [${starthour}:${startminute} - ${endhour}:${endminuate}]`;
+  }
+};
+
+// src/utils-v2/utils_date/demo.tsx
+import { jsx, jsxs } from "react/jsx-runtime";
+var demo = () => {
+  const [input, setInput] = useState((/* @__PURE__ */ new Date()).toISOString());
+  const parsedDate = new Date(input);
+  return /* @__PURE__ */ jsxs(Paper, { style: { padding: 16, fontFamily: "monospace", maxWidth: 500 }, children: [
+    /* @__PURE__ */ jsxs("label", { style: { display: "block", marginBottom: 8 }, children: [
+      "Nh\u1EADp ng\xE0y (ISO string ho\u1EB7c yyyy-mm-dd):",
+      " "
+    ] }),
+    /* @__PURE__ */ jsx(
+      "input",
+      {
+        type: "text",
+        value: input,
+        onChange: (e) => setInput(e.target.value),
+        style: {
+          width: "100%",
+          padding: 8,
+          marginBottom: 16,
+          border: "1px solid #ccc",
+          borderRadius: 4
+        }
+      }
+    ),
+    isNaN(parsedDate.getTime()) ? /* @__PURE__ */ jsx("p", { style: { color: "red" }, children: "\u274C Ng\xE0y kh\xF4ng h\u1EE3p l\u1EC7" }) : /* @__PURE__ */ jsxs("div", { children: [
+      /* @__PURE__ */ jsxs("p", { children: [
+        /* @__PURE__ */ jsx("strong", { children: "Input Date:" }),
+        " ",
+        parsedDate.toString()
+      ] }),
+      /* @__PURE__ */ jsxs("p", { children: [
+        /* @__PURE__ */ jsx("strong", { children: "toDDMMYYYY:" }),
+        " ",
+        utils_date.toDDMMYYYY(parsedDate)
+      ] }),
+      /* @__PURE__ */ jsxs("p", { children: [
+        /* @__PURE__ */ jsx("strong", { children: "toMMYYYY:" }),
+        " ",
+        utils_date.toMMYYYY(parsedDate)
+      ] }),
+      /* @__PURE__ */ jsxs("p", { children: [
+        /* @__PURE__ */ jsx("strong", { children: "toHHmm:" }),
+        " ",
+        utils_date.toHHmm(parsedDate)
+      ] }),
+      /* @__PURE__ */ jsxs("p", { children: [
+        /* @__PURE__ */ jsx("strong", { children: "toDateTime:" }),
+        " ",
+        utils_date.toDateTime(parsedDate, true)
+      ] }),
+      /* @__PURE__ */ jsxs("p", { children: [
+        /* @__PURE__ */ jsx("strong", { children: "toDateTimeStartEnd:" }),
+        " ",
+        utils_date.toDateTimeStartEnd(
+          parsedDate,
+          new Date(parsedDate.getTime() + 2 * 60 * 60 * 1e3)
+          // cộng thêm 2h
+        )
+      ] })
+    ] })
+  ] });
+};
+
 export {
   utils_file,
   utils_build,
   utils_converter,
   utils_currency,
-  utils_date,
   utils_excel,
   normalizeDate,
   utils_mantineReactTable,
   utils_text,
-  utils_time
+  utils_time,
+  utils_date,
+  demo
 };

package/dist/components/index.mjs

@@ -68,10 +68,10 @@ import {
   useHeaderMegaMenuStore,
   useS_ButtonImport,
   useStore_BasicAppShell
-} from "../chunk-2ZDGJ3SE.mjs";
+} from "../chunk-Q3M6GQ26.mjs";
 import "../chunk-BJAYNNOF.mjs";
-import "../chunk-PBI7RFUT.mjs";
 import "../chunk-KGBXMHKR.mjs";
+import "../chunk-XAQLBGVI.mjs";
 import "../chunk-YGWSHSTG.mjs";
 import "../chunk-SPG47QW7.mjs";
 import "../chunk-K6S7R6LU.mjs";

package/dist/core/index.mjs

@@ -31,10 +31,10 @@ import {
   MyStatsCard,
   MyTextInput2 as MyTextInput,
   MyWeeklySessionSchedulerPicker
-} from "../chunk-2ZDGJ3SE.mjs";
+} from "../chunk-Q3M6GQ26.mjs";
 import "../chunk-BJAYNNOF.mjs";
-import "../chunk-PBI7RFUT.mjs";
 import "../chunk-KGBXMHKR.mjs";
+import "../chunk-XAQLBGVI.mjs";
 import "../chunk-YGWSHSTG.mjs";
 import "../chunk-SPG47QW7.mjs";
 import "../chunk-K6S7R6LU.mjs";

package/dist/modules-features/index.mjs

@@ -102,10 +102,10 @@ import {
   MailTemplateDeleteButton,
   useS_moduleConfig,
   useStore_Authenticate
-} from "../chunk-2ZDGJ3SE.mjs";
+} from "../chunk-Q3M6GQ26.mjs";
 import "../chunk-BJAYNNOF.mjs";
-import "../chunk-PBI7RFUT.mjs";
 import "../chunk-KGBXMHKR.mjs";
+import "../chunk-XAQLBGVI.mjs";
 import "../chunk-YGWSHSTG.mjs";
 import "../chunk-SPG47QW7.mjs";
 import "../chunk-K6S7R6LU.mjs";

package/dist/shared/index.mjs

@@ -4,12 +4,12 @@ import {
 } from "../chunk-RGUQWALX.mjs";
 import {
   MySelect
-} from "../chunk-2ZDGJ3SE.mjs";
+} from "../chunk-Q3M6GQ26.mjs";
 import "../chunk-BJAYNNOF.mjs";
+import "../chunk-KGBXMHKR.mjs";
 import {
   utils_converter
-} from "../chunk-PBI7RFUT.mjs";
-import "../chunk-KGBXMHKR.mjs";
+} from "../chunk-XAQLBGVI.mjs";
 import "../chunk-YGWSHSTG.mjs";
 import "../chunk-SPG47QW7.mjs";
 import "../chunk-K6S7R6LU.mjs";

package/dist/utils-v2/index.d.mts

@@ -1,6 +1,7 @@
 import { ComboboxData } from '@mantine/core';
 import { Workbook } from 'exceljs';
 import { MRT_RowData, MRT_ColumnDef } from 'mantine-react-table';
+import react__default from 'react';
 
 declare const utils_build: {
     createEnumKeyMap<T extends Record<string, number | string>>(enumObj: T): Record<Extract<T[keyof T], number>, keyof T>;
@@ -20,14 +21,6 @@ declare const utils_currency: {
     formatWithSuffix(amount?: number, suffix?: string): string;
 };
 
-declare const utils_date: {
-    toDDMMYYYY(date?: Date | string): string;
-    toMMYYYY(date?: Date | string): string;
-    toHHmm(date: Date): string;
-    toDateTime(date?: Date | string, WithSeconds?: boolean): string;
-    toDateTimeStartEnd(startDate: Date, endDate: Date): string;
-};
-
 interface IExcelColumnConfig<T> {
     fieldKey: keyof T | (string & {});
     fieldName: string;
@@ -71,4 +64,14 @@ declare const utils_time: {
     getCurrentTime(): string;
 };
 
-export { type IExcelColumnConfig, normalizeDate, utils_build, utils_converter, utils_currency, utils_date, utils_excel, utils_file, utils_mantineReactTable, utils_text, utils_time };
+declare const demo: react__default.FC;
+
+declare const utils_date: {
+    toDDMMYYYY(date?: Date | string): string;
+    toMMYYYY(date?: Date | string): string;
+    toHHmm(date: Date): string;
+    toDateTime(date?: Date | string, WithSeconds?: boolean): string;
+    toDateTimeStartEnd(startDate: Date, endDate: Date): string;
+};
+
+export { type IExcelColumnConfig, demo, normalizeDate, utils_build, utils_converter, utils_currency, utils_date, utils_excel, utils_file, utils_mantineReactTable, utils_text, utils_time };

package/dist/utils-v2/index.mjs

@@ -1,4 +1,5 @@
 import {
+  demo,
   normalizeDate,
   utils_build,
   utils_converter,
@@ -9,9 +10,10 @@ import {
   utils_mantineReactTable,
   utils_text,
   utils_time
-} from "../chunk-PBI7RFUT.mjs";
+} from "../chunk-XAQLBGVI.mjs";
 import "../chunk-JD6AELXS.mjs";
 export {
+  demo,
   normalizeDate,
   utils_build,
   utils_converter,

package/package.json

@@ -54,7 +54,7 @@
       "types": "./dist/build-object/index.d.mts"
     }
   },
-  "version": "0.1.976",
+  "version": "0.1.977",
   "private": false,
   "files": [
     "dist"