sevago-library 1.1.9 → 1.2.1

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # sevago-library
 
+## 1.2.1
+
+### Patch Changes
+
+- feat: add WHITE color constant to color constants
+
+## 1.2.0
+
+### Minor Changes
+
+- feat: add TextFieldTimeRange component with arg types and stories
+
 ## 1.1.9
 
 ### Patch Changes

package/dist/index.cjs.js

@@ -12,8 +12,8 @@ const styled$2 = require("@emotion/styled");
 const react = require("@emotion/react");
 const framerMotion = require("framer-motion");
 const reactNumberFormat = require("react-number-format");
-const formik = require("formik");
 const ReactDOM = require("react-dom");
+const formik = require("formik");
 function _interopNamespaceDefault(e) {
   const n = Object.create(null, { [Symbol.toStringTag]: { value: "Module" } });
   if (e) {
@@ -728,6 +728,9 @@ const COMMON = {
   overDue: "#D44B00",
   primary: "#2563EB"
 };
+const WHITE = {
+  50: "#ffffff"
+};
 const BACKGROUND = {
   50: "#FAFAFB",
   100: "#F3F3F6",
@@ -1003,7 +1006,8 @@ const color_const = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineP
   PURPLE,
   ROSE,
   SUCCESS,
-  WARNING
+  WARNING,
+  WHITE
 }, Symbol.toStringTag, { value: "Module" }));
 const dark$1 = {
   palette: {
@@ -73631,6 +73635,341 @@ const TextFieldTimeElement = ({
     )
   ] });
 };
