globalfy-design-system 1.30.0 → 1.32.0

package/dist/components/molecules/DatePickerRangeInput/DatePickerRangeInput.d.ts

@@ -4,6 +4,7 @@ export type DatePickerRangeInputProps = {
     label: string;
     onSelect: (date: DateRange | undefined) => void;
     disabled?: boolean;
+    dateFormat?: string;
     selected: DateRange | undefined;
 };
-export declare const DatePickerRangeInput: ({ label, onSelect, disabled, selected }: DatePickerRangeInputProps) => import("react/jsx-runtime").JSX.Element;
+export declare const DatePickerRangeInput: ({ label, onSelect, disabled, selected, dateFormat, }: DatePickerRangeInputProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/molecules/DatePickerRangeInput/DatePickerRangeInput.stories.d.ts

@@ -2,7 +2,7 @@ import { StoryObj } from '@storybook/react';
 
 declare const meta: {
     title: string;
-    component: ({ label, onSelect, disabled, selected }: import('./DatePickerRangeInput').DatePickerRangeInputProps) => import("react/jsx-runtime").JSX.Element;
+    component: ({ label, onSelect, disabled, selected, dateFormat, }: import('./DatePickerRangeInput').DatePickerRangeInputProps) => import("react/jsx-runtime").JSX.Element;
     tags: string[];
 };
 export default meta;

package/dist/globalfy-design-system.js

@@ -44153,7 +44153,7 @@ const qe0 = ({ size: e = "md", className: r, border: t = !1, image: n, label: a,
     }
   );
 }, Qe0 = L0({
-  base: "bg-white font-satoshi font-bold capitalize text-white",
+  base: "bg-white font-satoshi font-bold uppercase text-white",
   variants: {
     size: {
       lg: "h-28 w-28 text-[48px]",
@@ -57838,7 +57838,7 @@ const w30 = Qc0, y30 = t30, b30 = r30, A30 = a30, x30 = i30, C30 = d30, Qz0 = ({
       children: /* @__PURE__ */ M.jsx("div", { children: /* @__PURE__ */ M.jsx(
         bB,
         {
-          value: u ? pt(u, n ?? "dd/MM/yyyy") : "",
+          value: u ? pt(u, n ?? "MM/dd/yyyy") : "",
           onClick: p,
           isDatePicker: !0,
           label: e,
@@ -57848,19 +57848,25 @@ const w30 = Qc0, y30 = t30, b30 = r30, A30 = a30, x30 = i30, C30 = d30, Qz0 = ({
       ) })
     }
   );
-}, tU0 = ({ label: e, onSelect: r, disabled: t, selected: n }) => {
-  const [a, l] = V0(!1), c = n == null ? void 0 : n.from, u = n == null ? void 0 : n.to, h = () => {
-    l(!0);
-  }, p = (w) => r(w), f = () => {
-    l(!1);
-  }, g = L0({
+}, tU0 = ({
+  label: e,
+  onSelect: r,
+  disabled: t,
+  selected: n,
+  dateFormat: a
+}) => {
+  const [l, c] = V0(!1), u = n == null ? void 0 : n.from, h = n == null ? void 0 : n.to, p = () => {
+    c(!0);
+  }, f = (x) => r(x), g = () => {
+    c(!1);
+  }, v = L0({
     base: "flex w-full max-w-[18.813rem] items-center justify-between gap-4 rounded-lg border border-primary-grey-700 px-4 py-[6px]",
     variants: {
       disabled: {
         true: "cursor-not-allowed border-none bg-primary-grey-500"
       }
     }
-  }), v = L0({
+  }), w = L0({
     base: "font-satoshi text-sm font-normal leading-6 text-primary-grey-800",
     variants: {
       hasValue: {
@@ -57871,20 +57877,20 @@ const w30 = Qc0, y30 = t30, b30 = r30, A30 = a30, x30 = i30, C30 = d30, Qz0 = ({
   return /* @__PURE__ */ M.jsx(
     aT,
     {
-      isOpen: a,
+      isOpen: l,
       align: "start",
-      onInteractOutside: f,
+      onInteractOutside: g,
       className: "z-50 mr-5",
       side: "bottom",
-      content: /* @__PURE__ */ M.jsx(jr0, { selected: n, onSelect: p }),
-      children: /* @__PURE__ */ M.jsxs("button", { type: "button", disabled: t, onClick: h, className: g({ disabled: t }), children: [
+      content: /* @__PURE__ */ M.jsx(jr0, { selected: n, onSelect: f }),
+      children: /* @__PURE__ */ M.jsxs("button", { type: "button", disabled: t, onClick: p, className: v({ disabled: t }), children: [
         /* @__PURE__ */ M.jsxs("div", { className: "flex flex-col gap-1", children: [
           /* @__PURE__ */ M.jsx("span", { className: "text-start font-satoshi text-sm font-normal leading-normal text-primary-grey-800", children: e }),
-          /* @__PURE__ */ M.jsxs("span", { className: v({ hasValue: n !== void 0 }), children: [
-            c ? pt(c, "MM/dd/yyyy") : "DD/MM/YYYY",
+          /* @__PURE__ */ M.jsxs("span", { className: w({ hasValue: n !== void 0 }), children: [
+            u ? pt(u, a ?? "MM/dd/yyyy") : "DD/MM/YYYY",
             " -",
             " ",
-            u ? pt(u, "MM/dd/yyyy") : "DD/MM/YYYY"
+            h ? pt(h, a ?? "MM/dd/yyyy") : "DD/MM/YYYY"
           ] })
         ] }),
         /* @__PURE__ */ M.jsx(We, { name: "calendar", className: "shrink-0" })