@nylas/react 1.4.2 → 1.4.4

package/dist/{nylas-event-calendar_3.entry-c77a26ca.js → nylas-event-calendar_3.entry-2504c7c0.js}

@@ -1,7 +1,7 @@
-import { b as M, u as er, t as tr, r as un, c as Y, d as B, i as x, h as m, H as fn, g as hn, S as Rt, J as Ks } from "./index-b04bb93f.js";
-import { R as pn } from "./register-component-238f28de-daee0751.js";
+import { b as M, u as er, t as tr, r as un, c as Y, d as B, i as x, h as m, H as fn, g as hn, S as Rt, I as Ks } from "./index-9243e481.js";
+import { R as pn } from "./register-component-02a05665-2e992621.js";
 import { T as xt } from "./constants-3d8016e3-3c080f00.js";
-import { c as ea } from "./customParseFormat-a4d9ea69-aeaa945c.js";
+import { c as ea } from "./customParseFormat-a4d9ea69-7caebeb2.js";
 import "react";
 import "react/jsx-runtime";
 import "react-dom";
@@ -28,7 +28,7 @@ function Ke(t, e, n, i, r) {
   var s = { type: t, props: e, key: n, ref: i, __k: null, __: null, __b: 0, __e: null, __d: void 0, __c: null, __h: null, constructor: void 0, __v: r ?? ++nr };
   return r == null && w.vnode != null && w.vnode(s), s;
 }
