@hybridcore/ui 1.6.11 → 1.6.13

package/dist/components/date-picker-with-custom-range/index.js

@@ -1,9 +1,88 @@
-import "react/jsx-runtime";
-import "@mui/material";
-import "@mui/x-date-pickers";
-import "./logic.js";
-import "./styled.js";
-import { D as a } from "../../index-e9xTIYWt.js";
+import { jsx as e, jsxs as r } from "react/jsx-runtime";
+import { ToggleButton as l, Box as o, Typography as n } from "@mui/material";
+import { LocalizationProvider as u } from "@mui/x-date-pickers";
+import { AdapterDayjs as f } from "@mui/x-date-pickers/AdapterDayjs";
+import { DatePicker as m } from "@mui/x-date-pickers/DatePicker";
+import { useDatePickerWithCustomRangeLogic as g } from "./logic.js";
+import { DatePickerWithCustomRangeRoot as v, DatePickerWithCustomRangeToggle as C, PresetGrid as D, PresetButton as x, CustomRow as P } from "./styled.js";
+const S = (s) => {
+  const { state: t, actions: a, ownerState: c, sx: h, other: d } = g(s);
+  return /* @__PURE__ */ e(u, { dateAdapter: f, children: /* @__PURE__ */ r(
+    v,
+    {
+      ownerState: c,
+      sx: h,
+      ...d,
+      children: [
+        /* @__PURE__ */ r(
+          C,
+          {
+            value: t.filterType,
+            exclusive: !0,
+            onChange: a.handleTypeChange,
+            size: "small",
+            children: [
+              /* @__PURE__ */ e(l, { value: "relative", children: "Relative" }),
+              /* @__PURE__ */ e(l, { value: "custom", children: "Custom" })
+            ]
+          }
+        ),
+        t.filterType === "relative" && /* @__PURE__ */ e(D, { children: t.presets.map(([i, p]) => /* @__PURE__ */ e(
+          x,
+          {
+            size: "small",
+            variant: "outlined",
+            active: t.activePreset === i,
+            onClick: () => a.handlePresetSelect(i),
+            children: p
+          },
+          i
+        )) }),
+        t.filterType === "custom" && /* @__PURE__ */ r(P, { children: [
+          /* @__PURE__ */ r(o, { flex: 1, children: [
+            /* @__PURE__ */ e(n, { fontSize: 14, mb: 1, children: "From" }),
+            /* @__PURE__ */ e(
+              m,
+              {
+                value: t.minValue,
+                onChange: a.handleMinDateChange,
+                format: "DD/MM/YYYY",
+                slotProps: {
+                  textField: {
+                    size: "small",
+                    fullWidth: !0,
+                    placeholder: "Select start date"
+                  },
+                  popper: { placement: "right-start" }
+                }
+              }
+            )
+          ] }),
+          /* @__PURE__ */ r(o, { flex: 1, children: [
+            /* @__PURE__ */ e(n, { fontSize: 14, mb: 1, children: "To" }),
+            /* @__PURE__ */ e(
+              m,
+              {
+                value: t.maxValue,
+                onChange: a.handleMaxDateChange,
+                minDate: t.minValue || void 0,
+                format: "DD/MM/YYYY",
+                slotProps: {
+                  textField: {
+                    size: "small",
+                    fullWidth: !0,
+                    placeholder: "Select end date"
+                  },
+                  popper: { placement: "right-start" }
+                }
+              }
+            )
+          ] })
+        ] })
+      ]
+    }
+  ) });
+};
 export {
-  a as DatePickerWithCustomRange
+  S as DatePickerWithCustomRange
 };