+var customParseFormat$1 = { exports: {} };
+var customParseFormat = customParseFormat$1.exports;
+var hasRequiredCustomParseFormat;
+function requireCustomParseFormat() {
+  if (hasRequiredCustomParseFormat) return customParseFormat$1.exports;
+  hasRequiredCustomParseFormat = 1;
+  (function(module2, exports2) {
+    !(function(e, t) {
+      module2.exports = t();
+    })(customParseFormat, (function() {
+      var e = { LTS: "h:mm:ss A", LT: "h:mm A", L: "MM/DD/YYYY", LL: "MMMM D, YYYY", LLL: "MMMM D, YYYY h:mm A", LLLL: "dddd, MMMM D, YYYY h:mm A" }, t = /(\[[^[]*\])|([-_:/.,()\s]+)|(A|a|Q|YYYY|YY?|ww?|MM?M?M?|Do|DD?|hh?|HH?|mm?|ss?|S{1,3}|z|ZZ?)/g, n = /\d/, r2 = /\d\d/, i = /\d\d?/, o = /\d*[^-_:/,()\s\d]+/, s = {}, a = function(e2) {
+        return (e2 = +e2) + (e2 > 68 ? 1900 : 2e3);
+      };
+      var f = function(e2) {
+        return function(t2) {
+          this[e2] = +t2;
+        };
+      }, h = [/[+-]\d\d:?(\d\d)?|Z/, function(e2) {
+        (this.zone || (this.zone = {})).offset = (function(e3) {
+          if (!e3) return 0;
+          if ("Z" === e3) return 0;
+          var t2 = e3.match(/([+-]|\d\d)/g), n2 = 60 * t2[1] + (+t2[2] || 0);
+          return 0 === n2 ? 0 : "+" === t2[0] ? -n2 : n2;
+        })(e2);
+      }], u = function(e2) {
+        var t2 = s[e2];
+        return t2 && (t2.indexOf ? t2 : t2.s.concat(t2.f));
+      }, d = function(e2, t2) {
+        var n2, r3 = s.meridiem;
+        if (r3) {
+          for (var i2 = 1; i2 <= 24; i2 += 1) if (e2.indexOf(r3(i2, 0, t2)) > -1) {
+            n2 = i2 > 12;
+            break;
+          }
+        } else n2 = e2 === (t2 ? "pm" : "PM");
+        return n2;
+      }, c = { A: [o, function(e2) {
+        this.afternoon = d(e2, false);
+      }], a: [o, function(e2) {
+        this.afternoon = d(e2, true);
+      }], Q: [n, function(e2) {
+        this.month = 3 * (e2 - 1) + 1;
+      }], S: [n, function(e2) {
+        this.milliseconds = 100 * +e2;
+      }], SS: [r2, function(e2) {
+        this.milliseconds = 10 * +e2;
+      }], SSS: [/\d{3}/, function(e2) {
+        this.milliseconds = +e2;
+      }], s: [i, f("seconds")], ss: [i, f("seconds")], m: [i, f("minutes")], mm: [i, f("minutes")], H: [i, f("hours")], h: [i, f("hours")], HH: [i, f("hours")], hh: [i, f("hours")], D: [i, f("day")], DD: [r2, f("day")], Do: [o, function(e2) {
+        var t2 = s.ordinal, n2 = e2.match(/\d+/);
+        if (this.day = n2[0], t2) for (var r3 = 1; r3 <= 31; r3 += 1) t2(r3).replace(/\[|\]/g, "") === e2 && (this.day = r3);
+      }], w: [i, f("week")], ww: [r2, f("week")], M: [i, f("month")], MM: [r2, f("month")], MMM: [o, function(e2) {
+        var t2 = u("months"), n2 = (u("monthsShort") || t2.map((function(e3) {
+          return e3.slice(0, 3);
+        }))).indexOf(e2) + 1;
+        if (n2 < 1) throw new Error();
+        this.month = n2 % 12 || n2;
+      }], MMMM: [o, function(e2) {
+        var t2 = u("months").indexOf(e2) + 1;
+        if (t2 < 1) throw new Error();
+        this.month = t2 % 12 || t2;
+      }], Y: [/[+-]?\d+/, f("year")], YY: [r2, function(e2) {
+        this.year = a(e2);
+      }], YYYY: [/\d{4}/, f("year")], Z: h, ZZ: h };
+      function l(n2) {
+        var r3, i2;
+        r3 = n2, i2 = s && s.formats;
+        for (var o2 = (n2 = r3.replace(/(\[[^\]]+])|(LTS?|l{1,4}|L{1,4})/g, (function(t2, n3, r4) {
+          var o3 = r4 && r4.toUpperCase();
+          return n3 || i2[r4] || e[r4] || i2[o3].replace(/(\[[^\]]+])|(MMMM|MM|DD|dddd)/g, (function(e2, t3, n4) {
+            return t3 || n4.slice(1);
+          }));
+        }))).match(t), a2 = o2.length, f2 = 0; f2 < a2; f2 += 1) {
+          var h2 = o2[f2], u2 = c[h2], d2 = u2 && u2[0], l2 = u2 && u2[1];
+          o2[f2] = l2 ? { regex: d2, parser: l2 } : h2.replace(/^\[|\]$/g, "");
+        }
+        return function(e2) {
+          for (var t2 = {}, n3 = 0, r4 = 0; n3 < a2; n3 += 1) {
+            var i3 = o2[n3];
+            if ("string" == typeof i3) r4 += i3.length;
+            else {
+              var s2 = i3.regex, f3 = i3.parser, h3 = e2.slice(r4), u3 = s2.exec(h3)[0];
+              f3.call(t2, u3), e2 = e2.replace(u3, "");
+            }
+          }
+          return (function(e3) {
+            var t3 = e3.afternoon;
+            if (void 0 !== t3) {
+              var n4 = e3.hours;
+              t3 ? n4 < 12 && (e3.hours += 12) : 12 === n4 && (e3.hours = 0), delete e3.afternoon;
+            }
+          })(t2), t2;
+        };
+      }
+      return function(e2, t2, n2) {
+        n2.p.customParseFormat = true, e2 && e2.parseTwoDigitYear && (a = e2.parseTwoDigitYear);
+        var r3 = t2.prototype, i2 = r3.parse;
+        r3.parse = function(e3) {
+          var t3 = e3.date, r4 = e3.utc, o2 = e3.args;
+          this.$u = r4;
+          var a2 = o2[1];
+          if ("string" == typeof a2) {
+            var f2 = true === o2[2], h2 = true === o2[3], u2 = f2 || h2, d2 = o2[2];
+            h2 && (d2 = o2[2]), s = this.$locale(), !f2 && d2 && (s = n2.Ls[d2]), this.$d = (function(e4, t4, n3, r5) {
+              try {
+                if (["x", "X"].indexOf(t4) > -1) return new Date(("X" === t4 ? 1e3 : 1) * e4);
+                var i3 = l(t4)(e4), o3 = i3.year, s2 = i3.month, a3 = i3.day, f3 = i3.hours, h3 = i3.minutes, u3 = i3.seconds, d3 = i3.milliseconds, c3 = i3.zone, m2 = i3.week, M2 = /* @__PURE__ */ new Date(), Y = a3 || (o3 || s2 ? 1 : M2.getDate()), p = o3 || M2.getFullYear(), v = 0;
+                o3 && !s2 || (v = s2 > 0 ? s2 - 1 : M2.getMonth());
+                var D, w = f3 || 0, g = h3 || 0, y = u3 || 0, L = d3 || 0;
+                return c3 ? new Date(Date.UTC(p, v, Y, w, g, y, L + 60 * c3.offset * 1e3)) : n3 ? new Date(Date.UTC(p, v, Y, w, g, y, L)) : (D = new Date(p, v, Y, w, g, y, L), m2 && (D = r5(D).week(m2).toDate()), D);
+              } catch (e5) {
+                return /* @__PURE__ */ new Date("");
+              }
+            })(t3, a2, r4, n2), this.init(), d2 && true !== d2 && (this.$L = this.locale(d2).$L), u2 && t3 != this.format(a2) && (this.$d = /* @__PURE__ */ new Date("")), s = {};
+          } else if (a2 instanceof Array) for (var c2 = a2.length, m = 1; m <= c2; m += 1) {
+            o2[1] = a2[m - 1];
+            var M = n2.apply(this, o2);
+            if (M.isValid()) {
+              this.$d = M.$d, this.$L = M.$L, this.init();
+              break;
+            }
+            m === c2 && (this.$d = /* @__PURE__ */ new Date(""));
+          }
+          else i2.call(this, e3);
+        };
+      };
+    }));
+  })(customParseFormat$1);
+  return customParseFormat$1.exports;
+}
+var customParseFormatExports = requireCustomParseFormat();
+const customParseFormatPlugin = /* @__PURE__ */ getDefaultExportFromCjs(customParseFormatExports);
+dayjs.extend(customParseFormatPlugin);
+const parseRangeValue = (value, separator) => {
+  if (!value) return { fromTime: "", toTime: "" };
+  const [fromTime = "", ...toTimeParts] = value.split(separator);
+  return {
+    fromTime: fromTime.trim(),
+    toTime: toTimeParts.join(separator).trim()
+  };
+};
+const parseTimeValue = (value, format) => {
+  if (!value) return null;
+  const strictValue = dayjs(value, format, true);
+  if (strictValue.isValid()) return strictValue;
+  const relaxedValue = dayjs(value, format);
+  if (relaxedValue.isValid()) return relaxedValue;
+  return null;
+};
+const buildRangeValue = (fromTime, toTime, separator) => {
+  if (!fromTime && !toTime) return "";
+  return `${fromTime}${separator}${toTime}`;
+};
+const TextFieldTimeRangeElement = ({
+  name,
+  value = "8:00-17:00",
+  label = "Thời gian",
+  fromPlaceholder = "Từ giờ",
+  toPlaceholder = "Đến giờ",
+  separator = "-",
+  format = "H:mm",
+  valueFormat,
+  disabled = false,
+  required = false,
+  sx = {},
+  onChange,
+  onFromTimeChange,
+  onToTimeChange,
+  onTimeRangeChange,
+  ampm = false,
+  ...rest
+}) => {
+  const theme = material.useTheme();
+  const [openFromTime, setOpenFromTime] = React.useState(false);
+  const [openToTime, setOpenToTime] = React.useState(false);
+  const rangeFormat = valueFormat || format;
+  const { fromTime, toTime } = React.useMemo(() => parseRangeValue(value, separator), [separator, value]);
+  const fromTimeValue = parseTimeValue(fromTime, rangeFormat);
+  const toTimeValue = parseTimeValue(toTime, rangeFormat);
+  const emitChange = (nextFromTime, nextToTime) => {
+    const nextValue = buildRangeValue(nextFromTime, nextToTime, separator);
+    onChange == null ? void 0 : onChange({ target: { name, value: nextValue } });
+    onTimeRangeChange == null ? void 0 : onTimeRangeChange(nextValue, nextFromTime, nextToTime);
+  };
+  const handleFromTimeChange = (newTime) => {
+    const nextFromTime = (newTime == null ? void 0 : newTime.isValid()) ? newTime.format(rangeFormat) : "";
+    onFromTimeChange == null ? void 0 : onFromTimeChange(nextFromTime);
+    emitChange(nextFromTime, toTime);
+  };
+  const handleToTimeChange = (newTime) => {
+    const nextToTime = (newTime == null ? void 0 : newTime.isValid()) ? newTime.format(rangeFormat) : "";
+    onToTimeChange == null ? void 0 : onToTimeChange(nextToTime);
+    emitChange(fromTime, nextToTime);
+  };
+  const getTextFieldSx = (justifyContent) => ({
+    "& .MuiInputBase-root": {
+      backgroundColor: "transparent",
+      border: "none",
+      cursor: disabled ? "not-allowed" : "pointer"
+    },
+    "& .MuiInputBase-input": {
+      padding: 0,
+      fontSize: "14px",
+      textAlign: "center",
+      cursor: disabled ? "not-allowed" : "pointer"
+    },
+    "& .MuiInputAdornment-root": {
+      display: "none"
+    },
+    "& .MuiPickersInputBase-sectionsContainer": {
+      padding: "0 !important",
+      width: "auto",
+      ...justifyContent ? { justifyContent } : {}
+    }
+  });
+  return /* @__PURE__ */ jsxRuntime.jsxs(material.Box, { children: [
+    label && /* @__PURE__ */ jsxRuntime.jsx(TextFieldLabelElement, { label, required }),
+    /* @__PURE__ */ jsxRuntime.jsxs(
+      material.Box,
+      {
+        sx: {
+          display: "flex",
+          alignItems: "center",
+          padding: "0 8px 0 0",
+          border: "1px solid #E0E0E0",
+          borderRadius: 2,
+          width: "100%",
+          height: 36,
+          "&:hover": {
+            borderColor: disabled ? "#E0E0E0" : theme.palette.primary.main
+          },
+          transition: "border-color 0.2s ease",
+          gap: 1,
+          ...sx
+        },
+        children: [
+          /* @__PURE__ */ jsxRuntime.jsxs(StackRowAlignCenterJustBetween, { sx: { flex: 1, gap: 1, pl: 1 }, children: [
+            /* @__PURE__ */ jsxRuntime.jsx(
+              TimePicker,
+              {
+                value: fromTimeValue,
+                onChange: handleFromTimeChange,
+                format,
+                disabled,
+                ampm,
+                open: openFromTime,
+                onOpen: () => setOpenFromTime(true),
+                onClose: () => setOpenFromTime(false),
+                slotProps: {
+                  textField: {
+                    variant: "standard",
+                    size: "small",
+                    placeholder: fromPlaceholder,
+                    InputProps: {
+                      disableUnderline: true
+                    },
+                    sx: getTextFieldSx(),
+                    onClick: () => {
+                      if (!disabled) {
+                        setOpenFromTime(true);
+                      }
+                    }
+                  },
+                  popper: {
+                    sx: { zIndex: 21e3 }
+                  },
+                  field: { clearable: true }
+                },
+                ...rest
+              }
+            ),
+            /* @__PURE__ */ jsxRuntime.jsx(
+              material.Typography,
+              {
+                variant: "body2",
+                sx: {
+                  color: theme.palette.text.secondary,
+                  fontWeight: 400,
+                  lineHeight: 1
+                },
+                children: separator
+              }
+            ),
+            /* @__PURE__ */ jsxRuntime.jsx(
+              TimePicker,
+              {
+                value: toTimeValue,
+                onChange: handleToTimeChange,
+                format,
+                disabled,
+                ampm,
+                open: openToTime,
+                onOpen: () => setOpenToTime(true),
+                onClose: () => setOpenToTime(false),
+                slotProps: {
+                  textField: {
+                    variant: "standard",
+                    size: "small",
+                    placeholder: toPlaceholder,
+                    InputProps: {
+                      disableUnderline: true
+                    },
+                    sx: getTextFieldSx("center"),
+                    onClick: () => {
+                      if (!disabled) {
+                        setOpenToTime(true);
+                      }
+                    }
+                  },
+                  popper: {
+                    sx: { zIndex: 21e3 }
+                  },
+                  field: { clearable: true }
+                },
+                ...rest
+              }
+            )
+          ] }),
+          /* @__PURE__ */ jsxRuntime.jsx(
+            IconElement,
+            {
+              onClick: () => {
+                if (!disabled) {
+                  setOpenFromTime(true);
+                }
+              },
+              icon: "schedule",
+              sx: { fontSize: 18 }
+            }
+          )
+        ]
+      }
+    )
+  ] });
+};
 const TextFieldUploadImageElement = ({
   name,
   label,
@@ -76864,138 +77203,6 @@ function requireWeekOfYear() {
 }
 var weekOfYearExports = requireWeekOfYear();
 const weekOfYearPlugin = /* @__PURE__ */ getDefaultExportFromCjs(weekOfYearExports);
-var customParseFormat$1 = { exports: {} };
-var customParseFormat = customParseFormat$1.exports;
-var hasRequiredCustomParseFormat;
-function requireCustomParseFormat() {
-  if (hasRequiredCustomParseFormat) return customParseFormat$1.exports;
-  hasRequiredCustomParseFormat = 1;
-  (function(module2, exports2) {
-    !(function(e, t) {
-      module2.exports = t();
-    })(customParseFormat, (function() {
-      var e = { LTS: "h:mm:ss A", LT: "h:mm A", L: "MM/DD/YYYY", LL: "MMMM D, YYYY", LLL: "MMMM D, YYYY h:mm A", LLLL: "dddd, MMMM D, YYYY h:mm A" }, t = /(\[[^[]*\])|([-_:/.,()\s]+)|(A|a|Q|YYYY|YY?|ww?|MM?M?M?|Do|DD?|hh?|HH?|mm?|ss?|S{1,3}|z|ZZ?)/g, n = /\d/, r2 = /\d\d/, i = /\d\d?/, o = /\d*[^-_:/,()\s\d]+/, s = {}, a = function(e2) {
-        return (e2 = +e2) + (e2 > 68 ? 1900 : 2e3);
-      };
-      var f = function(e2) {
-        return function(t2) {
-          this[e2] = +t2;
-        };
-      }, h = [/[+-]\d\d:?(\d\d)?|Z/, function(e2) {
-        (this.zone || (this.zone = {})).offset = (function(e3) {
-          if (!e3) return 0;
-          if ("Z" === e3) return 0;
-          var t2 = e3.match(/([+-]|\d\d)/g), n2 = 60 * t2[1] + (+t2[2] || 0);
-          return 0 === n2 ? 0 : "+" === t2[0] ? -n2 : n2;
-        })(e2);
-      }], u = function(e2) {
-        var t2 = s[e2];
-        return t2 && (t2.indexOf ? t2 : t2.s.concat(t2.f));
-      }, d = function(e2, t2) {
-        var n2, r3 = s.meridiem;
-        if (r3) {
-          for (var i2 = 1; i2 <= 24; i2 += 1) if (e2.indexOf(r3(i2, 0, t2)) > -1) {
-            n2 = i2 > 12;
-            break;
-          }
-        } else n2 = e2 === (t2 ? "pm" : "PM");
-        return n2;
-      }, c = { A: [o, function(e2) {
-        this.afternoon = d(e2, false);
-      }], a: [o, function(e2) {
-        this.afternoon = d(e2, true);
-      }], Q: [n, function(e2) {
-        this.month = 3 * (e2 - 1) + 1;
-      }], S: [n, function(e2) {
-        this.milliseconds = 100 * +e2;
-      }], SS: [r2, function(e2) {
-        this.milliseconds = 10 * +e2;
-      }], SSS: [/\d{3}/, function(e2) {
-        this.milliseconds = +e2;
-      }], s: [i, f("seconds")], ss: [i, f("seconds")], m: [i, f("minutes")], mm: [i, f("minutes")], H: [i, f("hours")], h: [i, f("hours")], HH: [i, f("hours")], hh: [i, f("hours")], D: [i, f("day")], DD: [r2, f("day")], Do: [o, function(e2) {
-        var t2 = s.ordinal, n2 = e2.match(/\d+/);
-        if (this.day = n2[0], t2) for (var r3 = 1; r3 <= 31; r3 += 1) t2(r3).replace(/\[|\]/g, "") === e2 && (this.day = r3);
-      }], w: [i, f("week")], ww: [r2, f("week")], M: [i, f("month")], MM: [r2, f("month")], MMM: [o, function(e2) {
-        var t2 = u("months"), n2 = (u("monthsShort") || t2.map((function(e3) {
-          return e3.slice(0, 3);
-        }))).indexOf(e2) + 1;
-        if (n2 < 1) throw new Error();
-        this.month = n2 % 12 || n2;
-      }], MMMM: [o, function(e2) {
-        var t2 = u("months").indexOf(e2) + 1;
-        if (t2 < 1) throw new Error();
-        this.month = t2 % 12 || t2;
-      }], Y: [/[+-]?\d+/, f("year")], YY: [r2, function(e2) {
-        this.year = a(e2);
-      }], YYYY: [/\d{4}/, f("year")], Z: h, ZZ: h };
-      function l(n2) {
-        var r3, i2;
-        r3 = n2, i2 = s && s.formats;
-        for (var o2 = (n2 = r3.replace(/(\[[^\]]+])|(LTS?|l{1,4}|L{1,4})/g, (function(t2, n3, r4) {
-          var o3 = r4 && r4.toUpperCase();
-          return n3 || i2[r4] || e[r4] || i2[o3].replace(/(\[[^\]]+])|(MMMM|MM|DD|dddd)/g, (function(e2, t3, n4) {
-            return t3 || n4.slice(1);
-          }));
-        }))).match(t), a2 = o2.length, f2 = 0; f2 < a2; f2 += 1) {
-          var h2 = o2[f2], u2 = c[h2], d2 = u2 && u2[0], l2 = u2 && u2[1];
-          o2[f2] = l2 ? { regex: d2, parser: l2 } : h2.replace(/^\[|\]$/g, "");
-        }
-        return function(e2) {
-          for (var t2 = {}, n3 = 0, r4 = 0; n3 < a2; n3 += 1) {
-            var i3 = o2[n3];
-            if ("string" == typeof i3) r4 += i3.length;
-            else {
-              var s2 = i3.regex, f3 = i3.parser, h3 = e2.slice(r4), u3 = s2.exec(h3)[0];
-              f3.call(t2, u3), e2 = e2.replace(u3, "");
-            }
-          }
-          return (function(e3) {
-            var t3 = e3.afternoon;
-            if (void 0 !== t3) {
-              var n4 = e3.hours;
-              t3 ? n4 < 12 && (e3.hours += 12) : 12 === n4 && (e3.hours = 0), delete e3.afternoon;
-            }
-          })(t2), t2;
-        };
-      }
-      return function(e2, t2, n2) {
-        n2.p.customParseFormat = true, e2 && e2.parseTwoDigitYear && (a = e2.parseTwoDigitYear);
-        var r3 = t2.prototype, i2 = r3.parse;
-        r3.parse = function(e3) {
-          var t3 = e3.date, r4 = e3.utc, o2 = e3.args;
-          this.$u = r4;
-          var a2 = o2[1];
-          if ("string" == typeof a2) {
-            var f2 = true === o2[2], h2 = true === o2[3], u2 = f2 || h2, d2 = o2[2];
-            h2 && (d2 = o2[2]), s = this.$locale(), !f2 && d2 && (s = n2.Ls[d2]), this.$d = (function(e4, t4, n3, r5) {
-              try {
-                if (["x", "X"].indexOf(t4) > -1) return new Date(("X" === t4 ? 1e3 : 1) * e4);
-                var i3 = l(t4)(e4), o3 = i3.year, s2 = i3.month, a3 = i3.day, f3 = i3.hours, h3 = i3.minutes, u3 = i3.seconds, d3 = i3.milliseconds, c3 = i3.zone, m2 = i3.week, M2 = /* @__PURE__ */ new Date(), Y = a3 || (o3 || s2 ? 1 : M2.getDate()), p = o3 || M2.getFullYear(), v = 0;
-                o3 && !s2 || (v = s2 > 0 ? s2 - 1 : M2.getMonth());
-                var D, w = f3 || 0, g = h3 || 0, y = u3 || 0, L = d3 || 0;
-                return c3 ? new Date(Date.UTC(p, v, Y, w, g, y, L + 60 * c3.offset * 1e3)) : n3 ? new Date(Date.UTC(p, v, Y, w, g, y, L)) : (D = new Date(p, v, Y, w, g, y, L), m2 && (D = r5(D).week(m2).toDate()), D);
-              } catch (e5) {
-                return /* @__PURE__ */ new Date("");
-              }
-            })(t3, a2, r4, n2), this.init(), d2 && true !== d2 && (this.$L = this.locale(d2).$L), u2 && t3 != this.format(a2) && (this.$d = /* @__PURE__ */ new Date("")), s = {};
-          } else if (a2 instanceof Array) for (var c2 = a2.length, m = 1; m <= c2; m += 1) {
-            o2[1] = a2[m - 1];
-            var M = n2.apply(this, o2);
-            if (M.isValid()) {
-              this.$d = M.$d, this.$L = M.$L, this.init();
-              break;
-            }
-            m === c2 && (this.$d = /* @__PURE__ */ new Date(""));
-          }
-          else i2.call(this, e3);
-        };
-      };
-    }));
-  })(customParseFormat$1);
-  return customParseFormat$1.exports;
-}
-var customParseFormatExports = requireCustomParseFormat();
-const customParseFormatPlugin = /* @__PURE__ */ getDefaultExportFromCjs(customParseFormatExports);
 var isBetween$1 = { exports: {} };
 var isBetween = isBetween$1.exports;
 var hasRequiredIsBetween;
@@ -78429,6 +78636,7 @@ exports.TextFieldSearchElement = TextFieldSearchElement;
 exports.TextFieldSelectElement = TextFieldSelectElement;
 exports.TextFieldSelectSearchObjectElement = TextFieldSelectSearchObjectElement;
 exports.TextFieldTimeElement = TextFieldTimeElement;
+exports.TextFieldTimeRangeElement = TextFieldTimeRangeElement;
 exports.TextFieldUploadImageElement = TextFieldUploadImageElement;
 exports.TextFieldUploadImagesElement = TextFieldUploadImagesElement;
 exports.TimeAgoComponent = TimeAgoComponent;