-function j() {
+function F() {
   return { current: null };
 }
 function N(t) {
@@ -782,7 +782,7 @@ function Ua(t, e) {
 function tt(t) {
   return t % 1 === 0;
 }
-function ja(t) {
+function Fa(t) {
   let e = t.querySelector(".fc-scrollgrid-shrink-frame"), n = t.querySelector(".fc-scrollgrid-shrink-cushion");
   if (!e)
     throw new Error("needs fc-scrollgrid-shrink-frame className");
@@ -791,12 +791,12 @@ function ja(t) {
   return t.getBoundingClientRect().width - e.getBoundingClientRect().width + // the cell padding+border
   n.getBoundingClientRect().width;
 }
-const vi = ["years", "months", "days", "milliseconds"], Fa = /^(-?)(?:(\d+)\.)?(\d+):(\d\d)(?::(\d\d)(?:\.(\d\d\d))?)?/;
+const vi = ["years", "months", "days", "milliseconds"], ja = /^(-?)(?:(\d+)\.)?(\d+):(\d\d)(?::(\d\d)(?:\.(\d\d\d))?)?/;
 function A(t, e) {
   return typeof t == "string" ? Wa(t) : typeof t == "object" && t ? yi(t) : typeof t == "number" ? yi({ [e || "milliseconds"]: t }) : null;
 }
 function Wa(t) {
-  let e = Fa.exec(t);
+  let e = ja.exec(t);
   if (e) {
     let n = e[1] ? -1 : 1;
     return {
@@ -1005,15 +1005,15 @@ function oe(t, e, n) {
 const Ka = ["sun", "mon", "tue", "wed", "thu", "fri", "sat"];
 function bi(t, e) {
   let n = se(t);
-  return n[2] += e * 7, F(n);
+  return n[2] += e * 7, j(n);
 }
 function U(t, e) {
   let n = se(t);
-  return n[2] += e, F(n);
+  return n[2] += e, j(n);
 }
 function ce(t, e) {
   let n = se(t);
-  return n[6] += e, F(n);
+  return n[6] += e, j(n);
 }
 function el(t, e) {
   return Ee(t, e) / 7;
@@ -1047,14 +1047,14 @@ function ct(t, e) {
   return ae(t) === ae(e) ? Math.round(Ee(t, e)) : null;
 }
 function O(t) {
-  return F([
+  return j([
     t.getUTCFullYear(),
     t.getUTCMonth(),
     t.getUTCDate()
   ]);
 }
 function al(t) {
-  return F([
+  return j([
     t.getUTCFullYear(),
     t.getUTCMonth(),
     t.getUTCDate(),
@@ -1062,7 +1062,7 @@ function al(t) {
   ]);
 }
 function ll(t) {
-  return F([
+  return j([
     t.getUTCFullYear(),
     t.getUTCMonth(),
     t.getUTCDate(),
@@ -1071,7 +1071,7 @@ function ll(t) {
   ]);
 }
 function ol(t) {
-  return F([
+  return j([
     t.getUTCFullYear(),
     t.getUTCMonth(),
     t.getUTCDate(),
@@ -1088,12 +1088,12 @@ function cl(t, e, n) {
   return s >= 1 ? Math.min(r, s) : r;
 }
 function Nt(t, e, n, i) {
-  let r = F([e, 0, 1 + dl(e, n, i)]), s = O(t), a = Math.round(Ee(r, s));
+  let r = j([e, 0, 1 + dl(e, n, i)]), s = O(t), a = Math.round(Ee(r, s));
   return Math.floor(a / 7) + 1;
 }
 function dl(t, e, n) {
   let i = 7 + e - n;
-  return -((7 + F([t, 0, i]).getUTCDay() - e) % 7) + i - 1;
+  return -((7 + j([t, 0, i]).getUTCDay() - e) % 7) + i - 1;
 }
 function Ei(t) {
   return [
@@ -1128,7 +1128,7 @@ function se(t) {
     t.getUTCMilliseconds()
   ];
 }
-function F(t) {
+function j(t) {
   return t.length === 1 && (t = t.concat([0])), new Date(Date.UTC(...t));
 }
 function xr(t) {
@@ -1901,9 +1901,9 @@ const zl = {
   // so multiple defs get grouped
 };
 function Ul(t, e) {
-  return Be(jl(t), null, e);
+  return Be(Fl(t), null, e);
 }
-function jl(t) {
+function Fl(t) {
   let e;
   return t === !0 ? e = [{}] : Array.isArray(t) ? e = t.filter((n) => n.daysOfWeek) : typeof t == "object" && t ? e = [t] : e = [], e = e.map((n) => Object.assign(Object.assign({}, zl), n)), e;
 }
@@ -1923,7 +1923,7 @@ function Pr(t, e = A(0)) {
 function Se(t, e, n, i) {
   return i === "year" ? A(n.diffWholeYears(t, e), "year") : i === "month" ? A(n.diffWholeMonths(t, e), "month") : rl(t, e);
 }
-function Fl(t, e) {
+function jl(t, e) {
   return t.left >= e.left && t.left < e.right && t.top >= e.top && t.top < e.bottom;
 }
 function Hr(t, e) {
@@ -2426,7 +2426,7 @@ class po extends W {
     this.setState({});
   }
 }
-function jr(t) {
+function Fr(t) {
   let e = aa(t), n = e.Provider;
   return e.Provider = function() {
     let i = !this.getChildContext, r = n.apply(this, arguments);
@@ -2468,7 +2468,7 @@ class go {
     this.queuedRequest && this.execFunc(this.queuedRequest) && (this.queuedRequest = null);
   }
 }
-const te = jr({});
+const te = Fr({});
 function mo(t, e, n, i, r, s, a, l, o, d, c, h, f) {
   return {
     dateEnv: r,
@@ -2563,7 +2563,7 @@ function Eo(t, e) {
 function Ue(t, e) {
   return typeof t == "function" && (t = t()), t == null ? e.createNowMarker() : e.createMarker(t);
 }
-class Fr {
+class jr {
   constructor(e) {
     this.props = e, this.nowDate = Ue(e.nowInput, e.dateEnv), this.initHiddenDays();
   }
@@ -3268,7 +3268,7 @@ class zo {
     return e.getUTCDate();
   }
   arrayToMarker(e) {
-    return F(e);
+    return j(e);
   }
   markerToArray(e) {
     return se(e);
@@ -3276,7 +3276,7 @@ class zo {
 }
 Lo("gregory", zo);
 const Uo = /^\s*(\d{4})(-?(\d{2})(-?(\d{2})([T ](\d{2}):?(\d{2})(:?(\d{2})(\.(\d+))?)?(Z|(([-+])(\d{2})(:?(\d{2}))?))?)?)?)?$/;
-function jo(t) {
+function Fo(t) {
   let e = Uo.exec(t);
   if (e) {
     let n = new Date(Date.UTC(Number(e[1]), e[3] ? Number(e[3]) - 1 : 0, Number(e[5] || 1), Number(e[7] || 0), Number(e[8] || 0), Number(e[10] || 0), e[12] ? +`0.${e[12]}` * 1e3 : 0));
@@ -3291,7 +3291,7 @@ function jo(t) {
   }
   return null;
 }
-class Fo {
+class jo {
   constructor(e) {
     let n = this.timeZone = e.timeZone, i = n !== "local" && n !== "UTC";
     e.namedTimeZoneImpl && i && (this.namedTimeZoneImpl = new e.namedTimeZoneImpl(n)), this.canComputeOffset = !!(!i || this.namedTimeZoneImpl), this.calendarSystem = Bo(e.calendarSystem), this.locale = e.locale, this.weekDow = e.locale.week.dow, this.weekDoy = e.locale.week.doy, e.weekNumberCalculation === "ISO" && (this.weekDow = 1, this.weekDoy = 4), typeof e.firstDay == "number" && (this.weekDow = e.firstDay), typeof e.weekNumberCalculation == "function" && (this.weekNumberFunc = e.weekNumberCalculation), this.weekText = e.weekText != null ? e.weekText : e.locale.options.weekText, this.weekTextLong = (e.weekTextLong != null ? e.weekTextLong : e.locale.options.weekTextLong) || this.weekText, this.cmdFormatter = e.cmdFormatter, this.defaultSeparator = e.defaultSeparator;
@@ -3302,16 +3302,16 @@ class Fo {
     return n === null ? null : n.marker;
   }
   createNowMarker() {
-    return this.canComputeOffset ? this.timestampToMarker((/* @__PURE__ */ new Date()).valueOf()) : F(Ei(/* @__PURE__ */ new Date()));
+    return this.canComputeOffset ? this.timestampToMarker((/* @__PURE__ */ new Date()).valueOf()) : j(Ei(/* @__PURE__ */ new Date()));
   }
   createMarkerMeta(e) {
     if (typeof e == "string")
       return this.parse(e);
     let n = null;
-    return typeof e == "number" ? n = this.timestampToMarker(e) : e instanceof Date ? (e = e.valueOf(), isNaN(e) || (n = this.timestampToMarker(e))) : Array.isArray(e) && (n = F(e)), n === null || !xr(n) ? null : { marker: n, isTimeUnspecified: !1, forcedTzo: null };
+    return typeof e == "number" ? n = this.timestampToMarker(e) : e instanceof Date ? (e = e.valueOf(), isNaN(e) || (n = this.timestampToMarker(e))) : Array.isArray(e) && (n = j(e)), n === null || !xr(n) ? null : { marker: n, isTimeUnspecified: !1, forcedTzo: null };
   }
   parse(e) {
-    let n = jo(e);
+    let n = Fo(e);
     if (n === null)
       return null;
     let { marker: i } = n, r = null;
@@ -3415,7 +3415,7 @@ class Fo {
   }
   // TimeZone
   timestampToMarker(e) {
-    return this.timeZone === "local" ? F(Ei(new Date(e))) : this.timeZone === "UTC" || !this.namedTimeZoneImpl ? new Date(e) : F(this.namedTimeZoneImpl.timestampToArray(e));
+    return this.timeZone === "local" ? j(Ei(new Date(e))) : this.timeZone === "UTC" || !this.namedTimeZoneImpl ? new Date(e) : j(this.namedTimeZoneImpl.timestampToArray(e));
   }
   offsetForMarker(e) {
     return this.timeZone === "local" ? -_i(se(e)).getTimezoneOffset() : this.timeZone === "UTC" ? 0 : this.namedTimeZoneImpl ? this.namedTimeZoneImpl.offsetForArray(se(e)) : null;
@@ -3704,7 +3704,7 @@ function is(t, e) {
 function $o(t) {
   return !!t;
 }
-const rs = jr(0);
+const rs = Fr(0);
 class G extends W {
   constructor() {
     super(...arguments), this.InnerContent = Zo.bind(void 0, this), this.handleRootEl = (e) => {
@@ -3776,7 +3776,7 @@ class ec extends T {
     ));
   }
 }
-class je extends W {
+class Fe extends W {
   constructor(e, n) {
     super(e, n), this.initialNowDate = Ue(n.options.now, n.dateEnv), this.initialNowQueriedMs = (/* @__PURE__ */ new Date()).valueOf(), this.state = this.computeTiming().currentState;
   }
@@ -3813,7 +3813,7 @@ class je extends W {
     this.timeoutId && clearTimeout(this.timeoutId);
   }
 }
-je.contextType = te;
+Fe.contextType = te;
 function Ni(t) {
   let e = O(t), n = U(e, 1);
   return { start: e, end: n };
@@ -3824,7 +3824,7 @@ class ss extends T {
   }
   render() {
     let { context: e } = this, { dates: n, dateProfile: i, datesRepDistinctDays: r, renderIntro: s } = this.props, a = this.createDayHeaderFormatter(e.options.dayHeaderFormat, r, n.length);
-    return p(je, { unit: "day" }, (l, o) => p(
+    return p(Fe, { unit: "day" }, (l, o) => p(
       "tr",
       { role: "row" },
       s && s("day"),
@@ -4172,9 +4172,9 @@ function hs(t, e, n, i, r) {
   return !0;
 }
 function fc(t, e, n, i, r) {
-  return t === "businessHours" ? jt(ve(i, e, r)) : typeof t == "string" ? jt(wt(n, (s) => s.groupId === t)) : typeof t == "object" && t ? jt(ve(t, e, r)) : [];
+  return t === "businessHours" ? Ft(ve(i, e, r)) : typeof t == "string" ? Ft(wt(n, (s) => s.groupId === t)) : typeof t == "object" && t ? Ft(ve(t, e, r)) : [];
 }
-function jt(t) {
+function Ft(t) {
   let { instances: e } = t, n = [];
   for (let i in e)
     n.push(e[i].range);
@@ -4317,7 +4317,7 @@ class X {
 function mc(t) {
   let e = Ra(t, ".fc-scrollgrid-shrink"), n = 0;
   for (let i of e)
-    n = Math.max(n, ja(i));
+    n = Math.max(n, Fa(i));
   return Math.ceil(n);
 }
 function ps(t, e) {
@@ -4399,7 +4399,7 @@ function gs(t) {
   let { stickyFooterScrollbar: e } = t;
   return (e == null || e === "auto") && (e = t.height === "auto" || t.viewHeight === "auto"), e;
 }
-class jn extends T {
+class Fn extends T {
   constructor() {
     super(...arguments), this.processCols = C((e) => e, bc), this.renderMicroColGroup = C(Ec), this.scrollerRefs = new X(), this.scrollerElRefs = new X(this._handleScrollerEl.bind(this)), this.state = {
       shrinkWidth: null,
@@ -4489,7 +4489,7 @@ class jn extends T {
     return { forceYScrollbars: r, scrollerClientWidths: s, scrollerClientHeights: a };
   }
 }
-jn.addStateEquality({
+Fn.addStateEquality({
   scrollerClientWidths: $,
   scrollerClientHeights: $
 });
@@ -4499,7 +4499,7 @@ function Dc(t, e) {
       return n;
   return null;
 }
-class Fn extends T {
+class jn extends T {
   constructor() {
     super(...arguments), this.handleEl = (e) => {
       this.el = e, e && Oi(e, this.props.seg);
@@ -4539,7 +4539,7 @@ class Fn extends T {
 class ms extends T {
   render() {
     let { props: e, context: n } = this, { options: i } = n, { seg: r } = e, { ui: s } = r.eventRange, a = i.eventTimeFormat || e.defaultTimeFormat, l = qr(r, a, n, e.defaultDisplayEventTime, e.defaultDisplayEventEnd);
-    return p(Fn, Object.assign({}, e, { elTag: "a", elStyle: {
+    return p(jn, Object.assign({}, e, { elTag: "a", elStyle: {
       borderColor: s.borderColor,
       backgroundColor: s.backgroundColor
     }, elAttrs: $r(r, n), defaultGenerator: Ac, timeText: l }), (o, d) => p(
@@ -4609,7 +4609,7 @@ function xc(t) {
 class vs extends T {
   render() {
     let { props: e } = this, { seg: n } = e;
-    return p(Fn, { elTag: "div", elClasses: ["fc-bg-event"], elStyle: { backgroundColor: n.eventRange.ui.backgroundColor }, defaultGenerator: Tc, seg: n, timeText: "", isDragging: !1, isResizing: !1, isDateSelecting: !1, isSelected: !1, isPast: e.isPast, isFuture: e.isFuture, isToday: e.isToday, disableDragging: !0, disableResizing: !0 });
+    return p(jn, { elTag: "div", elClasses: ["fc-bg-event"], elStyle: { backgroundColor: n.eventRange.ui.backgroundColor }, defaultGenerator: Tc, seg: n, timeText: "", isDragging: !1, isResizing: !1, isDateSelecting: !1, isSelected: !1, isPast: e.isPast, isFuture: e.isFuture, isToday: e.isToday, disableDragging: !0, disableResizing: !0 });
   }
 }
 function Tc(t) {
@@ -4629,7 +4629,7 @@ const bs = (t) => p(te.Consumer, null, (e) => {
 function kc(t) {
   return t.text;
 }
-const Ft = 10;
+const jt = 10;
 class Mc extends T {
   constructor() {
     super(...arguments), this.state = {
@@ -4673,7 +4673,7 @@ class Mc extends T {
     let { isRtl: e } = this.context, { alignmentEl: n, alignGridTop: i } = this.props, { rootEl: r } = this, s = lo(n);
     if (s) {
       let a = r.getBoundingClientRect(), l = i ? z(n, ".fc-scrollgrid").getBoundingClientRect().top : s.top, o = e ? s.right - a.width : s.left;
-      l = Math.max(l, Ft), o = Math.min(o, document.documentElement.clientWidth - Ft - a.width), o = Math.max(o, Ft);
+      l = Math.max(l, jt), o = Math.min(o, document.documentElement.clientWidth - jt - a.width), o = Math.max(o, jt);
       let d = r.offsetParent.getBoundingClientRect();
       Oe(r, {
         top: l - d.top,
@@ -5201,7 +5201,7 @@ const Uc = [], Ds = {
     return `Show ${t} more event${t === 1 ? "" : "s"}`;
   }
 });
-function jc(t) {
+function Fc(t) {
   let e = t.length > 0 ? t[0].code : "en", n = Uc.concat(t), i = {
     en: As
   };
@@ -5213,9 +5213,9 @@ function jc(t) {
   };
 }
 function Rs(t, e) {
-  return typeof t == "object" && !Array.isArray(t) ? xs(t.code, [t.code], t) : Fc(t, e);
+  return typeof t == "object" && !Array.isArray(t) ? xs(t.code, [t.code], t) : jc(t, e);
 }
-function Fc(t, e) {
+function jc(t, e) {
   let n = [].concat(t || []), i = Wc(n, e) || As;
   return xs(t, n, i);
 }
@@ -5473,10 +5473,10 @@ function Jc(t, e, n, i, r) {
     // will eventually fall back to buttonText
   };
 }
-let ji = {};
+let Fi = {};
 function Kc(t) {
-  let e = JSON.stringify(t), n = ji[e];
-  return n === void 0 && (n = A(t), ji[e] = n), n;
+  let e = JSON.stringify(t), n = Fi[e];
+  return n === void 0 && (n = A(t), Fi[e] = n), n;
 }
 function ed(t, e) {
   switch (e.type) {
@@ -5673,10 +5673,10 @@ function pd(t, e) {
   }
 }
 function gd(t, e, n, i, r) {
-  let s = t.headerToolbar ? Fi(t.headerToolbar, t, e, n, i, r) : null, a = t.footerToolbar ? Fi(t.footerToolbar, t, e, n, i, r) : null;
+  let s = t.headerToolbar ? ji(t.headerToolbar, t, e, n, i, r) : null, a = t.footerToolbar ? ji(t.footerToolbar, t, e, n, i, r) : null;
   return { header: s, footer: a };
 }
-function Fi(t, e, n, i, r, s) {
+function ji(t, e, n, i, r, s) {
   let a = {}, l = [], o = !1;
   for (let d in t) {
     let c = t[d], h = md(c, e, n, i, r, s);
@@ -5963,7 +5963,7 @@ function Hd(t) {
 }
 class Ld {
   constructor(e) {
-    this.computeCurrentViewData = C(this._computeCurrentViewData), this.organizeRawLocales = C(jc), this.buildLocale = C(Rs), this.buildPluginHooks = Gc(), this.buildDateEnv = C(Bd), this.buildTheme = C(zd), this.parseToolbars = C(gd), this.buildViewSpecs = C(Xc), this.buildDateProfileGenerator = nt(Ud), this.buildViewApi = C(jd), this.buildViewUiProps = nt(Vd), this.buildEventUiBySource = C(Fd, $), this.buildEventUiBases = C(Wd), this.parseContextBusinessHours = nt(Gd), this.buildTitle = C(Pd), this.emitter = new Ct(), this.actionRunner = new Nd(this._handleAction.bind(this), this.updateData.bind(this)), this.currentCalendarOptionsInput = {}, this.currentCalendarOptionsRefined = {}, this.currentViewOptionsInput = {}, this.currentViewOptionsRefined = {}, this.currentCalendarOptionsRefiners = {}, this.optionsForRefining = [], this.optionsForHandling = [], this.getCurrentData = () => this.data, this.dispatch = (f) => {
+    this.computeCurrentViewData = C(this._computeCurrentViewData), this.organizeRawLocales = C(Fc), this.buildLocale = C(Rs), this.buildPluginHooks = Gc(), this.buildDateEnv = C(Bd), this.buildTheme = C(zd), this.parseToolbars = C(gd), this.buildViewSpecs = C(Xc), this.buildDateProfileGenerator = nt(Ud), this.buildViewApi = C(Fd), this.buildViewUiProps = nt(Vd), this.buildEventUiBySource = C(jd, $), this.buildEventUiBases = C(Wd), this.parseContextBusinessHours = nt(Gd), this.buildTitle = C(Pd), this.emitter = new Ct(), this.actionRunner = new Nd(this._handleAction.bind(this), this.updateData.bind(this)), this.currentCalendarOptionsInput = {}, this.currentCalendarOptionsRefined = {}, this.currentViewOptionsInput = {}, this.currentViewOptionsRefined = {}, this.currentCalendarOptionsRefiners = {}, this.optionsForRefining = [], this.optionsForHandling = [], this.getCurrentData = () => this.data, this.dispatch = (f) => {
       this.actionRunner.request(f);
     }, this.props = e, this.actionRunner.pause();
     let n = {}, i = this.computeOptionsData(e.optionOverrides, n, e.calendarApi), r = i.calendarOptions.initialView || i.pluginHooks.initialView, s = this.computeCurrentViewData(r, i, e.optionOverrides, n);
@@ -6140,7 +6140,7 @@ class Ld {
 }
 function Bd(t, e, n, i, r, s, a, l) {
   let o = Rs(e || a.defaultCode, a.map);
-  return new Fo({
+  return new jo({
     calendarSystem: "gregory",
     timeZone: t,
     namedTimeZoneImpl: s.namedTimeZonedImpl,
@@ -6157,13 +6157,13 @@ function zd(t, e) {
   return new n(t);
 }
 function Ud(t) {
-  let e = t.dateProfileGeneratorClass || Fr;
+  let e = t.dateProfileGeneratorClass || jr;
   return new e(t);
 }
-function jd(t, e, n) {
+function Fd(t, e, n) {
   return new vd(t, e, n);
 }
-function Fd(t) {
+function jd(t) {
   return K(t, (e) => e.ui);
 }
 function Wd(t, e, n) {
@@ -6337,7 +6337,7 @@ class $d extends ke {
 }
 class Zd extends _e {
   constructor() {
-    super(...arguments), this.buildViewContext = C(mo), this.buildViewPropTransformers = C(Jd), this.buildToolbarProps = C(Xd), this.headerRef = j(), this.footerRef = j(), this.interactionsStore = {}, this.state = {
+    super(...arguments), this.buildViewContext = C(mo), this.buildViewPropTransformers = C(Jd), this.buildToolbarProps = C(Xd), this.headerRef = F(), this.footerRef = F(), this.interactionsStore = {}, this.state = {
       viewLabelId: Et()
     }, this.registerInteractiveComponent = (e, n) => {
       let i = Go(e, n), a = [
@@ -6566,7 +6566,7 @@ class Hs extends T {
 class Ls extends T {
   render() {
     let { props: e, context: n } = this, { options: i } = n, { seg: r } = e, s = i.eventTimeFormat || Ns, a = qr(r, s, n, !0, e.defaultDisplayEventEnd);
-    return p(Fn, Object.assign({}, e, { elTag: "a", elClasses: ["fc-daygrid-event", "fc-daygrid-dot-event"], elAttrs: $r(e.seg, n), defaultGenerator: tu, timeText: a, isResizing: !1, isDateSelecting: !1 }));
+    return p(jn, Object.assign({}, e, { elTag: "a", elClasses: ["fc-daygrid-event", "fc-daygrid-dot-event"], elAttrs: $r(e.seg, n), defaultGenerator: tu, timeText: a, isResizing: !1, isDateSelecting: !1 }));
   }
 }
 function tu(t) {
@@ -6604,7 +6604,7 @@ function iu(t) {
 const ru = L({ week: "narrow" });
 class su extends Z {
   constructor() {
-    super(...arguments), this.rootElRef = j(), this.state = {
+    super(...arguments), this.rootElRef = F(), this.state = {
       dayNumberId: Et()
     }, this.handleRootEl = (e) => {
       ee(this.rootElRef, e), ee(this.props.elRef, e);
@@ -6801,7 +6801,7 @@ class uu extends Kr {
 }
 class Bs extends Z {
   constructor() {
-    super(...arguments), this.cellElRefs = new X(), this.frameElRefs = new X(), this.fgElRefs = new X(), this.segHarnessRefs = new X(), this.rootElRef = j(), this.state = {
+    super(...arguments), this.cellElRefs = new X(), this.frameElRefs = new X(), this.fgElRefs = new X(), this.segHarnessRefs = new X(), this.rootElRef = F(), this.state = {
       framePositions: null,
       maxContentHeight: null,
       eventInstanceHeights: {}
@@ -6968,7 +6968,7 @@ class pu extends Z {
   }
   render() {
     let { props: e, context: n } = this, i = e.cells.length, r = this.splitBusinessHourSegs(e.businessHourSegs, i), s = this.splitBgEventSegs(e.bgEventSegs, i), a = this.splitFgEventSegs(e.fgEventSegs, i), l = this.splitDateSelectionSegs(e.dateSelectionSegs, i), o = this.splitEventDrag(e.eventDrag, i), d = this.splitEventResize(e.eventResize, i), c = i >= 7 && e.clientWidth ? e.clientWidth / n.options.aspectRatio / 6 : null;
-    return p(je, { unit: "day" }, (h, f) => p(N, null, e.cells.map((u, y) => p(Bs, {
+    return p(Fe, { unit: "day" }, (h, f) => p(N, null, e.cells.map((u, y) => p(Bs, {
       ref: this.rowRefs.createRef(y),
       key: u.length ? u[0].date.toISOString() : y,
       showDayNumbers: i > 1,
@@ -7052,7 +7052,7 @@ function gu(t) {
 }
 class mu extends Z {
   constructor() {
-    super(...arguments), this.elRef = j(), this.needsScrollReset = !1;
+    super(...arguments), this.elRef = F(), this.needsScrollReset = !1;
   }
   render() {
     let { props: e } = this, { dayMaxEventRows: n, dayMaxEvents: i, expandRows: r } = e, s = i === !0 || n === !0;
@@ -7121,14 +7121,14 @@ class yu extends os {
 }
 class zs extends Z {
   constructor() {
-    super(...arguments), this.slicer = new yu(), this.tableRef = j();
+    super(...arguments), this.slicer = new yu(), this.tableRef = F();
   }
   render() {
     let { props: e, context: n } = this;
     return p(mu, Object.assign({ ref: this.tableRef }, this.slicer.sliceProps(e, e.dateProfile, e.nextDayThreshold, n, e.dayTableModel), { dateProfile: e.dateProfile, cells: e.dayTableModel.cells, colGroupNode: e.colGroupNode, tableMinWidth: e.tableMinWidth, renderRowIntro: e.renderRowIntro, dayMaxEvents: e.dayMaxEvents, dayMaxEventRows: e.dayMaxEventRows, showWeekNumbers: e.showWeekNumbers, expandRows: e.expandRows, headerAlignElRef: e.headerAlignElRef, clientWidth: e.clientWidth, clientHeight: e.clientHeight, forPrint: e.forPrint }));
   }
 }
-class bu extends Fr {
+class bu extends jr {
   // Computes the date range that will be rendered
   buildRenderRange(e, n, i) {
     let r = super.buildRenderRange(e, n, i), { props: s } = this;
@@ -7153,7 +7153,7 @@ function Eu(t) {
 }
 class _u extends Z {
   constructor() {
-    super(...arguments), this.headerElRef = j();
+    super(...arguments), this.headerElRef = F();
   }
   renderSimpleLayout(e, n) {
     let { props: i, context: r } = this, s = [], a = mt(r.options);
@@ -7174,7 +7174,7 @@ class _u extends Z {
     }), p(
       vt,
       { elClasses: ["fc-daygrid"], viewSpec: r.viewSpec },
-      p(jn, { liquid: !i.isHeightAuto && !i.forPrint, collapsibleWidth: i.forPrint, cols: [], sections: s })
+      p(Fn, { liquid: !i.isHeightAuto && !i.forPrint, collapsibleWidth: i.forPrint, cols: [], sections: s })
     );
   }
   renderHScrollLayout(e, n, i, r) {
@@ -7217,7 +7217,7 @@ class _u extends Z {
 }
 class wu extends _u {
   constructor() {
-    super(...arguments), this.buildDayTableModel = C(Su), this.headerRef = j(), this.tableRef = j();
+    super(...arguments), this.buildDayTableModel = C(Su), this.headerRef = F(), this.tableRef = F();
   }
   render() {
     let { options: e, dateProfileGenerator: n } = this.context, { props: i } = this, r = this.buildDayTableModel(i.dateProfile, n), s = e.dayHeaders && p(ss, { ref: this.headerRef, dateProfile: i.dateProfile, dates: r.headerDates, datesRepDistinctDays: r.rowCnt === 1 }), a = (l) => p(zs, { ref: this.tableRef, dateProfile: i.dateProfile, dayTableModel: r, businessHours: i.businessHours, dateSelection: i.dateSelection, eventStore: i.eventStore, eventUiBases: i.eventUiBases, eventSelection: i.eventSelection, eventDrag: i.eventDrag, eventResize: i.eventResize, nextDayThreshold: e.nextDayThreshold, colGroupNode: l.tableColGroupNode, tableMinWidth: l.tableMinWidth, dayMaxEvents: e.dayMaxEvents, dayMaxEventRows: e.dayMaxEventRows, showWeekNumbers: e.weekNumbers, expandRows: !i.isHeightAuto, headerAlignElRef: this.headerElRef, clientWidth: l.clientWidth, clientHeight: l.clientHeight, forPrint: i.forPrint });
@@ -7322,7 +7322,7 @@ class Tu extends T {
 const ku = L({ week: "short" }), Mu = 5;
 class Iu extends Z {
   constructor() {
-    super(...arguments), this.allDaySplitter = new Au(), this.headerElRef = j(), this.rootElRef = j(), this.scrollerElRef = j(), this.state = {
+    super(...arguments), this.allDaySplitter = new Au(), this.headerElRef = F(), this.rootElRef = F(), this.scrollerElRef = F(), this.state = {
       slatCoords: null
     }, this.handleScrollTopRequest = (e) => {
       let n = this.scrollerElRef.current;
@@ -7421,7 +7421,7 @@ class Iu extends Z {
     }), p(
       vt,
       { elRef: this.rootElRef, elClasses: ["fc-timegrid"], viewSpec: r.viewSpec },
-      p(jn, { liquid: !s.isHeightAuto && !s.forPrint, collapsibleWidth: s.forPrint, cols: [{ width: "shrink" }], sections: a })
+      p(Fn, { liquid: !s.isHeightAuto && !s.forPrint, collapsibleWidth: s.forPrint, cols: [{ width: "shrink" }], sections: a })
     );
   }
   renderHScrollLayout(e, n, i, r, s, a, l) {
@@ -7499,7 +7499,7 @@ class Iu extends Z {
               p(
                 "div",
                 { className: "fc-timegrid-now-indicator-container" },
-                p(je, {
+                p(Fe, {
                   unit: y ? "minute" : "day"
                   /* hacky */
                 }, (E) => {
@@ -7601,7 +7601,7 @@ class Pu extends T {
 }
 class Hu extends T {
   constructor() {
-    super(...arguments), this.rootElRef = j(), this.slatElRefs = new X();
+    super(...arguments), this.rootElRef = F(), this.slatElRefs = new X();
   }
   render() {
     let { props: e, context: n } = this;
@@ -7668,7 +7668,7 @@ class Bu extends T {
     return p(Es, { elClasses: ["fc-timegrid-more-link"], elStyle: {
       top: e.top,
       bottom: e.bottom
-    }, allDayDate: null, moreCnt: e.hiddenSegs.length, allSegs: e.hiddenSegs, hiddenSegs: e.hiddenSegs, extraDateSpan: e.extraDateSpan, dateProfile: e.dateProfile, todayRange: e.todayRange, popoverContent: () => Fs(e.hiddenSegs, e), defaultGenerator: zu, forceTimed: !0 }, (n) => p(n, { elTag: "div", elClasses: ["fc-timegrid-more-link-inner", "fc-sticky"] }));
+    }, allDayDate: null, moreCnt: e.hiddenSegs.length, allSegs: e.hiddenSegs, hiddenSegs: e.hiddenSegs, extraDateSpan: e.extraDateSpan, dateProfile: e.dateProfile, todayRange: e.todayRange, popoverContent: () => js(e.hiddenSegs, e), defaultGenerator: zu, forceTimed: !0 }, (n) => p(n, { elTag: "div", elClasses: ["fc-timegrid-more-link-inner", "fc-sticky"] }));
   }
 }
 function zu(t) {
@@ -7677,10 +7677,10 @@ function zu(t) {
 function Uu(t, e, n) {
   let i = new Kr();
   e != null && (i.strictOrder = e), n != null && (i.maxStackCnt = n);
-  let r = i.addSegs(t), s = Wo(r), a = ju(i);
+  let r = i.addSegs(t), s = Wo(r), a = Fu(i);
   return a = Gu(a, 1), { segRects: Yu(a), hiddenGroups: s };
 }
-function ju(t) {
+function Fu(t) {
   const { entriesByLevel: e } = t, n = qn((i, r) => i + ":" + r, (i, r) => {
     let s = Vu(t, i, r), a = Qi(s, n), l = e[i][r];
     return [
@@ -7697,13 +7697,13 @@ function Qi(t, e) {
   let { level: n, lateralStart: i, lateralEnd: r } = t, s = i, a = [];
   for (; s < r; )
     a.push(e(n, s)), s += 1;
-  return a.sort(Fu), [
+  return a.sort(ju), [
     a.map(Wu),
     a[0][1]
     // first item's pressure
   ];
 }
-function Fu(t, e) {
+function ju(t, e) {
   return e[1] - t[1];
 }
 function Wu(t) {
@@ -7813,7 +7813,7 @@ const Qu = L({
   minute: "2-digit",
   meridiem: !1
 });
-class js extends T {
+class Fs extends T {
   render() {
     return p(ms, Object.assign({}, this.props, { elClasses: [
       "fc-timegrid-event",
@@ -7856,7 +7856,7 @@ class $u extends T {
   }
   renderFgSegs(e, n, i, r, s, a) {
     let { props: l } = this;
-    return l.forPrint ? Fs(e, l) : this.renderPositionedFgSegs(e, n, i, r, s, a);
+    return l.forPrint ? js(e, l) : this.renderPositionedFgSegs(e, n, i, r, s, a);
   }
   renderPositionedFgSegs(e, n, i, r, s, a) {
     let { eventMaxStack: l, eventShortHeight: o, eventOrderStrict: d, eventMinHeight: c } = this.context.options, { date: h, slatCoords: f, eventSelection: u, todayRange: y, nowDate: b } = this.props, E = i || r || s, g = $i(e, h, f, c), { segPlacements: _, hiddenGroups: S } = qu(e, g, d, l);
@@ -7869,7 +7869,7 @@ class $u extends T {
         return p(
           "div",
           { className: "fc-timegrid-event-harness" + (Xs ? " fc-timegrid-event-harness-inset" : ""), key: a || P, style: Object.assign(Object.assign({ visibility: R ? "" : "hidden" }, ie), Me) },
-          p(js, Object.assign({ seg: I, isDragging: i, isResizing: r, isDateSelecting: s, isSelected: P === u, isShort: Js }, le(I, y, b)))
+          p(Fs, Object.assign({ seg: I, isDragging: i, isResizing: r, isDateSelecting: s, isSelected: P === u, isShort: Js }, le(I, y, b)))
         );
       })
     );
@@ -7916,14 +7916,14 @@ class $u extends T {
     return r && !e.stackForward && (d[n ? "marginLeft" : "marginRight"] = 10 * 2), d;
   }
 }
-function Fs(t, { todayRange: e, nowDate: n, eventSelection: i, eventDrag: r, eventResize: s }) {
+function js(t, { todayRange: e, nowDate: n, eventSelection: i, eventDrag: r, eventResize: s }) {
   let a = (r ? r.affectedInstances : null) || (s ? s.affectedInstances : null) || {};
   return p(N, null, t.map((l) => {
     let o = l.eventRange.instance.instanceId;
     return p(
       "div",
       { key: o, style: { visibility: a[o] ? "hidden" : "" } },
-      p(js, Object.assign({ seg: l, isDragging: !1, isResizing: !1, isDateSelecting: !1, isSelected: o === i, isShort: !1 }, le(l, e, n)))
+      p(Fs, Object.assign({ seg: l, isDragging: !1, isResizing: !1, isDateSelecting: !1, isSelected: o === i, isShort: !1 }, le(l, e, n)))
     );
   }));
 }
@@ -7938,7 +7938,7 @@ function Zu(t, e) {
 }
 class Xu extends T {
   constructor() {
-    super(...arguments), this.splitFgEventSegs = C(Ie), this.splitBgEventSegs = C(Ie), this.splitBusinessHourSegs = C(Ie), this.splitNowIndicatorSegs = C(Ie), this.splitDateSelectionSegs = C(Ie), this.splitEventDrag = C(qi), this.splitEventResize = C(qi), this.rootElRef = j(), this.cellElRefs = new X();
+    super(...arguments), this.splitFgEventSegs = C(Ie), this.splitBgEventSegs = C(Ie), this.splitBusinessHourSegs = C(Ie), this.splitNowIndicatorSegs = C(Ie), this.splitDateSelectionSegs = C(Ie), this.splitEventDrag = C(qi), this.splitEventResize = C(qi), this.rootElRef = F(), this.cellElRefs = new X();
   }
   render() {
     let { props: e, context: n } = this, i = n.options.nowIndicator && e.slatCoords && e.slatCoords.safeComputeTop(e.nowDate), r = e.cells.length, s = this.splitFgEventSegs(e.fgEventSegs, r), a = this.splitBgEventSegs(e.bgEventSegs, r), l = this.splitBusinessHourSegs(e.businessHourSegs, r), o = this.splitNowIndicatorSegs(e.nowIndicatorSegs, r), d = this.splitDateSelectionSegs(e.dateSelectionSegs, r), c = this.splitEventDrag(e.eventDrag, r), h = this.splitEventResize(e.eventResize, r);
@@ -8083,11 +8083,11 @@ class tf extends os {
 }
 class nf extends Z {
   constructor() {
-    super(...arguments), this.buildDayRanges = C(rf), this.slicer = new tf(), this.timeColsRef = j();
+    super(...arguments), this.buildDayRanges = C(rf), this.slicer = new tf(), this.timeColsRef = F();
   }
   render() {
     let { props: e, context: n } = this, { dateProfile: i, dayTableModel: r } = e, { nowIndicator: s, nextDayThreshold: a } = n.options, l = this.buildDayRanges(r, i, n.dateEnv);
-    return p(je, { unit: s ? "minute" : "day" }, (o, d) => p(Ku, Object.assign({ ref: this.timeColsRef }, this.slicer.sliceProps(e, i, null, n, l), { forPrint: e.forPrint, axis: e.axis, dateProfile: i, slatMetas: e.slatMetas, slotDuration: e.slotDuration, cells: r.cells[0], tableColGroupNode: e.tableColGroupNode, tableMinWidth: e.tableMinWidth, clientWidth: e.clientWidth, clientHeight: e.clientHeight, expandRows: e.expandRows, nowDate: o, nowIndicatorSegs: s && this.slicer.sliceNowDate(o, i, a, n, l), todayRange: d, onScrollTopRequest: e.onScrollTopRequest, onSlatCoords: e.onSlatCoords })));
+    return p(Fe, { unit: s ? "minute" : "day" }, (o, d) => p(Ku, Object.assign({ ref: this.timeColsRef }, this.slicer.sliceProps(e, i, null, n, l), { forPrint: e.forPrint, axis: e.axis, dateProfile: i, slatMetas: e.slatMetas, slotDuration: e.slotDuration, cells: r.cells[0], tableColGroupNode: e.tableColGroupNode, tableMinWidth: e.tableMinWidth, clientWidth: e.clientWidth, clientHeight: e.clientHeight, expandRows: e.expandRows, nowDate: o, nowIndicatorSegs: s && this.slicer.sliceNowDate(o, i, a, n, l), todayRange: d, onScrollTopRequest: e.onScrollTopRequest, onSlatCoords: e.onSlatCoords })));
   }
 }
 function rf(t, e, n) {
@@ -8483,7 +8483,7 @@ class vf {
     return n;
   }
 }
-class Fe extends Yo {
+class je extends Yo {
   constructor(e, n) {
     super(e), this.containerEl = e, this.delay = null, this.minDistance = 0, this.touchScrollAllowed = !0, this.mirrorNeedsRevert = !1, this.isInteracting = !1, this.isDragging = !1, this.isDelayEnded = !1, this.isDistanceSurpassed = !1, this.delayTimeoutId = null, this.onPointerDown = (r) => {
       this.isDragging || (this.isInteracting = !0, this.isDelayEnded = !1, this.isDistanceSurpassed = !1, Ia(document.body), Na(document.body), r.isTouch || r.origEvent.preventDefault(), this.emitter.trigger("pointerdown", r), this.isInteracting && // not destroyed via pointerdown handler
@@ -8562,7 +8562,7 @@ class yf {
   isWithinClipping(e, n) {
     let i = { left: e, top: n };
     for (let r of this.scrollCaches)
-      if (!bf(r.getEventTarget()) && !Fl(i, r.clientRect))
+      if (!bf(r.getEventTarget()) && !jl(i, r.clientRect))
         return !1;
     return !0;
   }
@@ -8664,7 +8664,7 @@ class _f extends ke {
           o.emitter.trigger("dateClick", d);
         }
       }
-    }, this.dragging = new Fe(e.el), this.dragging.autoScroller.isEnabled = !1;
+    }, this.dragging = new je(e.el), this.dragging.autoScroller.isEnabled = !1;
     let n = this.hitDragging = new Dt(this.dragging, Ln(e));
     n.emitter.on("pointerdown", this.handlePointerDown), n.emitter.on("dragend", this.handleDragEnd);
   }
@@ -8689,7 +8689,7 @@ class wf extends ke {
     }, this.handlePointerUp = (a) => {
       this.dragSelection && (Wr(this.dragSelection, a, this.component.context), this.dragSelection = null);
     };
-    let { component: n } = e, { options: i } = n.context, r = this.dragging = new Fe(e.el);
+    let { component: n } = e, { options: i } = n.context, r = this.dragging = new je(e.el);
     r.touchScrollAllowed = !1, r.minDistance = i.selectMinDistance || 0, r.autoScroller.isEnabled = i.dragScroll;
     let s = this.hitDragging = new Dt(this.dragging, Ln(e));
     s.emitter.on("pointerdown", this.handlePointerDown), s.emitter.on("dragstart", this.handleDragStart), s.emitter.on("hitupdate", this.handleHitUpdate), s.emitter.on("pointerup", this.handlePointerUp);
@@ -8824,7 +8824,7 @@ class We extends ke {
       }
       this.cleanup();
     };
-    let { component: n } = this, { options: i } = n.context, r = this.dragging = new Fe(e.el);
+    let { component: n } = this, { options: i } = n.context, r = this.dragging = new je(e.el);
     r.pointer.selector = We.SELECTOR, r.touchScrollAllowed = !1, r.autoScroller.isEnabled = i.dragScroll;
     let s = this.hitDragging = new Dt(this.dragging, an);
     s.useSubjectCenter = e.useEventCenter, s.emitter.on("pointerdown", this.handlePointerDown), s.emitter.on("dragstart", this.handleDragStart), s.emitter.on("hitupdate", this.handleHitUpdate), s.emitter.on("pointerup", this.handlePointerUp), s.emitter.on("dragend", this.handleDragEnd);
@@ -8925,7 +8925,7 @@ class Rf extends ke {
         a.emitter.trigger("_noEventResize");
       this.draggingSeg = null, this.relevantEvents = null, this.validMutation = null;
     };
-    let { component: n } = e, i = this.dragging = new Fe(e.el);
+    let { component: n } = e, i = this.dragging = new je(e.el);
     i.pointer.selector = ".fc-event-resizer", i.touchScrollAllowed = !1, i.autoScroller.isEnabled = n.context.options.dragScroll;
     let r = this.hitDragging = new Dt(this.dragging, Ln(e));
     r.emitter.on("pointerdown", this.handlePointerDown), r.emitter.on("dragstart", this.handleDragStart), r.emitter.on("hitupdate", this.handleHitUpdate), r.emitter.on("dragend", this.handleDragEnd);
@@ -8992,7 +8992,7 @@ var If = ne({
   name: "@fullcalendar/interaction",
   componentInteractions: [_f, wf, We, Rf],
   calendarInteractions: [Tf],
-  elementDraggingImpl: Fe,
+  elementDraggingImpl: je,
   optionRefiners: kf,
   listenerRefiners: Mf
 });
@@ -9215,6 +9215,10 @@ const Je = {
       }
       (l = this.selectedEvent) != null && l.group_event_info && (this.selectedEvent.group_event_info.rrule = o);
     }
+    if (n === "event-capacity") {
+      const o = parseInt(e);
+      o < 1 || o > 500 || isNaN(o) ? (this.formError = x.t("fixFormErrors"), this.internals.setValidity({ customError: !0 }, this.formError)) : (this.formError = "", this.internals.setValidity({ customError: !1 }, ""));
+    }
   }
   timeWindowFormErrorHandler(t) {
     t.detail.key === "event-timeslot" ? (this.formError = t.detail.message, this.internals.setValidity({ customError: !0 }, t.detail.message)) : (this.formError = "", this.internals.setValidity({}));
@@ -9235,11 +9239,7 @@ const Je = {
       "show-event": this.showEditEventDetails || this.showCreateEventDetails
     } }, m("div", { class: "calendar-header" }, m("div", { class: "calendar-header__title" }, m("div", { class: "calendar-header-prev-next" }, m("button", { onClick: () => this.handlePrevNextClick("prev"), class: { "chevron-left": !0, button: !0 } }, " ", m("chevron-icon", null)), m("button", { onClick: () => this.handlePrevNextClick("next"), class: { "chevron-right": !0, button: !0 } }, " ", m("chevron-icon", null))), m("span", null, this.selectedDateRangeString)), m("div", { class: "calendar-header__current-calendar" }, (e == null ? void 0 : e.name) || (e == null ? void 0 : e.id), "'s calendar"), m("div", { class: "calendar-header__view-options" }, m("button", { class: { selected: ((s = this.calendar) == null ? void 0 : s.view.type) === Je.day }, onClick: () => this.setView("day") }, "Day"), m("button", { class: { selected: ((a = this.calendar) == null ? void 0 : a.view.type) === Je.week }, onClick: () => this.setView("week") }, "Week"), m("button", { class: { selected: ((l = this.calendar) == null ? void 0 : l.view.type) === Je.month }, onClick: () => this.setView("month") }, "Month"))), m("div", { ref: (g) => this.calendarEl = g })), this.showEditOptions && m("div", { class: "edit-options action-options", onClick: () => this.showEditOptions = !1 }, m("div", { class: "edit-options__card action-options__card" }, m("div", { class: "edit-options__header action-options__header" }, m("h3", null, "Actions"), m("button-component", { tooltip: "Close", id: "close-edit-options", disabled: this.isLoading, variant: "invisible", onClick: (g) => {
       g.preventDefault(), g.stopImmediatePropagation(), this.showEditOptions = !1;
-    } }, m("close-icon", null))), m("div", { class: "edit-options__content action-options__content" }, m("ul", { tabindex: "-1", role: "listbox", "aria-label": this.name }, this.editOptions.map((g) => g.value.toString() ? m("li", { class: { disabled: !!this.isLoading }, tabindex: "0", key: g.value, id: g.value, onClick: (_) => this.handleEditOptionSelected(_, g), role: "option" }, this.isLoading && this.loadingOptions.delete === g.value ? "Deleting..." : g.label) : null))))), this.showConfirmDiscardUnsavedChangesModal && m("div", { class: "discard-changes action-options", onClick: () => this.showUpdateOptions = !1 }, m("div", { class: "discard-changes__card action-options__card" }, m("button-component", { tooltip: "Close", id: "close-discard-changes", variant: "invisible", disabled: this.isLoading, onClick: (g) => {
-      g.preventDefault(), g.stopImmediatePropagation(), this.showConfirmDiscardUnsavedChangesModal = !1;
-    } }, m("close-icon", null)), m("div", { class: "discard-changes__content action-options__content" }, m("h3", { slot: "card-title", part: "nfbf__title" }, "Discard unsaved changes?")), m("div", { class: "discard-changes__footer action-options__footer" }, m("button-component", { variant: "basic", onClick: (g) => this.showConfirmDiscardUnsavedChangesModal = !1, part: "nfbf__button-outline nfbf__cancel-cta" }, `${x.t("deleteSchedulingPageCancelButton")}`), m("button-component", { variant: "destructive", onClick: (g) => {
-      g.preventDefault(), g.stopImmediatePropagation(), this.showConfirmDiscardUnsavedChangesModal = !1, this.unsavedChanges = !1, this.showEditEventDetails = !1, this.showCreateEventDetails = !1, this.selectedEvent = null, this.createNewGroupEventTimeslot = null, this.formError = "";
-    }, part: "nfbf__button-outline nfbf__reschedule-cta" }, "Discard")))), this.showUpdateOptions && m("div", { class: "update-options action-options", onClick: () => this.showUpdateOptions = !1 }, m("div", { class: "update-options__card action-options__card" }, m("button-component", { tooltip: "Close", id: "close-update-options", variant: "invisible", disabled: this.isLoading, onClick: (g) => {
+    } }, m("close-icon", null))), m("div", { class: "edit-options__content action-options__content" }, m("ul", { tabindex: "-1", role: "listbox", "aria-label": this.name }, this.editOptions.map((g) => g.value.toString() ? m("li", { class: { disabled: !!this.isLoading }, tabindex: "0", key: g.value, id: g.value, onClick: (_) => this.handleEditOptionSelected(_, g), role: "option" }, this.isLoading && this.loadingOptions.delete === g.value ? "Deleting..." : g.label) : null))))), this.showUpdateOptions && m("div", { class: "update-options action-options", onClick: () => this.showUpdateOptions = !1 }, m("div", { class: "update-options__card action-options__card" }, m("button-component", { tooltip: "Close", id: "close-update-options", variant: "invisible", disabled: this.isLoading, onClick: (g) => {
       g.preventDefault(), g.stopImmediatePropagation(), this.showUpdateOptions = !1;
     } }, m("close-icon", null)), m("div", { class: "update-options__content action-options__content" }, m("ul", { tabindex: "-1", role: "listbox", "aria-label": this.name }, this.updateOptions.map((g) => g.value.toString() ? m("li", { class: { disabled: !!this.isLoading }, tabindex: "0", key: g.value, id: g.value, role: "option", onClick: (_) => this.handleUpdateGroupEvent(_, g) }, this.isLoading && this.loadingOptions.update === g.value ? "Updating..." : g.label) : null))))), this.showDeleteOptions && m("div", { class: "delete-options action-options", onClick: () => this.showDeleteOptions = !1 }, m("div", { class: "delete-options__card action-options__card" }, m("button-component", { tooltip: "Close", id: "close-delete-options", variant: "invisible", disabled: this.isLoading, onClick: (g) => {
       g.preventDefault(), g.stopImmediatePropagation(), this.showDeleteOptions = !1;
@@ -9265,9 +9265,13 @@ const Je = {
       "event-details": !0
     } }, m("nylas-event-info", null, m("div", { slot: "inputs", class: "event-details-form-inputs" }, m("nylas-event-title", { eventTitle: "New group event", exportparts: "net, net__title, net__input_group, net__input_wrapper, net__input" }), m("nylas-event-description", { hideAutoPopulateButton: !0, exportparts: "ned, ned__title, ned__input_group, ned__input_wrapper, ned__input" }), m("nylas-event-location", { userProvider: (u = this.currentUser) == null ? void 0 : u.provider, exportparts: "nel, nel__title, nel__input_group, nel__input_wrapper, nel__input, nel__conferencing" }), m("nylas-event-timeslot", { name: "event-timeslot", initialValue: this.createNewGroupEventTimeslot, exportparts: "nets, nets__title, nets__input_group, nets__input_wrapper, nets__input, nets__timezone, nets__recurrence" }), m("nylas-event-capacity", { name: "event-capacity", exportparts: "nec, nec__title, nec__input_group, nec__input_wrapper, nec__input" }))), m("nylas-additional-participants", { name: "participants", eventParticipants: [{ name: ((y = this.currentUser) == null ? void 0 : y.name) || ((b = this.currentUser) == null ? void 0 : b.email), email: ((E = this.currentUser) == null ? void 0 : E.email) || "", is_organizer: !0 }], exportparts: "nadtnlpart, nadtnlpart__title, nadtnlpart__subtitle, nadtnlpart__content, nadtnlpart__input_group, nadtnlpart__input_wrapper, nadtnlpart__input, nadtnlpart__remove-participant" })), m("div", { class: "event-details-footer" }, m("div", { class: "event-details-footer__error" }, m("p", null, this.formError)), m("div", { class: "event-details-footer__helper-text" }, m("p", null, this.unsavedChanges && !this.isLoading ? "Unsaved changes" : "")), m("div", { class: "event-details-footer__actions" }, m("button-component", { variant: "basic", disabled: this.isLoading, onClick: (g) => {
       g.preventDefault(), g.stopImmediatePropagation(), this.unsavedChanges ? this.showConfirmDiscardUnsavedChangesModal = !0 : (this.showCreateEventDetails = !1, this.createNewGroupEventTimeslot = null, this.selectedEvent = null, this.unsavedChanges = !1);
-    } }, "Cancel"), m("button-component", { variant: "primary", disabled: this.isLoading, isLoading: this.isLoading, onClick: (g) => {
+    } }, "Cancel"), m("button-component", { variant: "primary", disabled: this.isLoading || this.formError !== "", isLoading: this.isLoading, onClick: (g) => {
       this.handleCreateGroupEvent(g);
-    } }, "Create")))))));
+    } }, "Create"))))), this.showConfirmDiscardUnsavedChangesModal && m("div", { class: "discard-changes action-options", onClick: () => this.showUpdateOptions = !1 }, m("div", { class: "discard-changes__card action-options__card" }, m("button-component", { tooltip: "Close", id: "close-discard-changes", variant: "invisible", disabled: this.isLoading, onClick: (g) => {
+      g.preventDefault(), g.stopImmediatePropagation(), this.showConfirmDiscardUnsavedChangesModal = !1;
+    } }, m("close-icon", null)), m("div", { class: "discard-changes__content action-options__content" }, m("h3", { slot: "card-title", part: "nfbf__title" }, "Discard unsaved changes?")), m("div", { class: "discard-changes__footer action-options__footer" }, m("button-component", { variant: "basic", onClick: (g) => this.showConfirmDiscardUnsavedChangesModal = !1, part: "nfbf__button-outline nfbf__cancel-cta" }, `${x.t("deleteSchedulingPageCancelButton")}`), m("button-component", { variant: "destructive", onClick: (g) => {
+      g.preventDefault(), g.stopImmediatePropagation(), this.showConfirmDiscardUnsavedChangesModal = !1, this.unsavedChanges = !1, this.showEditEventDetails = !1, this.showCreateEventDetails = !1, this.selectedEvent = null, this.createNewGroupEventTimeslot = null, this.formError = "";
+    }, part: "nfbf__button-outline nfbf__reschedule-cta" }, "Discard"))))));
   }
   static get formAssociated() {
     return !0;
@@ -9351,7 +9355,7 @@ Pf([
   Gt("design:returntype", void 0)
 ], Qs.prototype, "render", null);
 Qs.style = Nf;
-const Lf = ':host{display:block;--nylas-primary:#2563eb;--nylas-error:#cc4841;--nylas-error-pressed:#992222;--nylas-wraning:#f06c00;--nylas-success:#16a392;--nylas-info:#2b8fc2;--nylas-base-0:#ffffff;--nylas-base-25:#fcfcfd;--nylas-base-50:#f8f9fc;--nylas-base-100:#eaecf5;--nylas-base-200:#d5d9eb;--nylas-base-300:#b3b8d8;--nylas-base-400:#717bbc;--nylas-base-500:#4e5ba6;--nylas-base-600:#3e4784;--nylas-base-700:#263f72;--nylas-base-800:#293056;--nylas-base-900:#101323;--nylas-base-950:#0e101b;--nylas-color-blue-100:#e0e6f9;--nylas-border-radius:0.25rem;--nylas-border-radius-2x:0.5rem;--nylas-border-radius-3x:0.75rem;--nylas-font-family:"Inter", sans-serif;--nylas-color-black:#000000;--nylas-color-grey-900:#2c2c2c;--nylas-color-grey-800:#4b4b4b;--nylas-color-grey-700:#6e6e6e;--nylas-color-grey-600:#8e8e8e;--nylas-color-grey-500:#b3b3b3;--nylas-color-grey-400:#cacaca;--nylas-color-grey-300:#e1e1e1;--nylas-color-grey-200:#eaeaea;--nylas-color-grey-100:#f5f5f5;--nylas-color-grey-50:#fbfcfe;--nylas-color-white:#ffffff;--nylas-color-red-900:#992222;--nylas-color-red-700:#cc4841;--nylas-color-red-500:#ff786a;--nylas-color-red-300:#ffa79e;--nylas-color-red-100:#ffc5bf;--nylas-color-red-50:#ffeae8;--nylas-color-blue-900:#213571;--nylas-color-blue-700:#314fa9;--nylas-color-blue-500:#4169e1;--nylas-color-blue-300:#bdccf9;--nylas-color-blue-100:#e0e6f9;--nylas-color-blue-50:#f6f8fd;--nylas-color-yellow-900:#7c6506;--nylas-color-yellow-700:#c29f09;--nylas-color-yellow-500:#f7c90b;--nylas-color-yellow-300:#f9de70;--nylas-color-yellow-100:#fceba9;--nylas-color-yellow-50:#fdf4ce;--nylas-color-green-900:#0e6b60;--nylas-color-green-700:#16a392;--nylas-color-green-500:#17c3b2;--nylas-color-green-300:#74dbd1;--nylas-color-green-100:#a2e7e0;--nylas-color-green-50:#d1f3f0;--nylas-color-purple-900:#643554;--nylas-color-purple-700:#954f7d;--nylas-color-purple-500:#c769a7;--nylas-color-purple-300:#dda5ca;--nylas-color-purple-100:#e0bdd6;--nylas-color-purple-50:#e9dde5;--nylas-color-sky-900:#20698f;--nylas-color-sky-700:#2b8fc2;--nylas-color-sky-500:#6dceff;--nylas-color-sky-300:#8fdaff;--nylas-color-sky-100:#b8e7ff;--nylas-color-sky-50:#d9f2ff;width:inherit}.nylas-event-capacity{display:flex;flex-direction:column;gap:4px}.nylas-event-capacity label{display:flex;align-items:center;gap:4px;color:var(--nylas-base-800);font-size:16px;font-style:normal;font-weight:400;line-height:150%;}.nylas-event-capacity label span.required{color:var(--nylas-error, #cc4841)}.nylas-event-capacity label span.label-icon{margin-left:4px}.nylas-event-capacity label span.label-icon tooltip-component{display:flex}.nylas-event-capacity label tooltip-component::part(tc__content){left:50px}.nylas-event-capacity__wrapper{display:flex;align-items:center;gap:0.5rem}.nylas-event-capacity__wrapper input-component{width:auto}.nylas-event-capacity__wrapper input-component::part(ic__input){border-width:1;border-radius:8px;border:1px solid var(--nylas-base-200);font-family:var(--nylas-font-family);font-size:16px;line-height:24px;width:80px}', Bf = Lf;
+const Lf = ':host{display:block;--nylas-primary:#2563eb;--nylas-error:#cc4841;--nylas-error-pressed:#992222;--nylas-wraning:#f06c00;--nylas-success:#16a392;--nylas-info:#2b8fc2;--nylas-base-0:#ffffff;--nylas-base-25:#fcfcfd;--nylas-base-50:#f8f9fc;--nylas-base-100:#eaecf5;--nylas-base-200:#d5d9eb;--nylas-base-300:#b3b8d8;--nylas-base-400:#717bbc;--nylas-base-500:#4e5ba6;--nylas-base-600:#3e4784;--nylas-base-700:#263f72;--nylas-base-800:#293056;--nylas-base-900:#101323;--nylas-base-950:#0e101b;--nylas-color-blue-100:#e0e6f9;--nylas-border-radius:0.25rem;--nylas-border-radius-2x:0.5rem;--nylas-border-radius-3x:0.75rem;--nylas-font-family:"Inter", sans-serif;--nylas-color-black:#000000;--nylas-color-grey-900:#2c2c2c;--nylas-color-grey-800:#4b4b4b;--nylas-color-grey-700:#6e6e6e;--nylas-color-grey-600:#8e8e8e;--nylas-color-grey-500:#b3b3b3;--nylas-color-grey-400:#cacaca;--nylas-color-grey-300:#e1e1e1;--nylas-color-grey-200:#eaeaea;--nylas-color-grey-100:#f5f5f5;--nylas-color-grey-50:#fbfcfe;--nylas-color-white:#ffffff;--nylas-color-red-900:#992222;--nylas-color-red-700:#cc4841;--nylas-color-red-500:#ff786a;--nylas-color-red-300:#ffa79e;--nylas-color-red-100:#ffc5bf;--nylas-color-red-50:#ffeae8;--nylas-color-blue-900:#213571;--nylas-color-blue-700:#314fa9;--nylas-color-blue-500:#4169e1;--nylas-color-blue-300:#bdccf9;--nylas-color-blue-100:#e0e6f9;--nylas-color-blue-50:#f6f8fd;--nylas-color-yellow-900:#7c6506;--nylas-color-yellow-700:#c29f09;--nylas-color-yellow-500:#f7c90b;--nylas-color-yellow-300:#f9de70;--nylas-color-yellow-100:#fceba9;--nylas-color-yellow-50:#fdf4ce;--nylas-color-green-900:#0e6b60;--nylas-color-green-700:#16a392;--nylas-color-green-500:#17c3b2;--nylas-color-green-300:#74dbd1;--nylas-color-green-100:#a2e7e0;--nylas-color-green-50:#d1f3f0;--nylas-color-purple-900:#643554;--nylas-color-purple-700:#954f7d;--nylas-color-purple-500:#c769a7;--nylas-color-purple-300:#dda5ca;--nylas-color-purple-100:#e0bdd6;--nylas-color-purple-50:#e9dde5;--nylas-color-sky-900:#20698f;--nylas-color-sky-700:#2b8fc2;--nylas-color-sky-500:#6dceff;--nylas-color-sky-300:#8fdaff;--nylas-color-sky-100:#b8e7ff;--nylas-color-sky-50:#d9f2ff;width:inherit}.nylas-event-capacity{display:flex;flex-direction:column;gap:4px}.nylas-event-capacity label{display:flex;align-items:center;gap:4px;color:var(--nylas-base-800);font-size:16px;font-style:normal;font-weight:400;line-height:150%;}.nylas-event-capacity label span.required{color:var(--nylas-error, #cc4841)}.nylas-event-capacity label span.label-icon{margin-left:4px}.nylas-event-capacity label span.label-icon tooltip-component{display:flex}.nylas-event-capacity label tooltip-component::part(tc__content){left:50px}.nylas-event-capacity__wrapper{display:flex;align-items:center;gap:0.5rem}.nylas-event-capacity__wrapper input-component{width:auto}.nylas-event-capacity__wrapper input-component::part(ic__input){border-width:1;border-radius:8px;border:1px solid var(--nylas-base-200);font-family:var(--nylas-font-family);font-size:16px;line-height:24px;width:80px}.nylas-event-capacity__wrapper input-component::part(ic__input--error){border:1px solid var(--nylas-error)}.nylas-event-capacity__wrapper input-component::part(ic__label--error){position:relative;margin-bottom:24px}.nylas-event-capacity__wrapper input-component::part(ic__error_message){position:absolute;top:54px;width:max-content}.nylas-event-capacity__wrapper span.attendees.error{margin-top:-24px}', Bf = Lf;
 var zf = function(t, e, n, i) {
   var r = arguments.length, s = r < 3 ? e : i === null ? i = Object.getOwnPropertyDescriptor(e, n) : i, a;
   if (typeof Reflect == "object" && typeof Reflect.decorate == "function")
@@ -9366,7 +9370,7 @@ var zf = function(t, e, n, i) {
 };
 const $s = class {
   constructor(t) {
-    un(this, t), this.valueChanged = Y(this, "valueChanged", 7), t.$hostElement$["s-ei"] ? this.internals = t.$hostElement$["s-ei"] : (this.internals = t.$hostElement$.attachInternals(), t.$hostElement$["s-ei"] = this.internals), this.name = "event-capacity", this.capacity = void 0, this.selectedLanguage = void 0, this.selectedEventCapacity = void 0;
+    un(this, t), this.valueChanged = Y(this, "valueChanged", 7), t.$hostElement$["s-ei"] ? this.internals = t.$hostElement$["s-ei"] : (this.internals = t.$hostElement$.attachInternals(), t.$hostElement$["s-ei"] = this.internals), this.name = "event-capacity", this.capacity = void 0, this.selectedLanguage = void 0, this.selectedEventCapacity = void 0, this.error = "";
   }
   connectedCallback() {
     B("nylas-event-capacity", "connectedCallback");
@@ -9400,11 +9404,18 @@ const $s = class {
   }
   async nylasFormInputChangeHandler(t) {
     const { name: e, value: n } = t.detail;
-    e === "event-capacity" && (this.selectedEventCapacity = parseInt(n), this.internals.setFormValue(n.toString(), this.name), this.valueChanged.emit({ value: n.toString(), name: this.name }));
+    if (e === "event-capacity") {
+      const i = parseInt(n);
+      if (i < 1 || i > 500 || isNaN(i)) {
+        this.error = x.t("fixFormErrors"), this.internals.setValidity({ customError: !0 }, this.error), this.valueChanged.emit({ value: n.toString(), name: this.name });
+        return;
+      }
+      this.error = "", this.internals.setValidity({ customError: !1 }, ""), this.selectedEventCapacity = parseInt(n), this.internals.setFormValue(n.toString(), this.name), this.valueChanged.emit({ value: n.toString(), name: this.name });
+    }
   }
   render() {
     const t = typeof this.selectedEventCapacity < "u";
-    return m(fn, { key: "e2debc0469569f51e10fd9c0604e7d62c4db6b39" }, m("div", { key: "49c4a101da37906bf5f18446190729e141c7451c", class: "nylas-event-capacity", part: "necapacity" }, m("label", { key: "9d6d299b6d4b6d05d08b24d1ce73f24ea056815c", htmlFor: "event-capacity" }, m("span", { key: "1b81652fd174559d8bcfc4a49193b233a69a967e" }, x.t("nylasEventCapacity.headerTitle"), m("span", { key: "45a31e0e9e4e771bd36653e375e37acc00fd9895", class: "required" }, "*")), m("tooltip-component", { key: "b83eeb0255d145363fe49b489908c6e17f091e07" }, m("info-icon", { key: "d595bc37faa4830dd047d01b69e850d70532b7a0", slot: "tooltip-icon" }), m("span", { key: "f7d4241b10814b1c6e7d09f54a2da1ce0b7b1d72", slot: "tooltip-content" }, x.t("nylasEventCapacity.tooltip.desc")))), t && m("div", { class: "nylas-event-capacity__wrapper" }, m("input-component", { name: "event-capacity", id: "event-capacity", type: "number", minValue: 1, required: !1, exportparts: "ic_input: necapacity__input-textfield", defaultValue: typeof this.selectedEventCapacity == "number" ? this.selectedEventCapacity.toString() : "10" }), m("span", null, x.t("nylasEventCapacity.attendees")))));
+    return m(fn, { key: "b0eebdd8854645010038e0e03bfa94c851d5a859" }, m("div", { key: "6d7a7f053c3b7e166480eefbe5ef1df178552180", class: "nylas-event-capacity", part: "necapacity" }, m("label", { key: "05f77a19d88d300aafb73cf6aecf83c4c8e92679", htmlFor: "event-capacity" }, m("span", { key: "18fbc5bf61b42b39f9ad0bacba4fb4cb42392e43" }, x.t("nylasEventCapacity.headerTitle"), m("span", { key: "1e42bd3df3cbb5f9e0b7a2fac118abed3648a2a5", class: "required" }, "*")), m("tooltip-component", { key: "e0fa3f3557c575dbaf7e989e7eeeb956fd4ee55b" }, m("info-icon", { key: "952d5cfb9695a0005b06fb8539ae84c38bfe566e", slot: "tooltip-icon" }), m("span", { key: "aacb7c0d1a2904a9675c75d51cf7d082e3bf1d3e", slot: "tooltip-content" }, x.t("nylasEventCapacity.tooltip.desc")))), t && m("div", { class: "nylas-event-capacity__wrapper" }, m("input-component", { name: "event-capacity", id: "event-capacity", type: "number", pattern: /^[0-9]*$/, patternError: x.t("invalidInputFormat", { field: "Event capacity" }), minValue: 1, maxValue: 500, required: !1, exportparts: "ic_input: necapacity__input-textfield", defaultValue: typeof this.selectedEventCapacity == "number" ? this.selectedEventCapacity.toString() : "10" }), m("span", { class: this.error ? "attendees error" : "attendees" }, x.t("nylasEventCapacity.attendees")))));
   }
   static get formAssociated() {
     return !0;
@@ -9436,8 +9447,8 @@ zf([
   qt("design:returntype", void 0)
 ], $s.prototype, "render", null);
 $s.style = Bf;
-const Uf = ':host{display:block;--nylas-primary:#2563eb;--nylas-error:#cc4841;--nylas-error-pressed:#992222;--nylas-wraning:#f06c00;--nylas-success:#16a392;--nylas-info:#2b8fc2;--nylas-base-0:#ffffff;--nylas-base-25:#fcfcfd;--nylas-base-50:#f8f9fc;--nylas-base-100:#eaecf5;--nylas-base-200:#d5d9eb;--nylas-base-300:#b3b8d8;--nylas-base-400:#717bbc;--nylas-base-500:#4e5ba6;--nylas-base-600:#3e4784;--nylas-base-700:#263f72;--nylas-base-800:#293056;--nylas-base-900:#101323;--nylas-base-950:#0e101b;--nylas-color-blue-100:#e0e6f9;--nylas-border-radius:0.25rem;--nylas-border-radius-2x:0.5rem;--nylas-border-radius-3x:0.75rem;--nylas-font-family:"Inter", sans-serif;--nylas-color-black:#000000;--nylas-color-grey-900:#2c2c2c;--nylas-color-grey-800:#4b4b4b;--nylas-color-grey-700:#6e6e6e;--nylas-color-grey-600:#8e8e8e;--nylas-color-grey-500:#b3b3b3;--nylas-color-grey-400:#cacaca;--nylas-color-grey-300:#e1e1e1;--nylas-color-grey-200:#eaeaea;--nylas-color-grey-100:#f5f5f5;--nylas-color-grey-50:#fbfcfe;--nylas-color-white:#ffffff;--nylas-color-red-900:#992222;--nylas-color-red-700:#cc4841;--nylas-color-red-500:#ff786a;--nylas-color-red-300:#ffa79e;--nylas-color-red-100:#ffc5bf;--nylas-color-red-50:#ffeae8;--nylas-color-blue-900:#213571;--nylas-color-blue-700:#314fa9;--nylas-color-blue-500:#4169e1;--nylas-color-blue-300:#bdccf9;--nylas-color-blue-100:#e0e6f9;--nylas-color-blue-50:#f6f8fd;--nylas-color-yellow-900:#7c6506;--nylas-color-yellow-700:#c29f09;--nylas-color-yellow-500:#f7c90b;--nylas-color-yellow-300:#f9de70;--nylas-color-yellow-100:#fceba9;--nylas-color-yellow-50:#fdf4ce;--nylas-color-green-900:#0e6b60;--nylas-color-green-700:#16a392;--nylas-color-green-500:#17c3b2;--nylas-color-green-300:#74dbd1;--nylas-color-green-100:#a2e7e0;--nylas-color-green-50:#d1f3f0;--nylas-color-purple-900:#643554;--nylas-color-purple-700:#954f7d;--nylas-color-purple-500:#c769a7;--nylas-color-purple-300:#dda5ca;--nylas-color-purple-100:#e0bdd6;--nylas-color-purple-50:#e9dde5;--nylas-color-sky-900:#20698f;--nylas-color-sky-700:#2b8fc2;--nylas-color-sky-500:#6dceff;--nylas-color-sky-300:#8fdaff;--nylas-color-sky-100:#b8e7ff;--nylas-color-sky-50:#d9f2ff;width:inherit}div.nylas-event-timeslot label{display:flex;align-items:center;color:var(--nylas-base-800);font-size:16px;font-style:normal;font-weight:400;line-height:150%}div.nylas-event-timeslot div.date-time-input div.date-time-picker{display:flex;gap:32px}@media screen and (max-width: 768px){div.nylas-event-timeslot div.date-time-input div.date-time-picker{flex-direction:column;gap:16px}}div.nylas-event-timeslot div.date-time-input div.date-time-picker nylas-date-component{width:224px}@media screen and (max-width: 768px){div.nylas-event-timeslot div.date-time-input div.date-time-picker nylas-date-component{width:100%}}div.nylas-event-timeslot div.date-time-input div.date-time-picker nylas-date-component::part(ic__date){height:50px;border-color:var(--nylas-base-200)}div.nylas-event-timeslot div.date-time-input div.date-time-picker div.time-range{display:flex;gap:8px;align-items:flex-start}div.nylas-event-timeslot div.date-time-input div.date-time-picker div.time-range span{margin:12px 0 0 6px;display:inline-flex;align-items:flex-start}@media screen and (max-width: 768px){div.nylas-event-timeslot div.date-time-input div.date-time-picker div.time-range{display:grid;grid-template-columns:1fr 20px 1fr}div.nylas-event-timeslot div.date-time-input div.date-time-picker div.time-range nylas-time-window-picker::part(time-picker){width:-webkit-fill-available}div.nylas-event-timeslot div.date-time-input div.date-time-picker div.time-range nylas-time-window-picker::part(time-input){width:calc(100% - 8px)}}div.nylas-event-timeslot div.date-time-input div.date-time-picker select-dropdown{width:fit-content}div.nylas-event-timeslot div.date-time-input div.date-time-picker select-dropdown::part(sd_dropdown){position:relative}div.nylas-event-timeslot div.date-time-input div.date-time-picker select-dropdown::part(sd_dropdown-button){border:none;padding:14px;justify-content:flex-start}div.nylas-event-timeslot div.date-time-input div.date-time-picker select-dropdown::part(sd_dropdown-button):hover{border:none;outline:none;color:var(--nylas-primary)}@media screen and (max-width: 768px){div.nylas-event-timeslot div.date-time-input div.date-time-picker select-dropdown{width:-webkit-fill-available}div.nylas-event-timeslot div.date-time-input div.date-time-picker select-dropdown::part(sd_dropdown-button-selected-label){max-width:fit-content}div.nylas-event-timeslot div.date-time-input div.date-time-picker select-dropdown::part(sd_dropdown-content){right:unset;width:unset}}div.nylas-event-timeslot div.date-time-input div.recurrence-options{margin:8px 0}div.nylas-event-timeslot div.date-time-input div.recurrence-options select-dropdown::part(sd_dropdown){position:relative}div.nylas-event-timeslot div.date-time-input div.recurrence-options select-dropdown::part(sd_dropdown-button){width:fit-content;padding:14px;border-color:var(--nylas-base-200)}div.nylas-event-timeslot div.date-time-input div.recurrence-options select-dropdown::part(sd_dropdown-button):hover{color:var(--nylas-primary)}div.nylas-event-timeslot div.date-time-input div.recurrence-options select-dropdown::part(sd_dropdown-content){width:fit-content}div.nylas-event-timeslot div.date-time-input div.recurrence-options select-dropdown::part(sd_dropdown-button-selected-label){max-width:100%;width:fit-content;font-size:16px}@media screen and (max-width: 768px){div.nylas-event-timeslot div.date-time-input div.recurrence-options select-dropdown{width:-webkit-fill-available}div.nylas-event-timeslot div.date-time-input div.recurrence-options select-dropdown::part(sd_dropdown-button-selected-label){max-width:254px;width:fit-content}div.nylas-event-timeslot div.date-time-input div.recurrence-options select-dropdown::part(sd_dropdown-content){right:unset;width:unset}}@media screen and (max-width: 412px){div.nylas-event-timeslot div.date-time-input div.recurrence-options select-dropdown::part(sd_dropdown-button-selected-label){max-width:240px}}div.nylas-event-timeslot div.date-time-input div.recurrence-options div.custom-recurrence-time-period,div.nylas-event-timeslot div.date-time-input div.recurrence-options div.recurrence-type,div.nylas-event-timeslot div.date-time-input div.recurrence-options div.recurrence-end{display:grid;align-items:center;gap:16px;grid-template-columns:128px 1fr;margin-bottom:8px}div.nylas-event-timeslot div.date-time-input div.recurrence-options div.custom-recurrence-time-period select-dropdown::part(sd_dropdown-button),div.nylas-event-timeslot div.date-time-input div.recurrence-options div.recurrence-type select-dropdown::part(sd_dropdown-button),div.nylas-event-timeslot div.date-time-input div.recurrence-options div.recurrence-end select-dropdown::part(sd_dropdown-button){border-color:var(--nylas-base-200)}@media screen and (max-width: 768px){div.nylas-event-timeslot div.date-time-input div.recurrence-options div.custom-recurrence-time-period,div.nylas-event-timeslot div.date-time-input div.recurrence-options div.recurrence-type,div.nylas-event-timeslot div.date-time-input div.recurrence-options div.recurrence-end{grid-template-columns:1fr;gap:4px;margin:16px 0}}div.nylas-event-timeslot div.date-time-input div.recurrence-options div.custom-recurrence-time-period time-period-selector::part(id_dropdown-input),div.nylas-event-timeslot div.date-time-input div.recurrence-options div.recurrence-type time-period-selector::part(id_dropdown-input),div.nylas-event-timeslot div.date-time-input div.recurrence-options div.recurrence-end time-period-selector::part(id_dropdown-input){padding:16px}div.nylas-event-timeslot div.date-time-input div.recurrence-options div.custom-recurrence-time-period time-period-selector input-dropdown:hover,div.nylas-event-timeslot div.date-time-input div.recurrence-options div.recurrence-type time-period-selector input-dropdown:hover,div.nylas-event-timeslot div.date-time-input div.recurrence-options div.recurrence-end time-period-selector input-dropdown:hover{border:1px solid var(--nylas-primary);outline:1px solid transparent}div.nylas-event-timeslot div.date-time-input div.recurrence-options div.repeat-on div.days{margin:16px 0;display:flex;gap:16px;align-items:center}div.nylas-event-timeslot div.date-time-input div.recurrence-options div.repeat-on div.days div.buttons{display:flex;gap:8px;margin:8px 0}div.nylas-event-timeslot div.date-time-input div.recurrence-options div.repeat-on div.days div.buttons button{border-radius:50%;border:none;height:24px;width:24px;color:var(--nylas-base-800);cursor:pointer}div.nylas-event-timeslot div.date-time-input div.recurrence-options div.repeat-on div.days div.buttons button.selected{background-color:var(--nylas-primary);color:var(--nylas-base-0)}div.nylas-event-timeslot div.date-time-input div.recurrence-options div.repeat-on div.days div.buttons button:hover{background-color:var(--nylas-base-500);color:var(--nylas-base-0)}div.nylas-event-timeslot div.date-time-input div.recurrence-options div.repeat-on div.days div.buttons button:active{background-color:var(--nylas-base-600);color:var(--nylas-base-0)}div.nylas-event-timeslot div.date-time-input div.recurrence-options div.repeat-on div.days,div.nylas-event-timeslot div.date-time-input div.recurrence-options div.repeat-on div.custom-recurrence-ends,div.nylas-event-timeslot div.date-time-input div.recurrence-options div.repeat-on div.month-recurrence{display:grid;align-items:center;gap:16px;grid-template-columns:128px 1fr}@media screen and (max-width: 768px){div.nylas-event-timeslot div.date-time-input div.recurrence-options div.repeat-on div.days,div.nylas-event-timeslot div.date-time-input div.recurrence-options div.repeat-on div.custom-recurrence-ends,div.nylas-event-timeslot div.date-time-input div.recurrence-options div.repeat-on div.month-recurrence{grid-template-columns:1fr;gap:4px;margin:16px 0}}div.nylas-event-timeslot div.date-time-input div.recurrence-options div.repeat-on div.custom-recurrence{display:flex;gap:16px;align-items:center}@media screen and (max-width: 768px){div.nylas-event-timeslot div.date-time-input div.recurrence-options div.repeat-on div.custom-recurrence{flex-direction:column;align-items:flex-start;gap:0}}div.nylas-event-timeslot div.date-time-input div.recurrence-options div.repeat-on div.custom-recurrence div.custom-recurrence-end-after{display:flex;gap:8px;align-items:center}@media screen and (max-width: 768px){div.nylas-event-timeslot div.date-time-input div.recurrence-options div.repeat-on div.custom-recurrence div.custom-recurrence-end-after{flex-direction:column;align-items:flex-start}}div.nylas-event-timeslot div.date-time-input div.recurrence-options div.repeat-on div.custom-recurrence nylas-date-component::part(ic__date){padding:0 16px;height:52px;border:1px solid var(--nylas-base-200)}', jf = Uf;
-var Ff = function(t, e, n, i) {
+const Uf = ':host{display:block;--nylas-primary:#2563eb;--nylas-error:#cc4841;--nylas-error-pressed:#992222;--nylas-wraning:#f06c00;--nylas-success:#16a392;--nylas-info:#2b8fc2;--nylas-base-0:#ffffff;--nylas-base-25:#fcfcfd;--nylas-base-50:#f8f9fc;--nylas-base-100:#eaecf5;--nylas-base-200:#d5d9eb;--nylas-base-300:#b3b8d8;--nylas-base-400:#717bbc;--nylas-base-500:#4e5ba6;--nylas-base-600:#3e4784;--nylas-base-700:#263f72;--nylas-base-800:#293056;--nylas-base-900:#101323;--nylas-base-950:#0e101b;--nylas-color-blue-100:#e0e6f9;--nylas-border-radius:0.25rem;--nylas-border-radius-2x:0.5rem;--nylas-border-radius-3x:0.75rem;--nylas-font-family:"Inter", sans-serif;--nylas-color-black:#000000;--nylas-color-grey-900:#2c2c2c;--nylas-color-grey-800:#4b4b4b;--nylas-color-grey-700:#6e6e6e;--nylas-color-grey-600:#8e8e8e;--nylas-color-grey-500:#b3b3b3;--nylas-color-grey-400:#cacaca;--nylas-color-grey-300:#e1e1e1;--nylas-color-grey-200:#eaeaea;--nylas-color-grey-100:#f5f5f5;--nylas-color-grey-50:#fbfcfe;--nylas-color-white:#ffffff;--nylas-color-red-900:#992222;--nylas-color-red-700:#cc4841;--nylas-color-red-500:#ff786a;--nylas-color-red-300:#ffa79e;--nylas-color-red-100:#ffc5bf;--nylas-color-red-50:#ffeae8;--nylas-color-blue-900:#213571;--nylas-color-blue-700:#314fa9;--nylas-color-blue-500:#4169e1;--nylas-color-blue-300:#bdccf9;--nylas-color-blue-100:#e0e6f9;--nylas-color-blue-50:#f6f8fd;--nylas-color-yellow-900:#7c6506;--nylas-color-yellow-700:#c29f09;--nylas-color-yellow-500:#f7c90b;--nylas-color-yellow-300:#f9de70;--nylas-color-yellow-100:#fceba9;--nylas-color-yellow-50:#fdf4ce;--nylas-color-green-900:#0e6b60;--nylas-color-green-700:#16a392;--nylas-color-green-500:#17c3b2;--nylas-color-green-300:#74dbd1;--nylas-color-green-100:#a2e7e0;--nylas-color-green-50:#d1f3f0;--nylas-color-purple-900:#643554;--nylas-color-purple-700:#954f7d;--nylas-color-purple-500:#c769a7;--nylas-color-purple-300:#dda5ca;--nylas-color-purple-100:#e0bdd6;--nylas-color-purple-50:#e9dde5;--nylas-color-sky-900:#20698f;--nylas-color-sky-700:#2b8fc2;--nylas-color-sky-500:#6dceff;--nylas-color-sky-300:#8fdaff;--nylas-color-sky-100:#b8e7ff;--nylas-color-sky-50:#d9f2ff;width:inherit}div.nylas-event-timeslot label{display:flex;align-items:center;color:var(--nylas-base-800);font-size:16px;font-style:normal;font-weight:400;line-height:150%}div.nylas-event-timeslot div.date-time-input div.date-time-picker{display:flex;gap:32px}@media screen and (max-width: 768px){div.nylas-event-timeslot div.date-time-input div.date-time-picker{flex-direction:column;gap:16px}}div.nylas-event-timeslot div.date-time-input div.date-time-picker nylas-date-component{width:224px}@media screen and (max-width: 768px){div.nylas-event-timeslot div.date-time-input div.date-time-picker nylas-date-component{width:100%}}div.nylas-event-timeslot div.date-time-input div.date-time-picker nylas-date-component::part(ic__date){height:50px;border-color:var(--nylas-base-200)}div.nylas-event-timeslot div.date-time-input div.date-time-picker div.time-range{display:flex;gap:8px;align-items:flex-start}div.nylas-event-timeslot div.date-time-input div.date-time-picker div.time-range span{margin:12px 0 0 6px;display:inline-flex;align-items:flex-start}@media screen and (max-width: 768px){div.nylas-event-timeslot div.date-time-input div.date-time-picker div.time-range{display:grid;grid-template-columns:1fr 20px 1fr}div.nylas-event-timeslot div.date-time-input div.date-time-picker div.time-range nylas-time-window-picker::part(time-picker){width:-webkit-fill-available}div.nylas-event-timeslot div.date-time-input div.date-time-picker div.time-range nylas-time-window-picker::part(time-input){width:calc(100% - 8px)}}div.nylas-event-timeslot div.date-time-input div.date-time-picker select-dropdown{width:fit-content}div.nylas-event-timeslot div.date-time-input div.date-time-picker select-dropdown::part(sd_dropdown){position:relative}div.nylas-event-timeslot div.date-time-input div.date-time-picker select-dropdown::part(sd_dropdown-button){border:none;padding:14px;justify-content:flex-start}div.nylas-event-timeslot div.date-time-input div.date-time-picker select-dropdown::part(sd_dropdown-button):hover{border:none;outline:none;color:var(--nylas-primary)}@media screen and (max-width: 768px){div.nylas-event-timeslot div.date-time-input div.date-time-picker select-dropdown{width:-webkit-fill-available}div.nylas-event-timeslot div.date-time-input div.date-time-picker select-dropdown::part(sd_dropdown-button-selected-label){max-width:fit-content}div.nylas-event-timeslot div.date-time-input div.date-time-picker select-dropdown::part(sd_dropdown-content){right:unset;width:unset}}div.nylas-event-timeslot div.date-time-input div.recurrence-options{margin:8px 0}div.nylas-event-timeslot div.date-time-input div.recurrence-options select-dropdown::part(sd_dropdown){position:relative}div.nylas-event-timeslot div.date-time-input div.recurrence-options select-dropdown::part(sd_dropdown-button){width:fit-content;padding:14px;border-color:var(--nylas-base-200)}div.nylas-event-timeslot div.date-time-input div.recurrence-options select-dropdown::part(sd_dropdown-button):hover{color:var(--nylas-primary)}div.nylas-event-timeslot div.date-time-input div.recurrence-options select-dropdown::part(sd_dropdown-content){width:fit-content}div.nylas-event-timeslot div.date-time-input div.recurrence-options select-dropdown::part(sd_dropdown-button-selected-label){max-width:100%;width:fit-content;font-size:16px}@media screen and (max-width: 768px){div.nylas-event-timeslot div.date-time-input div.recurrence-options select-dropdown{width:-webkit-fill-available}div.nylas-event-timeslot div.date-time-input div.recurrence-options select-dropdown::part(sd_dropdown-button-selected-label){max-width:254px;width:fit-content}div.nylas-event-timeslot div.date-time-input div.recurrence-options select-dropdown::part(sd_dropdown-content){right:unset;width:unset}}@media screen and (max-width: 412px){div.nylas-event-timeslot div.date-time-input div.recurrence-options select-dropdown::part(sd_dropdown-button-selected-label){max-width:240px}}div.nylas-event-timeslot div.date-time-input div.recurrence-options div.custom-recurrence-time-period,div.nylas-event-timeslot div.date-time-input div.recurrence-options div.recurrence-type,div.nylas-event-timeslot div.date-time-input div.recurrence-options div.recurrence-end{display:grid;align-items:center;gap:16px;grid-template-columns:128px 1fr;margin-bottom:8px}div.nylas-event-timeslot div.date-time-input div.recurrence-options div.custom-recurrence-time-period select-dropdown::part(sd_dropdown-button),div.nylas-event-timeslot div.date-time-input div.recurrence-options div.recurrence-type select-dropdown::part(sd_dropdown-button),div.nylas-event-timeslot div.date-time-input div.recurrence-options div.recurrence-end select-dropdown::part(sd_dropdown-button){border-color:var(--nylas-base-200)}@media screen and (max-width: 768px){div.nylas-event-timeslot div.date-time-input div.recurrence-options div.custom-recurrence-time-period,div.nylas-event-timeslot div.date-time-input div.recurrence-options div.recurrence-type,div.nylas-event-timeslot div.date-time-input div.recurrence-options div.recurrence-end{grid-template-columns:1fr;gap:4px;margin:16px 0}}div.nylas-event-timeslot div.date-time-input div.recurrence-options div.custom-recurrence-time-period time-period-selector::part(id_dropdown-input),div.nylas-event-timeslot div.date-time-input div.recurrence-options div.recurrence-type time-period-selector::part(id_dropdown-input),div.nylas-event-timeslot div.date-time-input div.recurrence-options div.recurrence-end time-period-selector::part(id_dropdown-input){padding:16px}div.nylas-event-timeslot div.date-time-input div.recurrence-options div.custom-recurrence-time-period time-period-selector input-dropdown:hover,div.nylas-event-timeslot div.date-time-input div.recurrence-options div.recurrence-type time-period-selector input-dropdown:hover,div.nylas-event-timeslot div.date-time-input div.recurrence-options div.recurrence-end time-period-selector input-dropdown:hover{border:1px solid var(--nylas-primary);outline:1px solid transparent}div.nylas-event-timeslot div.date-time-input div.recurrence-options div.repeat-on div.days{margin:16px 0;display:flex;gap:16px;align-items:center}div.nylas-event-timeslot div.date-time-input div.recurrence-options div.repeat-on div.days div.buttons{display:flex;gap:8px;margin:8px 0}div.nylas-event-timeslot div.date-time-input div.recurrence-options div.repeat-on div.days div.buttons button{border-radius:50%;border:none;height:24px;width:24px;color:var(--nylas-base-800);cursor:pointer}div.nylas-event-timeslot div.date-time-input div.recurrence-options div.repeat-on div.days div.buttons button.selected{background-color:var(--nylas-primary);color:var(--nylas-base-0)}div.nylas-event-timeslot div.date-time-input div.recurrence-options div.repeat-on div.days div.buttons button:hover{background-color:var(--nylas-base-500);color:var(--nylas-base-0)}div.nylas-event-timeslot div.date-time-input div.recurrence-options div.repeat-on div.days div.buttons button:active{background-color:var(--nylas-base-600);color:var(--nylas-base-0)}div.nylas-event-timeslot div.date-time-input div.recurrence-options div.repeat-on div.days,div.nylas-event-timeslot div.date-time-input div.recurrence-options div.repeat-on div.custom-recurrence-ends,div.nylas-event-timeslot div.date-time-input div.recurrence-options div.repeat-on div.month-recurrence{display:grid;align-items:center;gap:16px;grid-template-columns:128px 1fr}@media screen and (max-width: 768px){div.nylas-event-timeslot div.date-time-input div.recurrence-options div.repeat-on div.days,div.nylas-event-timeslot div.date-time-input div.recurrence-options div.repeat-on div.custom-recurrence-ends,div.nylas-event-timeslot div.date-time-input div.recurrence-options div.repeat-on div.month-recurrence{grid-template-columns:1fr;gap:4px;margin:16px 0}}div.nylas-event-timeslot div.date-time-input div.recurrence-options div.repeat-on div.custom-recurrence{display:flex;gap:16px;align-items:baseline}@media screen and (max-width: 768px){div.nylas-event-timeslot div.date-time-input div.recurrence-options div.repeat-on div.custom-recurrence{flex-direction:column;align-items:flex-start;gap:0}}div.nylas-event-timeslot div.date-time-input div.recurrence-options div.repeat-on div.custom-recurrence div.custom-recurrence-end-after{display:flex;gap:8px;align-items:center}@media screen and (max-width: 768px){div.nylas-event-timeslot div.date-time-input div.recurrence-options div.repeat-on div.custom-recurrence div.custom-recurrence-end-after{flex-direction:column;align-items:flex-start}}div.nylas-event-timeslot div.date-time-input div.recurrence-options div.repeat-on div.custom-recurrence nylas-date-component::part(ic__date){padding:0 16px;height:52px;border:1px solid var(--nylas-base-200)}', Ff = Uf;
+var jf = function(t, e, n, i) {
   var r = arguments.length, s = r < 3 ? e : i === null ? i = Object.getOwnPropertyDescriptor(e, n) : i, a;
   if (typeof Reflect == "object" && typeof Reflect.decorate == "function")
     s = Reflect.decorate(t, e, n, i);
@@ -9636,7 +9647,24 @@ const Wf = {
   }
   nylasFormInputChangedHandler(t) {
     const { name: e, value: n } = t.detail;
-    e === "date-time-input" ? (this.selectedDate = n, this.recurrenceOptions = this.generateRecurrenceOptions(this.selectedDate, this.selectedTimezone), this.monthRecurrenceOptions = this.getMonthRecurrenceOptions(this.selectedDate, this.selectedTimezone)) : e === "recurrence-end-date" ? this.repeatEndOn = n : e === "custom-recurrence-end-date" ? this.repeatEndOn = n : e === "recurrence-end-after" && (this.repeatEndAfter = parseInt(n)), this.handleValueChanged();
+    if (e === "date-time-input")
+      this.selectedDate = n, this.recurrenceOptions = this.generateRecurrenceOptions(this.selectedDate, this.selectedTimezone), this.monthRecurrenceOptions = this.getMonthRecurrenceOptions(this.selectedDate, this.selectedTimezone);
+    else if (e === "recurrence-end-date")
+      this.repeatEndOn = n;
+    else if (e === "custom-recurrence-end-date")
+      this.repeatEndOn = n;
+    else if (e === "recurrence-end-after") {
+      const i = parseInt(n);
+      if (i < 1 || isNaN(i)) {
+        this.timeWindowFormError.emit({
+          key: this.name,
+          message: x.t("fixFormErrors")
+        });
+        return;
+      }
+      this.repeatEndAfter = i;
+    }
+    this.handleValueChanged();
   }
   timePeriodChangedHandler(t) {
     const { number: e, period: n } = t.detail;
@@ -9652,12 +9680,12 @@ const Wf = {
       { label: x.t("nylasEventTimeslot.customRecurrence.endsOptions.on"), value: "on" },
       { label: x.t("nylasEventTimeslot.customRecurrence.endsOptions.after"), value: "after" }
     ], r = M(this.selectedDate).add(1, "year").toISOString().split("T")[0], s = this.repeatEveryFrequency === "week" ? 4 : this.repeatEveryFrequency === "month" ? 12 : 5;
-    return this.repeatEndOn = this.repeatEndOn || r, this.repeatEndAfter = this.repeatEndAfter || s, m(fn, { key: "31732a2c9daed8e38e9481d545a43d2093ebf9ae" }, m("div", { key: "122e6f86aa037d3ca33333a48ee01b56a658b9be", class: "nylas-event-timeslot", part: "netimeslot" }, m("label", { key: "6a5e350091395c992a4412b0bbf85847cff9e2aa", htmlFor: "date-time-input" }, x.t("nylasEventTimeslot.dateTimeLabel")), m("div", { key: "fde21f23f6e3767f90ef7bfe8ef87fdc2880d53a", class: "date-time-input", part: "netimeslot__date-time-input" }, m("div", { key: "51ff603b675b0fca1e265ddb7cbba058e02b2412", class: "date-time-picker", part: "netimeslot__date-time-picker" }, m("nylas-date-component", { key: "aaf0a665c49243dc3ea62338b83a54a1ff44922f", name: "date-time-input", defaultValue: this.selectedDate, id: "date-time-input", required: !0 }), m("div", { key: "982c20021cf979720d71e19210b7aced7b3d8a32", class: "time-range", part: "netimeslot__time-range" }, m("nylas-time-window-picker", { id: "start-time", hasError: this.timeRangeError, time: this.selectedStartTime, language: this.selectedLanguage, name: "start-time", key: "start-time", exportparts: "time-picker: nap__time-picker-container, time-input: nap__time-picker-input, times: nap__time-picker-times" }), m("span", { key: "00a6b1961ffc500814b00da0a63fe52eb4982cb1" }, "–"), m("nylas-time-window-picker", { id: "end-time", hasError: this.timeRangeError, time: this.selectedEndTime, language: this.selectedLanguage, name: "end-time", key: "end-time", minimumStartTime: this.selectedStartTime, exportparts: "time-picker: nap__time-picker-container, time-input: nap__time-picker-input, times: nap__time-picker-times" })), (n == null ? void 0 : n.label) && m("select-dropdown", { name: "timezone", exportparts: "sd_dropdown: nap__timezone-container, sd_dropdown-button: nap__timezone-button, sd_dropdown-content: nap__timezone-dropdown-content", options: e, withChevron: !1, defaultSelectedOption: n }, m("span", { slot: "select-icon" }, m("globe-icon", { width: "20", height: "20" })))), m("div", { key: "69ecad9a4f597e8e8be1c7467ff66f24411a6638", class: "recurrence-options", part: "netimeslot__recurrence-options" }, t && (t == null ? void 0 : t.label) && m("div", { class: "recurrence-type", part: "netimeslot__recurrence-type" }, m("label", { htmlFor: "recurrence-type" }, x.t("nylasEventTimeslot.recurrenceLabel")), m("select-dropdown", { withSearch: !1, id: "recurrence-type", name: "recurrence-type", options: this.recurrenceOptions, defaultSelectedOption: t, exportparts: "sd_dropdown: netimeslot__dropdown, sd_dropdown-button: netimeslot__dropdown-button, sd_dropdown-content: netimeslot__dropdown-content" })), this.selectedRecurrenceType !== "custom" && this.selectedRecurrenceType !== "none" && m("div", { class: "recurrence-end", part: "netimeslot__recurrence-end" }, m("label", null, x.t("nylasEventTimeslot.endDate")), m("nylas-date-component", { name: "recurrence-end-date", defaultValue: this.repeatEndOn || r, id: "recurrence-end-date", required: !0 })), this.selectedRecurrenceType === "custom" && m("div", { class: "custom-recurrence-time-period", part: "netimeslot__custom-recurrence" }, m("label", { htmlFor: "" }, x.t("nylasEventTimeslot.customRecurrence.repeatEvery")), m("time-period-selector", { id: "custom-recurrence-time-period", exportparts: "tps__number-dropdown: netimeslot__number-dropdown, tps__number-dropdown-button: netimeslot__number-dropdown-button, tps__number-dropdown-content: netimeslot__number-dropdown-content, tps__period-dropdown: netimeslot__period-dropdown, tps__period-dropdown-button: netimeslot__period-dropdown-button, tps__period-dropdown-content: netimeslot__period-dropdown-content", timePeriods: [
+    return this.repeatEndOn = this.repeatEndOn || r, this.repeatEndAfter = this.repeatEndAfter || s, m(fn, { key: "a6c2b24369ec32b3488fb597ceb07265f8025b38" }, m("div", { key: "5412e2af0d10c1a232fa61b9ba3d9a327a631f20", class: "nylas-event-timeslot", part: "netimeslot" }, m("label", { key: "5054d504ca18771fb990374ce1859573227661a9", htmlFor: "date-time-input" }, x.t("nylasEventTimeslot.dateTimeLabel")), m("div", { key: "0dffbcf300744ef1c9ca74c73b3bd87bb0896711", class: "date-time-input", part: "netimeslot__date-time-input" }, m("div", { key: "d2c73a9cbe77d5a4c65087f4707b0f08c1b404e9", class: "date-time-picker", part: "netimeslot__date-time-picker" }, m("nylas-date-component", { key: "2955d08462d7e4e81079083349b8ce8cc07b1c1a", name: "date-time-input", defaultValue: this.selectedDate, id: "date-time-input", required: !0 }), m("div", { key: "edaab3f01999687c94b0b8a386fe863f211a4ced", class: "time-range", part: "netimeslot__time-range" }, m("nylas-time-window-picker", { id: "start-time", hasError: this.timeRangeError, time: this.selectedStartTime, language: this.selectedLanguage, name: "start-time", key: "start-time", exportparts: "time-picker: nap__time-picker-container, time-input: nap__time-picker-input, times: nap__time-picker-times" }), m("span", { key: "72f7f70ecef78afc7a5a426da2548cc4af12d139" }, "–"), m("nylas-time-window-picker", { id: "end-time", hasError: this.timeRangeError, time: this.selectedEndTime, language: this.selectedLanguage, name: "end-time", key: "end-time", minimumStartTime: this.selectedStartTime, exportparts: "time-picker: nap__time-picker-container, time-input: nap__time-picker-input, times: nap__time-picker-times" })), (n == null ? void 0 : n.label) && m("select-dropdown", { name: "timezone", exportparts: "sd_dropdown: nap__timezone-container, sd_dropdown-button: nap__timezone-button, sd_dropdown-content: nap__timezone-dropdown-content", options: e, withChevron: !1, defaultSelectedOption: n }, m("span", { slot: "select-icon" }, m("globe-icon", { width: "20", height: "20" })))), m("div", { key: "69743f032d1c090e65bd6b65cca97154972a7e98", class: "recurrence-options", part: "netimeslot__recurrence-options" }, t && (t == null ? void 0 : t.label) && m("div", { class: "recurrence-type", part: "netimeslot__recurrence-type" }, m("label", { htmlFor: "recurrence-type" }, x.t("nylasEventTimeslot.recurrenceLabel")), m("select-dropdown", { withSearch: !1, id: "recurrence-type", name: "recurrence-type", options: this.recurrenceOptions, defaultSelectedOption: t, exportparts: "sd_dropdown: netimeslot__dropdown, sd_dropdown-button: netimeslot__dropdown-button, sd_dropdown-content: netimeslot__dropdown-content" })), this.selectedRecurrenceType !== "custom" && this.selectedRecurrenceType !== "none" && m("div", { class: "recurrence-end", part: "netimeslot__recurrence-end" }, m("label", null, x.t("nylasEventTimeslot.endDate")), m("nylas-date-component", { name: "recurrence-end-date", defaultValue: this.repeatEndOn || r, id: "recurrence-end-date", required: !0 })), this.selectedRecurrenceType === "custom" && m("div", { class: "custom-recurrence-time-period", part: "netimeslot__custom-recurrence" }, m("label", { htmlFor: "" }, x.t("nylasEventTimeslot.customRecurrence.repeatEvery")), m("time-period-selector", { id: "custom-recurrence-time-period", exportparts: "tps__number-dropdown: netimeslot__number-dropdown, tps__number-dropdown-button: netimeslot__number-dropdown-button, tps__number-dropdown-content: netimeslot__number-dropdown-content, tps__period-dropdown: netimeslot__period-dropdown, tps__period-dropdown-button: netimeslot__period-dropdown-button, tps__period-dropdown-content: netimeslot__period-dropdown-content", timePeriods: [
       { value: "day", label: x.t("timePeriod", { context: "day" }) },
       { value: "week", label: x.t("timePeriod", { context: "week" }) },
       { value: "month", label: x.t("timePeriod", { context: "month" }) },
       { value: "year", label: x.t("timePeriod", { context: "year" }) }
-    ], defaultSelectedNumber: this.repeatEveryInterval, defaultSelectedPeriod: this.repeatEveryFrequency })), m("div", { key: "72e9f15924d7cd50fa1e2200cd5fecf20213fe94", class: "repeat-on" }, this.selectedRecurrenceType === "custom" && this.repeatEveryFrequency === "week" && m("div", { class: "days" }, m("label", null, x.t("nylasEventTimeslot.customRecurrence.repeatOn")), m("div", { class: "buttons" }, [
+    ], defaultSelectedNumber: this.repeatEveryInterval, defaultSelectedPeriod: this.repeatEveryFrequency })), m("div", { key: "40ea7614b0c862be4adfdf798db12b52277ff6a6", class: "repeat-on" }, this.selectedRecurrenceType === "custom" && this.repeatEveryFrequency === "week" && m("div", { class: "days" }, m("label", null, x.t("nylasEventTimeslot.customRecurrence.repeatOn")), m("div", { class: "buttons" }, [
       { label: "S", value: "SU", title: "Sunday" },
       { label: "M", value: "MO", title: "Monday" },
       { label: "T", value: "TU", title: "Tuesday" },
@@ -9667,7 +9695,7 @@ const Wf = {
       { label: "S", value: "SA", title: "Saturday" }
     ].map((a) => m("button", { class: { selected: this.repeatOnDays.includes(a.value) }, title: a.title, onClick: () => {
       this.repeatOnDays = this.repeatOnDays.includes(a.value) ? this.repeatOnDays.filter((l) => l !== a.value) : [...this.repeatOnDays, a.value], this.handleValueChanged();
-    } }, a.label)))), this.selectedRecurrenceType === "custom" && this.repeatEveryFrequency === "month" && m("div", { class: "month-recurrence" }, m("span", null), m("select-dropdown", { withSearch: !1, id: "month-recurrence-type", name: "month-recurrence-type", options: this.monthRecurrenceOptions, defaultSelectedOption: this.repeatMonthlySameDate ? this.monthRecurrenceOptions[0] : this.monthRecurrenceOptions[1], exportparts: "sd_dropdown: netimeslot__dropdown, sd_dropdown-button: netimeslot__dropdown-button, sd_dropdown-content: netimeslot__dropdown-content" })), m("div", { key: "24efc522c8eb8ce3fafeb8964da717228602c14a", class: "custom-recurrence" }, this.selectedRecurrenceType === "custom" && m("div", { class: "custom-recurrence-ends" }, m("label", { htmlFor: "recurrence-type" }, x.t("nylasEventTimeslot.customRecurrence.ends")), m("select-dropdown", { withSearch: !1, id: "custom-recurrence-end-type", name: "custom-recurrence-end-type", options: i, defaultSelectedOption: i.find((a) => a.value === this.repeatEndType), exportparts: "sd_dropdown: netimeslot__dropdown, sd_dropdown-button: netimeslot__dropdown-button, sd_dropdown-content: netimeslot__dropdown-content" })), this.selectedRecurrenceType === "custom" && this.repeatEndType === "on" && m("div", null, m("nylas-date-component", { name: "custom-recurrence-end-date", defaultValue: this.repeatEndOn || r, id: "custom-recurrence-end-date", required: !0 })), this.selectedRecurrenceType === "custom" && this.repeatEndType === "after" && m("div", { class: "custom-recurrence-end-after" }, m("input-component", { name: "recurrence-end-after", id: "recurrence-end-after", type: "number", minValue: 1, defaultValue: s.toString(), exportparts: "ic_input: netimeslot__input-textfield" }), m("span", null, x.t("nylasEventTimeslot.customRecurrence.occurrences")))))))));
+    } }, a.label)))), this.selectedRecurrenceType === "custom" && this.repeatEveryFrequency === "month" && m("div", { class: "month-recurrence" }, m("span", null), m("select-dropdown", { withSearch: !1, id: "month-recurrence-type", name: "month-recurrence-type", options: this.monthRecurrenceOptions, defaultSelectedOption: this.repeatMonthlySameDate ? this.monthRecurrenceOptions[0] : this.monthRecurrenceOptions[1], exportparts: "sd_dropdown: netimeslot__dropdown, sd_dropdown-button: netimeslot__dropdown-button, sd_dropdown-content: netimeslot__dropdown-content" })), m("div", { key: "5a873ef2a8f3c02856f18fbd99c7092a6c91bd9b", class: "custom-recurrence" }, this.selectedRecurrenceType === "custom" && m("div", { class: "custom-recurrence-ends" }, m("label", { htmlFor: "recurrence-type" }, x.t("nylasEventTimeslot.customRecurrence.ends")), m("select-dropdown", { withSearch: !1, id: "custom-recurrence-end-type", name: "custom-recurrence-end-type", options: i, defaultSelectedOption: i.find((a) => a.value === this.repeatEndType), exportparts: "sd_dropdown: netimeslot__dropdown, sd_dropdown-button: netimeslot__dropdown-button, sd_dropdown-content: netimeslot__dropdown-content" })), this.selectedRecurrenceType === "custom" && this.repeatEndType === "on" && m("div", null, m("nylas-date-component", { name: "custom-recurrence-end-date", defaultValue: this.repeatEndOn || r, id: "custom-recurrence-end-date", required: !0 })), this.selectedRecurrenceType === "custom" && this.repeatEndType === "after" && m("div", { class: "custom-recurrence-end-after" }, m("input-component", { name: "recurrence-end-after", id: "recurrence-end-after", type: "number", minValue: 1, defaultValue: s.toString(), exportparts: "ic_input: netimeslot__input-textfield" }), m("span", null, x.t("nylasEventTimeslot.customRecurrence.occurrences")))))))));
   }
   static get formAssociated() {
     return !0;
@@ -9682,7 +9710,7 @@ const Wf = {
     };
   }
 };
-Ff([
+jf([
   pn({
     name: "nylas-event-timeslot",
     stateToProps: /* @__PURE__ */ new Map([["schedulerConfig.selectedLanguage", "selectedLanguage"]]),
@@ -9697,7 +9725,7 @@ Ff([
   Qt("design:paramtypes", []),
   Qt("design:returntype", void 0)
 ], Zs.prototype, "render", null);
-Zs.style = jf;
+Zs.style = Ff;
 export {
   Qs as nylas_event_calendar,
   $s as nylas_event_capacity,