@hybridcore/ui 1.5.90 → 1.6.1

package/dist/index-C8C3YXle.js

@@ -0,0 +1,1932 @@
+import { jsx as M, jsxs as E } from "react/jsx-runtime";
+import { ToggleButton as me, Box as ye, Typography as be } from "@mui/material";
+import { LocalizationProvider as Ie } from "@mui/x-date-pickers";
+import { useDatePickerWithCustomRangeLogic as We } from "./components/date-picker-with-custom-range/logic.js";
+import { DatePickerWithCustomRangeRoot as He, DatePickerWithCustomRangeToggle as Ve, PresetGrid as Be, PresetButton as Ee, CustomRow as ze } from "./components/date-picker-with-custom-range/styled.js";
+import { a as y, _ as H } from "./objectWithoutPropertiesLoose-DJteAcBH.js";
+import V from "dayjs";
+import { c as G, a as K } from "./_commonjsHelpers-BVfed4GL.js";
+import { b as Ne, P as qe, u as z, a as ue, i as De, c as Me, d as ge, e as Ue, f as Ze, g as J, h as Qe, s as de, j as Je, v as ce, k as Ge, r as B, C as Ke, l as Te, m as Pe, n as Xe, o as et, p as tt, D as ot } from "./useMobilePicker-B-M3dnTn.js";
+import * as I from "react";
+import { P as e } from "./index-C__OZmYy.js";
+import { g as nt, b as rt, s as Oe, u as X, a as at } from "./styled-Bsjp3kFh.js";
+import { T as st } from "./Typography-B-Z5Y0Xq.js";
+import { T as it } from "./TextField-DSDIEEKu.js";
+var xe = { exports: {} };
+(function(h, d) {
+  (function(l, u) {
+    h.exports = u();
+  })(G, function() {
+    var l = "week", u = "year";
+    return function(t, o, n) {
+      var a = o.prototype;
+      a.week = function(r) {
+        if (r === void 0 && (r = null), r !== null) return this.add(7 * (r - this.week()), "day");
+        var c = this.$locale().yearStart || 1;
+        if (this.month() === 11 && this.date() > 25) {
+          var s = n(this).startOf(u).add(1, u).date(c), b = n(this).endOf(l);
+          if (s.isBefore(b)) return 1;
+        }
+        var D = n(this).startOf(u).date(c).startOf(l).subtract(1, "millisecond"), O = this.diff(D, l, !0);
+        return O < 0 ? n(this).startOf("week").week() : Math.ceil(O);
+      }, a.weeks = function(r) {
+        return r === void 0 && (r = null), this.week(r);
+      };
+    };
+  });
+})(xe);
+var lt = xe.exports;
+const ut = /* @__PURE__ */ K(lt);
+var ve = { exports: {} };
+(function(h, d) {
+  (function(l, u) {
+    h.exports = u();
+  })(G, function() {
+    var l = { 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" }, u = /(\[[^[]*\])|([-_:/.,()\s]+)|(A|a|Q|YYYY|YY?|ww?|MM?M?M?|Do|DD?|hh?|HH?|mm?|ss?|S{1,3}|z|ZZ?)/g, t = /\d/, o = /\d\d/, n = /\d\d?/, a = /\d*[^-_:/,()\s\d]+/, r = {}, c = function(i) {
+      return (i = +i) + (i > 68 ? 1900 : 2e3);
+    }, s = function(i) {
+      return function(f) {
+        this[i] = +f;
+      };
+    }, b = [/[+-]\d\d:?(\d\d)?|Z/, function(i) {
+      (this.zone || (this.zone = {})).offset = function(f) {
+        if (!f || f === "Z") return 0;
+        var p = f.match(/([+-]|\d\d)/g), m = 60 * p[1] + (+p[2] || 0);
+        return m === 0 ? 0 : p[0] === "+" ? -m : m;
+      }(i);
+    }], D = function(i) {
+      var f = r[i];
+      return f && (f.indexOf ? f : f.s.concat(f.f));
+    }, O = function(i, f) {
+      var p, m = r.meridiem;
+      if (m) {
+        for (var g = 1; g <= 24; g += 1) if (i.indexOf(m(g, 0, f)) > -1) {
+          p = g > 12;
+          break;
+        }
+      } else p = i === (f ? "pm" : "PM");
+      return p;
+    }, Y = { A: [a, function(i) {
+      this.afternoon = O(i, !1);
+    }], a: [a, function(i) {
+      this.afternoon = O(i, !0);
+    }], Q: [t, function(i) {
+      this.month = 3 * (i - 1) + 1;
+    }], S: [t, function(i) {
+      this.milliseconds = 100 * +i;
+    }], SS: [o, function(i) {
+      this.milliseconds = 10 * +i;
+    }], SSS: [/\d{3}/, function(i) {
+      this.milliseconds = +i;
+    }], s: [n, s("seconds")], ss: [n, s("seconds")], m: [n, s("minutes")], mm: [n, s("minutes")], H: [n, s("hours")], h: [n, s("hours")], HH: [n, s("hours")], hh: [n, s("hours")], D: [n, s("day")], DD: [o, s("day")], Do: [a, function(i) {
+      var f = r.ordinal, p = i.match(/\d+/);
+      if (this.day = p[0], f) for (var m = 1; m <= 31; m += 1) f(m).replace(/\[|\]/g, "") === i && (this.day = m);
+    }], w: [n, s("week")], ww: [o, s("week")], M: [n, s("month")], MM: [o, s("month")], MMM: [a, function(i) {
+      var f = D("months"), p = (D("monthsShort") || f.map(function(m) {
+        return m.slice(0, 3);
+      })).indexOf(i) + 1;
+      if (p < 1) throw new Error();
+      this.month = p % 12 || p;
+    }], MMMM: [a, function(i) {
+      var f = D("months").indexOf(i) + 1;
+      if (f < 1) throw new Error();
+      this.month = f % 12 || f;
+    }], Y: [/[+-]?\d+/, s("year")], YY: [o, function(i) {
+      this.year = c(i);
+    }], YYYY: [/\d{4}/, s("year")], Z: b, ZZ: b };
+    function v(i) {
+      var f, p;
+      f = i, p = r && r.formats;
+      for (var m = (i = f.replace(/(\[[^\]]+])|(LTS?|l{1,4}|L{1,4})/g, function(A, S, k) {
+        var w = k && k.toUpperCase();
+        return S || p[k] || l[k] || p[w].replace(/(\[[^\]]+])|(MMMM|MM|DD|dddd)/g, function(C, R, _) {
+          return R || _.slice(1);
+        });
+      })).match(u), g = m.length, T = 0; T < g; T += 1) {
+        var j = m[T], L = Y[j], P = L && L[0], F = L && L[1];
+        m[T] = F ? { regex: P, parser: F } : j.replace(/^\[|\]$/g, "");
+      }
+      return function(A) {
+        for (var S = {}, k = 0, w = 0; k < g; k += 1) {
+          var C = m[k];
+          if (typeof C == "string") w += C.length;
+          else {
+            var R = C.regex, _ = C.parser, N = A.slice(w), W = R.exec(N)[0];
+            _.call(S, W), A = A.replace(W, "");
+          }
+        }
+        return function($) {
+          var q = $.afternoon;
+          if (q !== void 0) {
+            var x = $.hours;
+            q ? x < 12 && ($.hours += 12) : x === 12 && ($.hours = 0), delete $.afternoon;
+          }
+        }(S), S;
+      };
+    }
+    return function(i, f, p) {
+      p.p.customParseFormat = !0, i && i.parseTwoDigitYear && (c = i.parseTwoDigitYear);
+      var m = f.prototype, g = m.parse;
+      m.parse = function(T) {
+        var j = T.date, L = T.utc, P = T.args;
+        this.$u = L;
+        var F = P[1];
+        if (typeof F == "string") {
+          var A = P[2] === !0, S = P[3] === !0, k = A || S, w = P[2];
+          S && (w = P[2]), r = this.$locale(), !A && w && (r = p.Ls[w]), this.$d = function(N, W, $, q) {
+            try {
+              if (["x", "X"].indexOf(W) > -1) return new Date((W === "X" ? 1e3 : 1) * N);
+              var x = v(W)(N), ee = x.year, U = x.month, Re = x.day, je = x.hours, Ae = x.minutes, _e = x.seconds, $e = x.milliseconds, fe = x.zone, pe = x.week, te = /* @__PURE__ */ new Date(), oe = Re || (ee || U ? 1 : te.getDate()), ne = ee || te.getFullYear(), Z = 0;
+              ee && !U || (Z = U > 0 ? U - 1 : te.getMonth());
+              var Q, re = je || 0, ae = Ae || 0, se = _e || 0, ie = $e || 0;
+              return fe ? new Date(Date.UTC(ne, Z, oe, re, ae, se, ie + 60 * fe.offset * 1e3)) : $ ? new Date(Date.UTC(ne, Z, oe, re, ae, se, ie)) : (Q = new Date(ne, Z, oe, re, ae, se, ie), pe && (Q = q(Q).week(pe).toDate()), Q);
+            } catch {
+              return /* @__PURE__ */ new Date("");
+            }
+          }(j, F, L, p), this.init(), w && w !== !0 && (this.$L = this.locale(w).$L), k && j != this.format(F) && (this.$d = /* @__PURE__ */ new Date("")), r = {};
+        } else if (F instanceof Array) for (var C = F.length, R = 1; R <= C; R += 1) {
+          P[1] = F[R - 1];
+          var _ = p.apply(this, P);
+          if (_.isValid()) {
+            this.$d = _.$d, this.$L = _.$L, this.init();
+            break;
+          }
+          R === C && (this.$d = /* @__PURE__ */ new Date(""));
+        }
+        else g.call(this, T);
+      };
+    };
+  });
+})(ve);
+var dt = ve.exports;
+const ct = /* @__PURE__ */ K(dt);
+var we = { exports: {} };
+(function(h, d) {
+  (function(l, u) {
+    h.exports = u();
+  })(G, function() {
+    var l = { 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" };
+    return function(u, t, o) {
+      var n = t.prototype, a = n.format;
+      o.en.formats = l, n.format = function(r) {
+        r === void 0 && (r = "YYYY-MM-DDTHH:mm:ssZ");
+        var c = this.$locale().formats, s = function(b, D) {
+          return b.replace(/(\[[^\]]+])|(LTS?|l{1,4}|L{1,4})/g, function(O, Y, v) {
+            var i = v && v.toUpperCase();
+            return Y || D[v] || l[v] || D[i].replace(/(\[[^\]]+])|(MMMM|MM|DD|dddd)/g, function(f, p, m) {
+              return p || m.slice(1);
+            });
+          });
+        }(r, c === void 0 ? {} : c);
+        return a.call(this, s);
+      };
+    };
+  });
+})(we);
+var ht = we.exports;
+const ft = /* @__PURE__ */ K(ht);
+var ke = { exports: {} };
+(function(h, d) {
+  (function(l, u) {
+    h.exports = u();
+  })(G, function() {
+    return function(l, u, t) {
+      u.prototype.isBetween = function(o, n, a, r) {
+        var c = t(o), s = t(n), b = (r = r || "()")[0] === "(", D = r[1] === ")";
+        return (b ? this.isAfter(c, a) : !this.isBefore(c, a)) && (D ? this.isBefore(s, a) : !this.isAfter(s, a)) || (b ? this.isBefore(c, a) : !this.isAfter(c, a)) && (D ? this.isAfter(s, a) : !this.isBefore(s, a));
+      };
+    };
+  });
+})(ke);
+var pt = ke.exports;
+const mt = /* @__PURE__ */ K(pt);
+V.extend(ct);
+V.extend(ft);
+V.extend(mt);
+const yt = Ne(["Your locale has not been found.", "Either the locale key is not a supported one. Locales supported by dayjs are available here: https://github.com/iamkun/dayjs/tree/dev/src/locale", "Or you forget to import the locale with `require('dayjs/locale/{localeUsed}')`", "fallback on English locale"]), bt = {
+  // Year
+  YY: "year",
+  YYYY: {
+    sectionType: "year",
+    contentType: "digit",
+    maxLength: 4
+  },
+  // Month
+  M: {
+    sectionType: "month",
+    contentType: "digit",
+    maxLength: 2
+  },
+  MM: "month",
+  MMM: {
+    sectionType: "month",
+    contentType: "letter"
+  },
+  MMMM: {
+    sectionType: "month",
+    contentType: "letter"
+  },
+  // Day of the month
+  D: {
+    sectionType: "day",
+    contentType: "digit",
+    maxLength: 2
+  },
+  DD: "day",
+  Do: {
+    sectionType: "day",
+    contentType: "digit-with-letter"
+  },
+  // Day of the week
+  d: {
+    sectionType: "weekDay",
+    contentType: "digit",
+    maxLength: 2
+  },
+  dd: {
+    sectionType: "weekDay",
+    contentType: "letter"
+  },
+  ddd: {
+    sectionType: "weekDay",
+    contentType: "letter"
+  },
+  dddd: {
+    sectionType: "weekDay",
+    contentType: "letter"
+  },
+  // Meridiem
+  A: "meridiem",
+  a: "meridiem",
+  // Hours
+  H: {
+    sectionType: "hours",
+    contentType: "digit",
+    maxLength: 2
+  },
+  HH: "hours",
+  h: {
+    sectionType: "hours",
+    contentType: "digit",
+    maxLength: 2
+  },
+  hh: "hours",
+  // Minutes
+  m: {
+    sectionType: "minutes",
+    contentType: "digit",
+    maxLength: 2
+  },
+  mm: "minutes",
+  // Seconds
+  s: {
+    sectionType: "seconds",
+    contentType: "digit",
+    maxLength: 2
+  },
+  ss: "seconds"
+}, Dt = {
+  normalDateWithWeekday: "ddd, MMM D",
+  normalDate: "D MMMM",
+  shortDate: "MMM D",
+  monthAndDate: "MMMM D",
+  dayOfMonth: "D",
+  year: "YYYY",
+  month: "MMMM",
+  monthShort: "MMM",
+  monthAndYear: "MMMM YYYY",
+  weekday: "dddd",
+  weekdayShort: "ddd",
+  minutes: "mm",
+  hours12h: "hh",
+  hours24h: "HH",
+  seconds: "ss",
+  fullTime: "LT",
+  fullTime12h: "hh:mm A",
+  fullTime24h: "HH:mm",
+  fullDate: "ll",
+  fullDateWithWeekday: "dddd, LL",
+  fullDateTime: "lll",
+  fullDateTime12h: "ll hh:mm A",
+  fullDateTime24h: "ll HH:mm",
+  keyboardDate: "L",
+  keyboardDateTime: "L LT",
+  keyboardDateTime12h: "L hh:mm A",
+  keyboardDateTime24h: "L HH:mm"
+}, Mt = (h, d) => d ? (...l) => h(...l).locale(d) : h;
+class gt {
+  constructor({
+    locale: d,
+    formats: l,
+    instance: u
+  } = {}) {
+    this.isMUIAdapter = !0, this.lib = "dayjs", this.rawDayJsInstance = void 0, this.dayjs = void 0, this.locale = void 0, this.formats = void 0, this.escapedCharacters = {
+      start: "[",
+      end: "]"
+    }, this.formatTokenMap = bt, this.getLocaleFormats = () => {
+      var t;
+      const o = (t = this.rawDayJsInstance.Ls) != null ? t : V.Ls, n = this.locale || "en";
+      let a = o[n];
+      return a === void 0 && (yt(), a = o.en), a.formats;
+    }, this.date = (t) => t === null ? null : this.dayjs(t), this.toJsDate = (t) => t.toDate(), this.parseISO = (t) => this.dayjs(t), this.toISO = (t) => t.toISOString(), this.parse = (t, o) => t === "" ? null : this.dayjs(t, o, this.locale, !0), this.getCurrentLocaleCode = () => this.locale || "en", this.is12HourCycleInCurrentLocale = () => /A|a/.test(this.getLocaleFormats().LT || ""), this.expandFormat = (t) => {
+      const o = this.getLocaleFormats(), n = (a) => a.replace(/(\[[^\]]+])|(MMMM|MM|DD|dddd)/g, (r, c, s) => c || s.slice(1));
+      return t.replace(/(\[[^\]]+])|(LTS?|l{1,4}|L{1,4})/g, (a, r, c) => {
+        const s = c && c.toUpperCase();
+        return r || o[c] || n(o[s]);
+      });
+    }, this.getFormatHelperText = (t) => this.expandFormat(t).replace(/a/gi, "(a|p)m").toLocaleLowerCase(), this.isNull = (t) => t === null, this.isValid = (t) => this.dayjs(t).isValid(), this.format = (t, o) => this.formatByString(t, this.formats[o]), this.formatByString = (t, o) => this.dayjs(t).format(o), this.formatNumber = (t) => t, this.getDiff = (t, o, n) => t.diff(o, n), this.isEqual = (t, o) => t === null && o === null ? !0 : this.dayjs(t).isSame(o), this.isSameYear = (t, o) => t.isSame(o, "year"), this.isSameMonth = (t, o) => t.isSame(o, "month"), this.isSameDay = (t, o) => t.isSame(o, "day"), this.isSameHour = (t, o) => t.isSame(o, "hour"), this.isAfter = (t, o) => t.isAfter(o), this.isAfterYear = (t, o) => t.isAfter(o, "year"), this.isAfterDay = (t, o) => t.isAfter(o, "day"), this.isBefore = (t, o) => t.isBefore(o), this.isBeforeYear = (t, o) => t.isBefore(o, "year"), this.isBeforeDay = (t, o) => t.isBefore(o, "day"), this.isWithinRange = (t, [o, n]) => t.isBetween(o, n, null, "[]"), this.startOfYear = (t) => t.startOf("year"), this.startOfMonth = (t) => t.startOf("month"), this.startOfWeek = (t) => t.startOf("week"), this.startOfDay = (t) => t.startOf("day"), this.endOfYear = (t) => t.endOf("year"), this.endOfMonth = (t) => t.endOf("month"), this.endOfWeek = (t) => t.endOf("week"), this.endOfDay = (t) => t.endOf("day"), this.addYears = (t, o) => o < 0 ? t.subtract(Math.abs(o), "year") : t.add(o, "year"), this.addMonths = (t, o) => o < 0 ? t.subtract(Math.abs(o), "month") : t.add(o, "month"), this.addWeeks = (t, o) => o < 0 ? t.subtract(Math.abs(o), "week") : t.add(o, "week"), this.addDays = (t, o) => o < 0 ? t.subtract(Math.abs(o), "day") : t.add(o, "day"), this.addHours = (t, o) => o < 0 ? t.subtract(Math.abs(o), "hour") : t.add(o, "hour"), this.addMinutes = (t, o) => o < 0 ? t.subtract(Math.abs(o), "minute") : t.add(o, "minute"), this.addSeconds = (t, o) => o < 0 ? t.subtract(Math.abs(o), "second") : t.add(o, "second"), this.getYear = (t) => t.year(), this.getMonth = (t) => t.month(), this.getDate = (t) => t.date(), this.getHours = (t) => t.hour(), this.getMinutes = (t) => t.minute(), this.getSeconds = (t) => t.second(), this.setYear = (t, o) => t.set("year", o), this.setMonth = (t, o) => t.set("month", o), this.setDate = (t, o) => t.set("date", o), this.setHours = (t, o) => t.set("hour", o), this.setMinutes = (t, o) => t.set("minute", o), this.setSeconds = (t, o) => t.set("second", o), this.getDaysInMonth = (t) => t.daysInMonth(), this.getNextMonth = (t) => t.add(1, "month"), this.getPreviousMonth = (t) => t.subtract(1, "month"), this.getMonthArray = (t) => {
+      const n = [t.startOf("year")];
+      for (; n.length < 12; ) {
+        const a = n[n.length - 1];
+        n.push(this.getNextMonth(a));
+      }
+      return n;
+    }, this.mergeDateAndTime = (t, o) => t.hour(o.hour()).minute(o.minute()).second(o.second()), this.getWeekdays = () => {
+      const t = this.dayjs().startOf("week");
+      return [0, 1, 2, 3, 4, 5, 6].map((o) => this.formatByString(t.add(o, "day"), "dd"));
+    }, this.getWeekArray = (t) => {
+      const o = t.startOf("month").startOf("week"), n = t.endOf("month").endOf("week");
+      let a = 0, r = o;
+      const c = [];
+      for (; r.isBefore(n); ) {
+        const s = Math.floor(a / 7);
+        c[s] = c[s] || [], c[s].push(r), r = r.add(1, "day"), a += 1;
+      }
+      return c;
+    }, this.getWeekNumber = (t) => t.week(), this.getYearRange = (t, o) => {
+      const n = t.startOf("year"), a = o.endOf("year"), r = [];
+      let c = n;
+      for (; c.isBefore(a); )
+        r.push(c), c = c.add(1, "year");
+      return r;
+    }, this.getMeridiemText = (t) => t === "am" ? "AM" : "PM", this.rawDayJsInstance = u || V, this.dayjs = Mt(this.rawDayJsInstance, d), this.locale = d, this.formats = y({}, Dt, l), V.extend(ut);
+  }
+}
+function Tt(h) {
+  return rt("MuiDatePickerToolbar", h);
+}
+nt("MuiDatePickerToolbar", ["root", "title"]);
+const Pt = ["value", "isLandscape", "onChange", "toolbarFormat", "toolbarPlaceholder", "views"], Ot = (h) => {
+  const {
+    classes: d
+  } = h;
+  return at({
+    root: ["root"],
+    title: ["title"]
+  }, Tt, d);
+}, xt = Oe(qe, {
+  name: "MuiDatePickerToolbar",
+  slot: "Root",
+  overridesResolver: (h, d) => d.root
+})({}), vt = Oe(st, {
+  name: "MuiDatePickerToolbar",
+  slot: "Title",
+  overridesResolver: (h, d) => d.title
+})(({
+  ownerState: h
+}) => y({}, h.isLandscape && {
+  margin: "auto 16px auto auto"
+})), Ye = /* @__PURE__ */ I.forwardRef(function(d, l) {
+  const u = X({
+    props: d,
+    name: "MuiDatePickerToolbar"
+  }), {
+    value: t,
+    isLandscape: o,
+    toolbarFormat: n,
+    toolbarPlaceholder: a = "––",
+    views: r
+  } = u, c = H(u, Pt), s = z(), b = ue(), D = Ot(u), O = I.useMemo(() => t ? n ? s.formatByString(t, n) : De(r) ? s.format(t, "year") : Me(r) ? s.format(t, "month") : /en/.test(s.getCurrentLocaleCode()) ? s.format(t, "normalDateWithWeekday") : s.format(t, "normalDate") : a, [t, n, a, s, r]), Y = u;
+  return /* @__PURE__ */ M(xt, y({
+    ref: l,
+    toolbarTitle: b.datePickerToolbarTitle,
+    isLandscape: o,
+    className: D.root
+  }, c, {
+    children: /* @__PURE__ */ M(vt, {
+      variant: "h4",
+      align: o ? "left" : "center",
+      ownerState: Y,
+      className: D.title,
+      children: O
+    })
+  }));
+});
+process.env.NODE_ENV !== "production" && (Ye.propTypes = {
+  // ----------------------------- Warning --------------------------------
+  // | These PropTypes are generated from the TypeScript type definitions |
+  // | To update them edit the TypeScript types and run "yarn proptypes"  |
+  // ----------------------------------------------------------------------
+  classes: e.object,
+  /**
+   * className applied to the root component.
+   */
+  className: e.string,
+  disabled: e.bool,
+  /**
+   * If `true`, show the toolbar even in desktop mode.
+   * @default `true` for Desktop, `false` for Mobile.
+   */
+  hidden: e.bool,
+  isLandscape: e.bool.isRequired,
+  onChange: e.func.isRequired,
+  /**
+   * Callback called when a toolbar is clicked
+   * @template TView
+   * @param {TView} view The view to open
+   */
+  onViewChange: e.func.isRequired,
+  readOnly: e.bool,
+  sx: e.oneOfType([e.arrayOf(e.oneOfType([e.func, e.object, e.bool])), e.func, e.object]),
+  titleId: e.string,
+  /**
+   * Toolbar date format.
+   */
+  toolbarFormat: e.string,
+  /**
+   * Toolbar value placeholder—it is displayed when the value is empty.
+   * @default "––"
+   */
+  toolbarPlaceholder: e.node,
+  value: e.any,
+  /**
+   * Currently visible picker view.
+   */
+  view: e.oneOf(["day", "month", "year"]).isRequired,
+  views: e.arrayOf(e.oneOf(["day", "month", "year"]).isRequired).isRequired
+});
+const Le = (h, {
+  format: d,
+  views: l
+}) => {
+  if (d != null)
+    return d;
+  if (De(l))
+    return h.formats.year;
+  if (Me(l))
+    return h.formats.monthAndYear;
+};
+function Fe(h, d) {
+  var l, u, t, o;
+  const n = z(), a = ge(), r = X({
+    props: h,
+    name: d
+  }), c = I.useMemo(() => {
+    var b;
+    return ((b = r.localeText) == null ? void 0 : b.toolbarTitle) == null ? r.localeText : y({}, r.localeText, {
+      datePickerToolbarTitle: r.localeText.toolbarTitle
+    });
+  }, [r.localeText]), s = (l = r.slots) != null ? l : Ue(r.components);
+  return y({}, r, {
+    localeText: c
+  }, Ze({
+    views: r.views,
+    openTo: r.openTo,
+    defaultViews: ["year", "day"],
+    defaultOpenTo: "day"
+  }), {
+    disableFuture: (u = r.disableFuture) != null ? u : !1,
+    disablePast: (t = r.disablePast) != null ? t : !1,
+    minDate: J(n, r.minDate, a.minDate),
+    maxDate: J(n, r.maxDate, a.maxDate),
+    slots: y({
+      toolbar: Ye
+    }, s),
+    slotProps: (o = r.slotProps) != null ? o : r.componentsProps
+  });
+}
+const wt = ["value", "defaultValue", "format", "formatDensity", "shouldRespectLeadingZeros", "onChange", "readOnly", "onError", "shouldDisableDate", "shouldDisableMonth", "shouldDisableYear", "minDate", "maxDate", "disableFuture", "disablePast", "selectedSections", "onSelectedSectionsChange", "unstableFieldRef"], kt = (h) => {
+  var d, l, u;
+  const t = z(), o = ge();
+  return y({}, h, {
+    disablePast: (d = h.disablePast) != null ? d : !1,
+    disableFuture: (l = h.disableFuture) != null ? l : !1,
+    format: (u = h.format) != null ? u : t.formats.keyboardDate,
+    minDate: J(t, h.minDate, o.minDate),
+    maxDate: J(t, h.maxDate, o.maxDate)
+  });
+}, Yt = ({
+  props: h,
+  inputRef: d
+}) => {
+  const l = kt(h), {
+    value: u,
+    defaultValue: t,
+    format: o,
+    formatDensity: n,
+    shouldRespectLeadingZeros: a,
+    onChange: r,
+    readOnly: c,
+    onError: s,
+    shouldDisableDate: b,
+    shouldDisableMonth: D,
+    shouldDisableYear: O,
+    minDate: Y,
+    maxDate: v,
+    disableFuture: i,
+    disablePast: f,
+    selectedSections: p,
+    onSelectedSectionsChange: m,
+    unstableFieldRef: g
+  } = l, T = H(l, wt);
+  return Qe({
+    inputRef: d,
+    forwardedProps: T,
+    internalProps: {
+      value: u,
+      defaultValue: t,
+      format: o,
+      formatDensity: n,
+      shouldRespectLeadingZeros: a,
+      onChange: r,
+      readOnly: c,
+      onError: s,
+      shouldDisableDate: b,
+      shouldDisableMonth: D,
+      shouldDisableYear: O,
+      minDate: Y,
+      maxDate: v,
+      disableFuture: i,
+      disablePast: f,
+      selectedSections: p,
+      onSelectedSectionsChange: m,
+      unstableFieldRef: g
+    },
+    valueManager: de,
+    fieldValueManager: Je,
+    validator: ce,
+    valueType: "date"
+  });
+}, Lt = ["components", "componentsProps", "slots", "slotProps", "InputProps", "inputProps"], Ft = ["inputRef"], St = ["ref", "onPaste", "inputMode", "readOnly"], he = /* @__PURE__ */ I.forwardRef(function(d, l) {
+  var u, t, o;
+  const n = X({
+    props: d,
+    name: "MuiDateField"
+  }), {
+    components: a,
+    componentsProps: r,
+    slots: c,
+    slotProps: s,
+    InputProps: b,
+    inputProps: D
+  } = n, O = H(n, Lt), Y = n, v = (u = (t = c == null ? void 0 : c.textField) != null ? t : a == null ? void 0 : a.TextField) != null ? u : it, i = Ge({
+    elementType: v,
+    externalSlotProps: (o = s == null ? void 0 : s.textField) != null ? o : r == null ? void 0 : r.textField,
+    externalForwardedProps: O,
+    ownerState: Y
+  }), {
+    inputRef: f
+  } = i, p = H(i, Ft);
+  p.inputProps = y({}, p.inputProps, D), p.InputProps = y({}, p.InputProps, b);
+  const m = Yt({
+    props: p,
+    inputRef: f
+  }), {
+    ref: g,
+    onPaste: T,
+    inputMode: j,
+    readOnly: L
+  } = m, P = H(m, St);
+  return /* @__PURE__ */ M(v, y({
+    ref: l
+  }, P, {
+    InputProps: y({}, P.InputProps, {
+      readOnly: L
+    }),
+    inputProps: y({}, P.inputProps, {
+      inputMode: j,
+      onPaste: T,
+      ref: g
+    })
+  }));
+});
+process.env.NODE_ENV !== "production" && (he.propTypes = {
+  // ----------------------------- Warning --------------------------------
+  // | These PropTypes are generated from the TypeScript type definitions |
+  // | To update them edit the TypeScript types and run "yarn proptypes"  |
+  // ----------------------------------------------------------------------
+  /**
+   * If `true`, the `input` element is focused during the first mount.
+   * @default false
+   */
+  autoFocus: e.bool,
+  className: e.string,
+  /**
+   * The color of the component.
+   * It supports both default and custom theme colors, which can be added as shown in the
+   * [palette customization guide](https://mui.com/material-ui/customization/palette/#adding-new-colors).
+   * @default 'primary'
+   */
+  color: e.oneOf(["error", "info", "primary", "secondary", "success", "warning"]),
+  /**
+   * Overridable components.
+   * @default {}
+   * @deprecated Please use `slots`.
+   */
+  components: e.object,
+  /**
+   * The props used for each component slot.
+   * @default {}
+   * @deprecated Please use `slotProps`.
+   */
+  componentsProps: e.object,
+  /**
+   * The default value. Use when the component is not controlled.
+   */
+  defaultValue: e.any,
+  /**
+   * If `true`, the component is disabled.
+   * @default false
+   */
+  disabled: e.bool,
+  /**
+   * If `true`, disable values after the current date for date components, time for time components and both for date time components.
+   * @default false
+   */
+  disableFuture: e.bool,
+  /**
+   * If `true`, disable values before the current date for date components, time for time components and both for date time components.
+   * @default false
+   */
+  disablePast: e.bool,
+  /**
+   * If `true`, the component is displayed in focused state.
+   */
+  focused: e.bool,
+  /**
+   * Format of the date when rendered in the input(s).
+   */
+  format: e.string,
+  /**
+   * Density of the format when rendered in the input.
+   * Setting `formatDensity` to `"spacious"` will add a space before and after each `/`, `-` and `.` character.
+   * @default "dense"
+   */
+  formatDensity: e.oneOf(["dense", "spacious"]),
+  /**
+   * Props applied to the [`FormHelperText`](/material-ui/api/form-helper-text/) element.
+   */
+  FormHelperTextProps: e.object,
+  /**
+   * If `true`, the input will take up the full width of its container.
+   * @default false
+   */
+  fullWidth: e.bool,
+  /**
+   * The helper text content.
+   */
+  helperText: e.node,
+  /**
+   * If `true`, the label is hidden.
+   * This is used to increase density for a `FilledInput`.
+   * Be sure to add `aria-label` to the `input` element.
+   * @default false
+   */
+  hiddenLabel: e.bool,
+  /**
+   * The id of the `input` element.
+   * Use this prop to make `label` and `helperText` accessible for screen readers.
+   */
+  id: e.string,
+  /**
+   * Props applied to the [`InputLabel`](/material-ui/api/input-label/) element.
+   * Pointer events like `onClick` are enabled if and only if `shrink` is `true`.
+   */
+  InputLabelProps: e.object,
+  /**
+   * [Attributes](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#Attributes) applied to the `input` element.
+   */
+  inputProps: e.object,
+  /**
+   * Props applied to the Input element.
+   * It will be a [`FilledInput`](/material-ui/api/filled-input/),
+   * [`OutlinedInput`](/material-ui/api/outlined-input/) or [`Input`](/material-ui/api/input/)
+   * component depending on the `variant` prop value.
+   */
+  InputProps: e.object,
+  /**
+   * Pass a ref to the `input` element.
+   */
+  inputRef: e.oneOfType([e.func, e.shape({
+    current: e.any.isRequired
+  })]),
+  /**
+   * The label content.
+   */
+  label: e.node,
+  /**
+   * If `dense` or `normal`, will adjust vertical spacing of this and contained components.
+   * @default 'none'
+   */
+  margin: e.oneOf(["dense", "none", "normal"]),
+  /**
+   * Maximal selectable date.
+   */
+  maxDate: e.any,
+  /**
+   * Minimal selectable date.
+   */
+  minDate: e.any,
+  /**
+   * Name attribute of the `input` element.
+   */
+  name: e.string,
+  onBlur: e.func,
+  /**
+   * Callback fired when the value changes.
+   * @template TValue The value type. Will be either the same type as `value` or `null`. Can be in `[start, end]` format in case of range value.
+   * @template TError The validation error type. Will be either `string` or a `null`. Can be in `[start, end]` format in case of range value.
+   * @param {TValue} value The new value.
+   * @param {FieldChangeHandlerContext<TError>} context The context containing the validation result of the current value.
+   */
+  onChange: e.func,
+  /**
+   * Callback fired when the error associated to the current value changes.
+   * @template TValue The value type. Will be either the same type as `value` or `null`. Can be in `[start, end]` format in case of range value.
+   * @template TError The validation error type. Will be either `string` or a `null`. Can be in `[start, end]` format in case of range value.
+   * @param {TError} error The new error.
+   * @param {TValue} value The value associated to the error.
+   */
+  onError: e.func,
+  onFocus: e.func,
+  /**
+   * Callback fired when the selected sections change.
+   * @param {FieldSelectedSections} newValue The new selected sections.
+   */
+  onSelectedSectionsChange: e.func,
+  /**
+   * It prevents the user from changing the value of the field
+   * (not from interacting with the field).
+   * @default false
+   */
+  readOnly: e.bool,
+  /**
+   * If `true`, the label is displayed as required and the `input` element is required.
+   * @default false
+   */
+  required: e.bool,
+  /**
+   * The currently selected sections.
+   * This prop accept four formats:
+   * 1. If a number is provided, the section at this index will be selected.
+   * 2. If an object with a `startIndex` and `endIndex` properties are provided, the sections between those two indexes will be selected.
+   * 3. If a string of type `FieldSectionType` is provided, the first section with that name will be selected.
+   * 4. If `null` is provided, no section will be selected
+   * If not provided, the selected sections will be handled internally.
+   */
+  selectedSections: e.oneOfType([e.oneOf(["all", "day", "hours", "meridiem", "minutes", "month", "seconds", "weekDay", "year"]), e.number, e.shape({
+    endIndex: e.number.isRequired,
+    startIndex: e.number.isRequired
+  })]),
+  /**
+   * Disable specific date.
+   * @template TDate
+   * @param {TDate} day The date to test.
+   * @returns {boolean} If `true` the date will be disabled.
+   */
+  shouldDisableDate: e.func,
+  /**
+   * Disable specific month.
+   * @template TDate
+   * @param {TDate} month The month to test.
+   * @returns {boolean} If `true`, the month will be disabled.
+   */
+  shouldDisableMonth: e.func,
+  /**
+   * Disable specific year.
+   * @template TDate
+   * @param {TDate} year The year to test.
+   * @returns {boolean} If `true`, the year will be disabled.
+   */
+  shouldDisableYear: e.func,
+  /**
+   * If `true`, the format will respect the leading zeroes (e.g: on dayjs, the format `M/D/YYYY` will render `8/16/2018`)
+   * If `false`, the format will always add leading zeroes (e.g: on dayjs, the format `M/D/YYYY` will render `08/16/2018`)
+   *
+   * Warning n°1: Luxon is not able to respect the leading zeroes when using macro tokens (e.g: "DD"), so `shouldRespectLeadingZeros={true}` might lead to inconsistencies when using `AdapterLuxon`.
+   *
+   * Warning n°2: When `shouldRespectLeadingZeros={true}`, the field will add an invisible character on the sections containing a single digit to make sure `onChange` is fired.
+   * If you need to get the clean value from the input, you can remove this character using `input.value.replace(/\u200e/g, '')`.
+   *
+   * Warning n°3: When used in strict mode, dayjs and moment require to respect the leading zeros.
+   * This mean that when using `shouldRespectLeadingZeros={false}`, if you retrieve the value directly from the input (not listening to `onChange`) and your format contains tokens without leading zeros, the value will not be parsed by your library.
+   *
+   * @default `false`
+   */
+  shouldRespectLeadingZeros: e.bool,
+  /**
+   * The size of the component.
+   */
+  size: e.oneOf(["medium", "small"]),
+  /**
+   * The props used for each component slot.
+   * @default {}
+   */
+  slotProps: e.object,
+  /**
+   * Overridable component slots.
+   * @default {}
+   */
+  slots: e.object,
+  style: e.object,
+  /**
+   * The system prop that allows defining system overrides as well as additional CSS styles.
+   */
+  sx: e.oneOfType([e.arrayOf(e.oneOfType([e.func, e.object, e.bool])), e.func, e.object]),
+  /**
+   * The ref object used to imperatively interact with the field.
+   */
+  unstableFieldRef: e.oneOfType([e.func, e.object]),
+  /**
+   * The selected value.
+   * Used when the component is controlled.
+   */
+  value: e.any,
+  /**
+   * The variant to use.
+   * @default 'outlined'
+   */
+  variant: e.oneOf(["filled", "outlined", "standard"])
+});
+const Se = /* @__PURE__ */ I.forwardRef(function(d, l) {
+  var u, t;
+  const o = ue(), n = z(), a = Fe(d, "MuiDesktopDatePicker"), r = y({
+    day: B,
+    month: B,
+    year: B
+  }, a.viewRenderers), c = y({}, a, {
+    viewRenderers: r,
+    format: Le(n, a),
+    yearsPerRow: (u = a.yearsPerRow) != null ? u : 4,
+    slots: y({
+      openPickerIcon: Ke,
+      field: he
+    }, a.slots),
+    slotProps: y({}, a.slotProps, {
+      field: (b) => {
+        var D;
+        return y({}, Te((D = a.slotProps) == null ? void 0 : D.field, b), Pe(a), {
+          ref: l
+        });
+      },
+      toolbar: y({
+        hidden: !0
+      }, (t = a.slotProps) == null ? void 0 : t.toolbar)
+    })
+  }), {
+    renderPicker: s
+  } = Xe({
+    props: c,
+    valueManager: de,
+    valueType: "date",
+    getOpenDialogAriaText: o.openDatePickerDialogue,
+    validator: ce
+  });
+  return s();
+});
+Se.propTypes = {
+  // ----------------------------- Warning --------------------------------
+  // | These PropTypes are generated from the TypeScript type definitions |
+  // | To update them edit the TypeScript types and run "yarn proptypes"  |
+  // ----------------------------------------------------------------------
+  /**
+   * If `true`, the main element is focused during the first mount.
+   * This main element is:
+   * - the element chosen by the visible view if any (i.e: the selected day on the `day` view).
+   * - the `input` element if there is a field rendered.
+   */
+  autoFocus: e.bool,
+  /**
+   * Class name applied to the root element.
+   */
+  className: e.string,
+  /**
+   * If `true`, the popover or modal will close after submitting the full date.
+   * @default `true` for desktop, `false` for mobile (based on the chosen wrapper and `desktopModeMediaQuery` prop).
+   */
+  closeOnSelect: e.bool,
+  /**
+   * Overridable components.
+   * @default {}
+   * @deprecated Please use `slots`.
+   */
+  components: e.object,
+  /**
+   * The props used for each component slot.
+   * @default {}
+   * @deprecated Please use `slotProps`.
+   */
+  componentsProps: e.object,
+  /**
+   * Formats the day of week displayed in the calendar header.
+   * @param {string} day The day of week provided by the adapter's method `getWeekdays`.
+   * @returns {string} The name to display.
+   * @default (day) => day.charAt(0).toUpperCase()
+   */
+  dayOfWeekFormatter: e.func,
+  /**
+   * Default calendar month displayed when `value={null}`.
+   */
+  defaultCalendarMonth: e.any,
+  /**
+   * The default value.
+   * Used when the component is not controlled.
+   */
+  defaultValue: e.any,
+  /**
+   * If `true`, the picker and text field are disabled.
+   * @default false
+   */
+  disabled: e.bool,
+  /**
+   * If `true`, disable values after the current date for date components, time for time components and both for date time components.
+   * @default false
+   */
+  disableFuture: e.bool,
+  /**
+   * If `true`, today's date is rendering without highlighting with circle.
+   * @default false
+   */
+  disableHighlightToday: e.bool,
+  /**
+   * If `true`, the open picker button will not be rendered (renders only the field).
+   * @default false
+   */
+  disableOpenPicker: e.bool,
+  /**
+   * If `true`, disable values before the current date for date components, time for time components and both for date time components.
+   * @default false
+   */
+  disablePast: e.bool,
+  /**
+   * If `true`, the week number will be display in the calendar.
+   */
+  displayWeekNumber: e.bool,
+  /**
+   * Calendar will show more weeks in order to match this value.
+   * Put it to 6 for having fix number of week in Gregorian calendars
+   * @default undefined
+   */
+  fixedWeekNumber: e.number,
+  /**
+   * Format of the date when rendered in the input(s).
+   * Defaults to localized format based on the used `views`.
+   */
+  format: e.string,
+  /**
+   * Density of the format when rendered in the input.
+   * Setting `formatDensity` to `"spacious"` will add a space before and after each `/`, `-` and `.` character.
+   * @default "dense"
+   */
+  formatDensity: e.oneOf(["dense", "spacious"]),
+  /**
+   * Pass a ref to the `input` element.
+   */
+  inputRef: e.oneOfType([e.func, e.shape({
+    current: e.object
+  })]),
+  /**
+   * The label content.
+   */
+  label: e.node,
+  /**
+   * If `true`, calls `renderLoading` instead of rendering the day calendar.
+   * Can be used to preload information and show it in calendar.
+   * @default false
+   */
+  loading: e.bool,
+  /**
+   * Locale for components texts.
+   * Allows overriding texts coming from `LocalizationProvider` and `theme`.
+   */
+  localeText: e.object,
+  /**
+   * Maximal selectable date.
+   */
+  maxDate: e.any,
+  /**
+   * Minimal selectable date.
+   */
+  minDate: e.any,
+  /**
+   * Months rendered per row.
+   * @default 3
+   */
+  monthsPerRow: e.oneOf([3, 4]),
+  /**
+   * Callback fired when the value is accepted.
+   * @template TValue The value type. Will be either the same type as `value` or `null`. Can be in `[start, end]` format in case of range value.
+   * @param {TValue} value The value that was just accepted.
+   */
+  onAccept: e.func,
+  /**
+   * Callback fired when the value changes.
+   * @template TValue The value type. Will be either the same type as `value` or `null`. Can be in `[start, end]` format in case of range value.
+   * @template TError The validation error type. Will be either `string` or a `null`. Can be in `[start, end]` format in case of range value.
+   * @param {TValue} value The new value.
+   * @param {FieldChangeHandlerContext<TError>} context The context containing the validation result of the current value.
+   */
+  onChange: e.func,
+  /**
+   * Callback fired when the popup requests to be closed.
+   * Use in controlled mode (see `open`).
+   */
+  onClose: e.func,
+  /**
+   * Callback fired when the error associated to the current value changes.
+   * If the error has a non-null value, then the `TextField` will be rendered in `error` state.
+   *
+   * @template TValue The value type. Will be either the same type as `value` or `null`. Can be in `[start, end]` format in case of range value.
+   * @template TError The validation error type. Will be either `string` or a `null`. Can be in `[start, end]` format in case of range value.
+   * @param {TError} error The new error describing why the current value is not valid.
+   * @param {TValue} value The value associated to the error.
+   */
+  onError: e.func,
+  /**
+   * Callback fired on month change.
+   * @template TDate
+   * @param {TDate} month The new month.
+   */
+  onMonthChange: e.func,
+  /**
+   * Callback fired when the popup requests to be opened.
+   * Use in controlled mode (see `open`).
+   */
+  onOpen: e.func,
+  /**
+   * Callback fired when the selected sections change.
+   * @param {FieldSelectedSections} newValue The new selected sections.
+   */
+  onSelectedSectionsChange: e.func,
+  /**
+   * Callback fired on view change.
+   * @template TView
+   * @param {TView} view The new view.
+   */
+  onViewChange: e.func,
+  /**
+   * Callback fired on year change.
+   * @template TDate
+   * @param {TDate} year The new year.
+   */
+  onYearChange: e.func,
+  /**
+   * Control the popup or dialog open state.
+   * @default false
+   */
+  open: e.bool,
+  /**
+   * The default visible view.
+   * Used when the component view is not controlled.
+   * Must be a valid option from `views` list.
+   */
+  openTo: e.oneOf(["day", "month", "year"]),
+  /**
+   * Force rendering in particular orientation.
+   */
+  orientation: e.oneOf(["landscape", "portrait"]),
+  readOnly: e.bool,
+  /**
+   * Disable heavy animations.
+   * @default typeof navigator !== 'undefined' && /(android)/i.test(navigator.userAgent)
+   */
+  reduceAnimations: e.bool,
+  /**
+   * Component displaying when passed `loading` true.
+   * @returns {React.ReactNode} The node to render when loading.
+   * @default () => <span data-mui-test="loading-progress">...</span>
+   */
+  renderLoading: e.func,
+  /**
+   * The currently selected sections.
+   * This prop accept four formats:
+   * 1. If a number is provided, the section at this index will be selected.
+   * 2. If an object with a `startIndex` and `endIndex` properties are provided, the sections between those two indexes will be selected.
+   * 3. If a string of type `FieldSectionType` is provided, the first section with that name will be selected.
+   * 4. If `null` is provided, no section will be selected
+   * If not provided, the selected sections will be handled internally.
+   */
+  selectedSections: e.oneOfType([e.oneOf(["all", "day", "hours", "meridiem", "minutes", "month", "seconds", "weekDay", "year"]), e.number, e.shape({
+    endIndex: e.number.isRequired,
+    startIndex: e.number.isRequired
+  })]),
+  /**
+   * Disable specific date.
+   * @template TDate
+   * @param {TDate} day The date to test.
+   * @returns {boolean} If `true` the date will be disabled.
+   */
+  shouldDisableDate: e.func,
+  /**
+   * Disable specific month.
+   * @template TDate
+   * @param {TDate} month The month to test.
+   * @returns {boolean} If `true`, the month will be disabled.
+   */
+  shouldDisableMonth: e.func,
+  /**
+   * Disable specific year.
+   * @template TDate
+   * @param {TDate} year The year to test.
+   * @returns {boolean} If `true`, the year will be disabled.
+   */
+  shouldDisableYear: e.func,
+  /**
+   * If `true`, days outside the current month are rendered:
+   *
+   * - if `fixedWeekNumber` is defined, renders days to have the weeks requested.
+   *
+   * - if `fixedWeekNumber` is not defined, renders day to fill the first and last week of the current month.
+   *
+   * - ignored if `calendars` equals more than `1` on range pickers.
+   * @default false
+   */
+  showDaysOutsideCurrentMonth: e.bool,
+  /**
+   * The props used for each component slot.
+   * @default {}
+   */
+  slotProps: e.object,
+  /**
+   * Overridable component slots.
+   * @default {}
+   */
+  slots: e.object,
+  /**
+   * The system prop that allows defining system overrides as well as additional CSS styles.
+   */
+  sx: e.oneOfType([e.arrayOf(e.oneOfType([e.func, e.object, e.bool])), e.func, e.object]),
+  /**
+   * The selected value.
+   * Used when the component is controlled.
+   */
+  value: e.any,
+  /**
+   * The visible view.
+   * Used when the component view is controlled.
+   * Must be a valid option from `views` list.
+   */
+  view: e.oneOf(["day", "month", "year"]),
+  /**
+   * Define custom view renderers for each section.
+   * If `null`, the section will only have field editing.
+   * If `undefined`, internally defined view will be the used.
+   */
+  viewRenderers: e.shape({
+    day: e.func,
+    month: e.func,
+    year: e.func
+  }),
+  /**
+   * Available views.
+   */
+  views: e.arrayOf(e.oneOf(["day", "month", "year"]).isRequired),
+  /**
+   * Years rendered per row.
+   * @default 4
+   */
+  yearsPerRow: e.oneOf([3, 4])
+};
+const Ce = /* @__PURE__ */ I.forwardRef(function(d, l) {
+  var u;
+  const t = ue(), o = z(), n = Fe(d, "MuiMobileDatePicker"), a = y({
+    day: B,
+    month: B,
+    year: B
+  }, n.viewRenderers), r = y({}, n, {
+    viewRenderers: a,
+    format: Le(o, n),
+    slots: y({
+      field: he
+    }, n.slots),
+    slotProps: y({}, n.slotProps, {
+      field: (s) => {
+        var b;
+        return y({}, Te((b = n.slotProps) == null ? void 0 : b.field, s), Pe(n), {
+          ref: l
+        });
+      },
+      toolbar: y({
+        hidden: !1
+      }, (u = n.slotProps) == null ? void 0 : u.toolbar)
+    })
+  }), {
+    renderPicker: c
+  } = et({
+    props: r,
+    valueManager: de,
+    valueType: "date",
+    getOpenDialogAriaText: t.openDatePickerDialogue,
+    validator: ce
+  });
+  return c();
+});
+Ce.propTypes = {
+  // ----------------------------- Warning --------------------------------
+  // | These PropTypes are generated from the TypeScript type definitions |
+  // | To update them edit the TypeScript types and run "yarn proptypes"  |
+  // ----------------------------------------------------------------------
+  /**
+   * If `true`, the main element is focused during the first mount.
+   * This main element is:
+   * - the element chosen by the visible view if any (i.e: the selected day on the `day` view).
+   * - the `input` element if there is a field rendered.
+   */
+  autoFocus: e.bool,
+  /**
+   * Class name applied to the root element.
+   */
+  className: e.string,
+  /**
+   * If `true`, the popover or modal will close after submitting the full date.
+   * @default `true` for desktop, `false` for mobile (based on the chosen wrapper and `desktopModeMediaQuery` prop).
+   */
+  closeOnSelect: e.bool,
+  /**
+   * Overridable components.
+   * @default {}
+   * @deprecated Please use `slots`.
+   */
+  components: e.object,
+  /**
+   * The props used for each component slot.
+   * @default {}
+   * @deprecated Please use `slotProps`.
+   */
+  componentsProps: e.object,
+  /**
+   * Formats the day of week displayed in the calendar header.
+   * @param {string} day The day of week provided by the adapter's method `getWeekdays`.
+   * @returns {string} The name to display.
+   * @default (day) => day.charAt(0).toUpperCase()
+   */
+  dayOfWeekFormatter: e.func,
+  /**
+   * Default calendar month displayed when `value={null}`.
+   */
+  defaultCalendarMonth: e.any,
+  /**
+   * The default value.
+   * Used when the component is not controlled.
+   */
+  defaultValue: e.any,
+  /**
+   * If `true`, the picker and text field are disabled.
+   * @default false
+   */
+  disabled: e.bool,
+  /**
+   * If `true`, disable values after the current date for date components, time for time components and both for date time components.
+   * @default false
+   */
+  disableFuture: e.bool,
+  /**
+   * If `true`, today's date is rendering without highlighting with circle.
+   * @default false
+   */
+  disableHighlightToday: e.bool,
+  /**
+   * If `true`, the open picker button will not be rendered (renders only the field).
+   * @default false
+   */
+  disableOpenPicker: e.bool,
+  /**
+   * If `true`, disable values before the current date for date components, time for time components and both for date time components.
+   * @default false
+   */
+  disablePast: e.bool,
+  /**
+   * If `true`, the week number will be display in the calendar.
+   */
+  displayWeekNumber: e.bool,
+  /**
+   * Calendar will show more weeks in order to match this value.
+   * Put it to 6 for having fix number of week in Gregorian calendars
+   * @default undefined
+   */
+  fixedWeekNumber: e.number,
+  /**
+   * Format of the date when rendered in the input(s).
+   * Defaults to localized format based on the used `views`.
+   */
+  format: e.string,
+  /**
+   * Density of the format when rendered in the input.
+   * Setting `formatDensity` to `"spacious"` will add a space before and after each `/`, `-` and `.` character.
+   * @default "dense"
+   */
+  formatDensity: e.oneOf(["dense", "spacious"]),
+  /**
+   * Pass a ref to the `input` element.
+   */
+  inputRef: e.oneOfType([e.func, e.shape({
+    current: e.object
+  })]),
+  /**
+   * The label content.
+   */
+  label: e.node,
+  /**
+   * If `true`, calls `renderLoading` instead of rendering the day calendar.
+   * Can be used to preload information and show it in calendar.
+   * @default false
+   */
+  loading: e.bool,
+  /**
+   * Locale for components texts.
+   * Allows overriding texts coming from `LocalizationProvider` and `theme`.
+   */
+  localeText: e.object,
+  /**
+   * Maximal selectable date.
+   */
+  maxDate: e.any,
+  /**
+   * Minimal selectable date.
+   */
+  minDate: e.any,
+  /**
+   * Months rendered per row.
+   * @default 3
+   */
+  monthsPerRow: e.oneOf([3, 4]),
+  /**
+   * Callback fired when the value is accepted.
+   * @template TValue The value type. Will be either the same type as `value` or `null`. Can be in `[start, end]` format in case of range value.
+   * @param {TValue} value The value that was just accepted.
+   */
+  onAccept: e.func,
+  /**
+   * Callback fired when the value changes.
+   * @template TValue The value type. Will be either the same type as `value` or `null`. Can be in `[start, end]` format in case of range value.
+   * @template TError The validation error type. Will be either `string` or a `null`. Can be in `[start, end]` format in case of range value.
+   * @param {TValue} value The new value.
+   * @param {FieldChangeHandlerContext<TError>} context The context containing the validation result of the current value.
+   */
+  onChange: e.func,
+  /**
+   * Callback fired when the popup requests to be closed.
+   * Use in controlled mode (see `open`).
+   */
+  onClose: e.func,
+  /**
+   * Callback fired when the error associated to the current value changes.
+   * If the error has a non-null value, then the `TextField` will be rendered in `error` state.
+   *
+   * @template TValue The value type. Will be either the same type as `value` or `null`. Can be in `[start, end]` format in case of range value.
+   * @template TError The validation error type. Will be either `string` or a `null`. Can be in `[start, end]` format in case of range value.
+   * @param {TError} error The new error describing why the current value is not valid.
+   * @param {TValue} value The value associated to the error.
+   */
+  onError: e.func,
+  /**
+   * Callback fired on month change.
+   * @template TDate
+   * @param {TDate} month The new month.
+   */
+  onMonthChange: e.func,
+  /**
+   * Callback fired when the popup requests to be opened.
+   * Use in controlled mode (see `open`).
+   */
+  onOpen: e.func,
+  /**
+   * Callback fired when the selected sections change.
+   * @param {FieldSelectedSections} newValue The new selected sections.
+   */
+  onSelectedSectionsChange: e.func,
+  /**
+   * Callback fired on view change.
+   * @template TView
+   * @param {TView} view The new view.
+   */
+  onViewChange: e.func,
+  /**
+   * Callback fired on year change.
+   * @template TDate
+   * @param {TDate} year The new year.
+   */
+  onYearChange: e.func,
+  /**
+   * Control the popup or dialog open state.
+   * @default false
+   */
+  open: e.bool,
+  /**
+   * The default visible view.
+   * Used when the component view is not controlled.
+   * Must be a valid option from `views` list.
+   */
+  openTo: e.oneOf(["day", "month", "year"]),
+  /**
+   * Force rendering in particular orientation.
+   */
+  orientation: e.oneOf(["landscape", "portrait"]),
+  readOnly: e.bool,
+  /**
+   * Disable heavy animations.
+   * @default typeof navigator !== 'undefined' && /(android)/i.test(navigator.userAgent)
+   */
+  reduceAnimations: e.bool,
+  /**
+   * Component displaying when passed `loading` true.
+   * @returns {React.ReactNode} The node to render when loading.
+   * @default () => <span data-mui-test="loading-progress">...</span>
+   */
+  renderLoading: e.func,
+  /**
+   * The currently selected sections.
+   * This prop accept four formats:
+   * 1. If a number is provided, the section at this index will be selected.
+   * 2. If an object with a `startIndex` and `endIndex` properties are provided, the sections between those two indexes will be selected.
+   * 3. If a string of type `FieldSectionType` is provided, the first section with that name will be selected.
+   * 4. If `null` is provided, no section will be selected
+   * If not provided, the selected sections will be handled internally.
+   */
+  selectedSections: e.oneOfType([e.oneOf(["all", "day", "hours", "meridiem", "minutes", "month", "seconds", "weekDay", "year"]), e.number, e.shape({
+    endIndex: e.number.isRequired,
+    startIndex: e.number.isRequired
+  })]),
+  /**
+   * Disable specific date.
+   * @template TDate
+   * @param {TDate} day The date to test.
+   * @returns {boolean} If `true` the date will be disabled.
+   */
+  shouldDisableDate: e.func,
+  /**
+   * Disable specific month.
+   * @template TDate
+   * @param {TDate} month The month to test.
+   * @returns {boolean} If `true`, the month will be disabled.
+   */
+  shouldDisableMonth: e.func,
+  /**
+   * Disable specific year.
+   * @template TDate
+   * @param {TDate} year The year to test.
+   * @returns {boolean} If `true`, the year will be disabled.
+   */
+  shouldDisableYear: e.func,
+  /**
+   * If `true`, days outside the current month are rendered:
+   *
+   * - if `fixedWeekNumber` is defined, renders days to have the weeks requested.
+   *
+   * - if `fixedWeekNumber` is not defined, renders day to fill the first and last week of the current month.
+   *
+   * - ignored if `calendars` equals more than `1` on range pickers.
+   * @default false
+   */
+  showDaysOutsideCurrentMonth: e.bool,
+  /**
+   * The props used for each component slot.
+   * @default {}
+   */
+  slotProps: e.object,
+  /**
+   * Overridable component slots.
+   * @default {}
+   */
+  slots: e.object,
+  /**
+   * The system prop that allows defining system overrides as well as additional CSS styles.
+   */
+  sx: e.oneOfType([e.arrayOf(e.oneOfType([e.func, e.object, e.bool])), e.func, e.object]),
+  /**
+   * The selected value.
+   * Used when the component is controlled.
+   */
+  value: e.any,
+  /**
+   * The visible view.
+   * Used when the component view is controlled.
+   * Must be a valid option from `views` list.
+   */
+  view: e.oneOf(["day", "month", "year"]),
+  /**
+   * Define custom view renderers for each section.
+   * If `null`, the section will only have field editing.
+   * If `undefined`, internally defined view will be the used.
+   */
+  viewRenderers: e.shape({
+    day: e.func,
+    month: e.func,
+    year: e.func
+  }),
+  /**
+   * Available views.
+   */
+  views: e.arrayOf(e.oneOf(["day", "month", "year"]).isRequired),
+  /**
+   * Years rendered per row.
+   * @default 3
+   */
+  yearsPerRow: e.oneOf([3, 4])
+};
+const Ct = ["desktopModeMediaQuery"], le = /* @__PURE__ */ I.forwardRef(function(d, l) {
+  const u = X({
+    props: d,
+    name: "MuiDatePicker"
+  }), {
+    desktopModeMediaQuery: t = ot
+  } = u, o = H(u, Ct);
+  return tt(t, {
+    defaultMatches: !0
+  }) ? /* @__PURE__ */ M(Se, y({
+    ref: l
+  }, o)) : /* @__PURE__ */ M(Ce, y({
+    ref: l
+  }, o));
+});
+process.env.NODE_ENV !== "production" && (le.propTypes = {
+  // ----------------------------- Warning --------------------------------
+  // | These PropTypes are generated from the TypeScript type definitions |
+  // | To update them edit the TypeScript types and run "yarn proptypes"  |
+  // ----------------------------------------------------------------------
+  /**
+   * If `true`, the main element is focused during the first mount.
+   * This main element is:
+   * - the element chosen by the visible view if any (i.e: the selected day on the `day` view).
+   * - the `input` element if there is a field rendered.
+   */
+  autoFocus: e.bool,
+  /**
+   * Class name applied to the root element.
+   */
+  className: e.string,
+  /**
+   * If `true`, the popover or modal will close after submitting the full date.
+   * @default `true` for desktop, `false` for mobile (based on the chosen wrapper and `desktopModeMediaQuery` prop).
+   */
+  closeOnSelect: e.bool,
+  /**
+   * Overridable components.
+   * @default {}
+   * @deprecated Please use `slots`.
+   */
+  components: e.object,
+  /**
+   * The props used for each component slot.
+   * @default {}
+   * @deprecated Please use `slotProps`.
+   */
+  componentsProps: e.object,
+  /**
+   * Formats the day of week displayed in the calendar header.
+   * @param {string} day The day of week provided by the adapter's method `getWeekdays`.
+   * @returns {string} The name to display.
+   * @default (day) => day.charAt(0).toUpperCase()
+   */
+  dayOfWeekFormatter: e.func,
+  /**
+   * Default calendar month displayed when `value={null}`.
+   */
+  defaultCalendarMonth: e.any,
+  /**
+   * The default value.
+   * Used when the component is not controlled.
+   */
+  defaultValue: e.any,
+  /**
+   * CSS media query when `Mobile` mode will be changed to `Desktop`.
+   * @default '@media (pointer: fine)'
+   * @example '@media (min-width: 720px)' or theme.breakpoints.up("sm")
+   */
+  desktopModeMediaQuery: e.string,
+  /**
+   * If `true`, the picker and text field are disabled.
+   * @default false
+   */
+  disabled: e.bool,
+  /**
+   * If `true`, disable values after the current date for date components, time for time components and both for date time components.
+   * @default false
+   */
+  disableFuture: e.bool,
+  /**
+   * If `true`, today's date is rendering without highlighting with circle.
+   * @default false
+   */
+  disableHighlightToday: e.bool,
+  /**
+   * If `true`, the open picker button will not be rendered (renders only the field).
+   * @default false
+   */
+  disableOpenPicker: e.bool,
+  /**
+   * If `true`, disable values before the current date for date components, time for time components and both for date time components.
+   * @default false
+   */
+  disablePast: e.bool,
+  /**
+   * If `true`, the week number will be display in the calendar.
+   */
+  displayWeekNumber: e.bool,
+  /**
+   * Calendar will show more weeks in order to match this value.
+   * Put it to 6 for having fix number of week in Gregorian calendars
+   * @default undefined
+   */
+  fixedWeekNumber: e.number,
+  /**
+   * Format of the date when rendered in the input(s).
+   * Defaults to localized format based on the used `views`.
+   */
+  format: e.string,
+  /**
+   * Density of the format when rendered in the input.
+   * Setting `formatDensity` to `"spacious"` will add a space before and after each `/`, `-` and `.` character.
+   * @default "dense"
+   */
+  formatDensity: e.oneOf(["dense", "spacious"]),
+  /**
+   * Pass a ref to the `input` element.
+   */
+  inputRef: e.oneOfType([e.func, e.shape({
+    current: e.object
+  })]),
+  /**
+   * The label content.
+   */
+  label: e.node,
+  /**
+   * If `true`, calls `renderLoading` instead of rendering the day calendar.
+   * Can be used to preload information and show it in calendar.
+   * @default false
+   */
+  loading: e.bool,
+  /**
+   * Locale for components texts.
+   * Allows overriding texts coming from `LocalizationProvider` and `theme`.
+   */
+  localeText: e.object,
+  /**
+   * Maximal selectable date.
+   */
+  maxDate: e.any,
+  /**
+   * Minimal selectable date.
+   */
+  minDate: e.any,
+  /**
+   * Months rendered per row.
+   * @default 3
+   */
+  monthsPerRow: e.oneOf([3, 4]),
+  /**
+   * Callback fired when the value is accepted.
+   * @template TValue The value type. Will be either the same type as `value` or `null`. Can be in `[start, end]` format in case of range value.
+   * @param {TValue} value The value that was just accepted.
+   */
+  onAccept: e.func,
+  /**
+   * Callback fired when the value changes.
+   * @template TValue The value type. Will be either the same type as `value` or `null`. Can be in `[start, end]` format in case of range value.
+   * @template TError The validation error type. Will be either `string` or a `null`. Can be in `[start, end]` format in case of range value.
+   * @param {TValue} value The new value.
+   * @param {FieldChangeHandlerContext<TError>} context The context containing the validation result of the current value.
+   */
+  onChange: e.func,
+  /**
+   * Callback fired when the popup requests to be closed.
+   * Use in controlled mode (see `open`).
+   */
+  onClose: e.func,
+  /**
+   * Callback fired when the error associated to the current value changes.
+   * If the error has a non-null value, then the `TextField` will be rendered in `error` state.
+   *
+   * @template TValue The value type. Will be either the same type as `value` or `null`. Can be in `[start, end]` format in case of range value.
+   * @template TError The validation error type. Will be either `string` or a `null`. Can be in `[start, end]` format in case of range value.
+   * @param {TError} error The new error describing why the current value is not valid.
+   * @param {TValue} value The value associated to the error.
+   */
+  onError: e.func,
+  /**
+   * Callback fired on month change.
+   * @template TDate
+   * @param {TDate} month The new month.
+   */
+  onMonthChange: e.func,
+  /**
+   * Callback fired when the popup requests to be opened.
+   * Use in controlled mode (see `open`).
+   */
+  onOpen: e.func,
+  /**
+   * Callback fired when the selected sections change.
+   * @param {FieldSelectedSections} newValue The new selected sections.
+   */
+  onSelectedSectionsChange: e.func,
+  /**
+   * Callback fired on view change.
+   * @template TView
+   * @param {TView} view The new view.
+   */
+  onViewChange: e.func,
+  /**
+   * Callback fired on year change.
+   * @template TDate
+   * @param {TDate} year The new year.
+   */
+  onYearChange: e.func,
+  /**
+   * Control the popup or dialog open state.
+   * @default false
+   */
+  open: e.bool,
+  /**
+   * The default visible view.
+   * Used when the component view is not controlled.
+   * Must be a valid option from `views` list.
+   */
+  openTo: e.oneOf(["day", "month", "year"]),
+  /**
+   * Force rendering in particular orientation.
+   */
+  orientation: e.oneOf(["landscape", "portrait"]),
+  readOnly: e.bool,
+  /**
+   * Disable heavy animations.
+   * @default typeof navigator !== 'undefined' && /(android)/i.test(navigator.userAgent)
+   */
+  reduceAnimations: e.bool,
+  /**
+   * Component displaying when passed `loading` true.
+   * @returns {React.ReactNode} The node to render when loading.
+   * @default () => <span data-mui-test="loading-progress">...</span>
+   */
+  renderLoading: e.func,
+  /**
+   * The currently selected sections.
+   * This prop accept four formats:
+   * 1. If a number is provided, the section at this index will be selected.
+   * 2. If an object with a `startIndex` and `endIndex` properties are provided, the sections between those two indexes will be selected.
+   * 3. If a string of type `FieldSectionType` is provided, the first section with that name will be selected.
+   * 4. If `null` is provided, no section will be selected
+   * If not provided, the selected sections will be handled internally.
+   */
+  selectedSections: e.oneOfType([e.oneOf(["all", "day", "hours", "meridiem", "minutes", "month", "seconds", "weekDay", "year"]), e.number, e.shape({
+    endIndex: e.number.isRequired,
+    startIndex: e.number.isRequired
+  })]),
+  /**
+   * Disable specific date.
+   * @template TDate
+   * @param {TDate} day The date to test.
+   * @returns {boolean} If `true` the date will be disabled.
+   */
+  shouldDisableDate: e.func,
+  /**
+   * Disable specific month.
+   * @template TDate
+   * @param {TDate} month The month to test.
+   * @returns {boolean} If `true`, the month will be disabled.
+   */
+  shouldDisableMonth: e.func,
+  /**
+   * Disable specific year.
+   * @template TDate
+   * @param {TDate} year The year to test.
+   * @returns {boolean} If `true`, the year will be disabled.
+   */
+  shouldDisableYear: e.func,
+  /**
+   * If `true`, days outside the current month are rendered:
+   *
+   * - if `fixedWeekNumber` is defined, renders days to have the weeks requested.
+   *
+   * - if `fixedWeekNumber` is not defined, renders day to fill the first and last week of the current month.
+   *
+   * - ignored if `calendars` equals more than `1` on range pickers.
+   * @default false
+   */
+  showDaysOutsideCurrentMonth: e.bool,
+  /**
+   * The props used for each component slot.
+   * @default {}
+   */
+  slotProps: e.object,
+  /**
+   * Overridable component slots.
+   * @default {}
+   */
+  slots: e.object,
+  /**
+   * The system prop that allows defining system overrides as well as additional CSS styles.
+   */
+  sx: e.oneOfType([e.arrayOf(e.oneOfType([e.func, e.object, e.bool])), e.func, e.object]),
+  /**
+   * The selected value.
+   * Used when the component is controlled.
+   */
+  value: e.any,
+  /**
+   * The visible view.
+   * Used when the component view is controlled.
+   * Must be a valid option from `views` list.
+   */
+  view: e.oneOf(["day", "month", "year"]),
+  /**
+   * Define custom view renderers for each section.
+   * If `null`, the section will only have field editing.
+   * If `undefined`, internally defined view will be the used.
+   */
+  viewRenderers: e.shape({
+    day: e.func,
+    month: e.func,
+    year: e.func
+  }),
+  /**
+   * Available views.
+   */
+  views: e.arrayOf(e.oneOf(["day", "month", "year"]).isRequired),
+  /**
+   * Years rendered per row.
+   * @default 4 on desktop, 3 on mobile
+   */
+  yearsPerRow: e.oneOf([3, 4])
+});
+function Ut(h) {
+  const { state: d, actions: l, ownerState: u, sx: t, other: o } = We(h);
+  return /* @__PURE__ */ M(Ie, { dateAdapter: gt, children: /* @__PURE__ */ E(
+    He,
+    {
+      ownerState: u,
+      sx: t,
+      ...o,
+      children: [
+        /* @__PURE__ */ E(
+          Ve,
+          {
+            value: d.filterType,
+            exclusive: !0,
+            onChange: l.handleTypeChange,
+            size: "small",
+            children: [
+              /* @__PURE__ */ M(me, { value: "relative", children: "Relative" }),
+              /* @__PURE__ */ M(me, { value: "custom", children: "Custom" })
+            ]
+          }
+        ),
+        d.filterType === "relative" && /* @__PURE__ */ M(Be, { children: d.presets.map(([n, a]) => /* @__PURE__ */ M(
+          Ee,
+          {
+            size: "small",
+            variant: "outlined",
+            active: d.activePreset === n,
+            onClick: () => l.handlePresetSelect(n),
+            children: a
+          },
+          n
+        )) }),
+        d.filterType === "custom" && /* @__PURE__ */ E(ze, { children: [
+          /* @__PURE__ */ E(ye, { flex: 1, children: [
+            /* @__PURE__ */ M(be, { fontSize: 14, mb: 1, children: "From" }),
+            /* @__PURE__ */ M(
+              le,
+              {
+                value: d.minValue,
+                onChange: l.handleMinDateChange,
+                format: "DD/MM/YYYY",
+                slotProps: {
+                  textField: {
+                    size: "small",
+                    fullWidth: !0,
+                    placeholder: "Select start date"
+                  },
+                  popper: { placement: "right-start" }
+                }
+              }
+            )
+          ] }),
+          /* @__PURE__ */ E(ye, { flex: 1, children: [
+            /* @__PURE__ */ M(be, { fontSize: 14, mb: 1, children: "To" }),
+            /* @__PURE__ */ M(
+              le,
+              {
+                value: d.maxValue,
+                onChange: l.handleMaxDateChange,
+                minDate: d.minValue || void 0,
+                format: "DD/MM/YYYY",
+                slotProps: {
+                  textField: {
+                    size: "small",
+                    fullWidth: !0,
+                    placeholder: "Select end date"
+                  },
+                  popper: { placement: "right-start" }
+                }
+              }
+            )
+          ] })
+        ] })
+      ]
+    }
+  ) });
+}
+export {
+  gt as A,
+  Ut as D
+};