sanity 5.0.1 → 5.0.2-next.1

package/lib/_chunks-es/package.js

@@ -1,4 +1,4 @@
-var version = "5.0.1", peerDependencies = {
+var version = "5.0.2-next.1+7915625d74", peerDependencies = {
   "styled-components": "^6.1.15"
 };
 export {

package/lib/_chunks-es/version.js

@@ -7,7 +7,7 @@ try {
 try {
   buildVersion = buildVersion || // This is replaced by `@sanity/pkg-utils` at build time
   // and must always be references by its full static name, e.g. no optional chaining, no `if (process && process.env)` etc.
-  "5.0.1";
+  "5.0.2-next.1+7915625d74";
 } catch {
 }
 const SANITY_VERSION = buildVersion || `${version}-dev`;

package/lib/index.js

@@ -27425,7 +27425,7 @@ function debugWithName$1(name) {
   const namespace = `${rootName$1}${name}`;
   return debug$c && debug$c.enabled(namespace) ? debug$c(namespace) : debug$c(rootName$1);
 }
-function createTZDateFromComponents$1(date, timeZone) {
+function createTZDateFromComponents(date, timeZone) {
   return new TZDate(date.getFullYear(), date.getMonth(), date.getDate(), date.getHours(), date.getMinutes(), date.getSeconds(), date.getMilliseconds(), timeZone);
 }
 const TimeZoneEvents = {
@@ -27611,7 +27611,7 @@ const TIME_ZONE_SCOPE_TYPE = {
   $[50] !== timeZone_0 ? (t18 = (date_1) => {
     if (!timeZone_0)
       return date_1;
-    const tzDate = createTZDateFromComponents$1(date_1, timeZone_0.name);
+    const tzDate = createTZDateFromComponents(date_1, timeZone_0.name);
     return new Date(tzDate);
   }, $[50] = timeZone_0, $[51] = t18) : t18 = $[51];
   const zoneDateToUtc = t18;
@@ -27959,11 +27959,7 @@ const features$1 = {
   const handleChange = t0;
   let t1;
   return $[5] !== handleChange || $[6] !== restProps ? (t1 = /* @__PURE__ */ jsx(LazyTextInput, { "data-testid": "date-input", ...restProps, fontSize: 1, onChange: handleChange, inputMode: "numeric", padding: 2, radius: 2 }), $[5] = handleChange, $[6] = restProps, $[7] = t1) : t1 = $[7], t1;
-};
-function createTZDateFromComponents(date, timeZone) {
-  return new TZDate(date.getFullYear(), date.getMonth(), date.getDate(), date.getHours(), date.getMinutes(), date.getSeconds(), date.getMilliseconds(), timeZone);
-}
-const MONTH_PICKER_VARIANT = {
+}, MONTH_PICKER_VARIANT = {
   carousel: "carousel"
 }, PRESERVE_FOCUS_ELEMENT$3 = /* @__PURE__ */ jsx("span", { "data-preserve-focus": !0, style: {
   overflow: "hidden",
@@ -27972,13 +27968,11 @@ const MONTH_PICKER_VARIANT = {
 }, tabIndex: -1 }), CALENDAR_ICON_BUTTON_PROPS = {
   padding: 2
 }, Calendar$2 = forwardRef(function(props2, forwardedRef) {
-  const $ = c(156);
-  let _focusedDate, isPastDisabled, labels2, onFocusedDateChange, onSelect, restProps, savedSelectedDate, selectTime, t0, t1, t2, t3, timeZoneScope;
+  const $ = c(145);
+  let isPastDisabled, labels2, onSelect, restProps, selectTime, t0, t1, t2, t3, timeZoneScope, value;
   $[0] !== props2 ? ({
     selectTime,
-    onFocusedDateChange,
-    selectedDate: savedSelectedDate,
-    focusedDate: _focusedDate,
+    value,
     timeStep: t0,
     onSelect,
     labels: labels2,
@@ -27988,94 +27982,89 @@ const MONTH_PICKER_VARIANT = {
     showTimeZone: t3,
     timeZoneScope,
     ...restProps
-  } = props2, $[0] = props2, $[1] = _focusedDate, $[2] = isPastDisabled, $[3] = labels2, $[4] = onFocusedDateChange, $[5] = onSelect, $[6] = restProps, $[7] = savedSelectedDate, $[8] = selectTime, $[9] = t0, $[10] = t1, $[11] = t2, $[12] = t3, $[13] = timeZoneScope) : (_focusedDate = $[1], isPastDisabled = $[2], labels2 = $[3], onFocusedDateChange = $[4], onSelect = $[5], restProps = $[6], savedSelectedDate = $[7], selectTime = $[8], t0 = $[9], t1 = $[10], t2 = $[11], t3 = $[12], timeZoneScope = $[13]);
-  const timeStep = t0 === void 0 ? 1 : t0, monthPickerVariant = t1 === void 0 ? "select" : t1, padding = t2 === void 0 ? 2 : t2, showTimeZone = t3 === void 0 ? !1 : t3, focusedDate = _focusedDate ?? savedSelectedDate, {
+  } = props2, $[0] = props2, $[1] = isPastDisabled, $[2] = labels2, $[3] = onSelect, $[4] = restProps, $[5] = selectTime, $[6] = t0, $[7] = t1, $[8] = t2, $[9] = t3, $[10] = timeZoneScope, $[11] = value) : (isPastDisabled = $[1], labels2 = $[2], onSelect = $[3], restProps = $[4], selectTime = $[5], t0 = $[6], t1 = $[7], t2 = $[8], t3 = $[9], timeZoneScope = $[10], value = $[11]);
+  const timeStep = t0 === void 0 ? 1 : t0, monthPickerVariant = t1 === void 0 ? "select" : t1, padding = t2 === void 0 ? 2 : t2, showTimeZone = t3 === void 0 ? !1 : t3, {
     timeZone,
-    zoneDateToUtc
-  } = useTimeZone(timeZoneScope), t4 = timeZone?.name;
+    zoneDateToUtc,
+    utcToCurrentZoneDate
+  } = useTimeZone(timeZoneScope);
+  let t4;
+  $[12] !== utcToCurrentZoneDate || $[13] !== value ? (t4 = utcToCurrentZoneDate(value), $[12] = utcToCurrentZoneDate, $[13] = value, $[14] = t4) : t4 = $[14];
+  const currentTzDate = t4, [focusedDate, setFocusedDate] = useState(value);
   let t5;
-  $[14] !== focusedDate || $[15] !== t4 ? (t5 = format$1(focusedDate, "MM", {
-    timeZone: t4
-  }), $[14] = focusedDate, $[15] = t4, $[16] = t5) : t5 = $[16];
-  const t6 = Number(t5) - 1, t7 = timeZone?.name;
-  let t8;
-  $[17] !== focusedDate || $[18] !== t7 ? (t8 = format$1(focusedDate, "YYYY", {
-    timeZone: t7
-  }), $[17] = focusedDate, $[18] = t7, $[19] = t8) : t8 = $[19];
-  const t9 = Number(t8);
-  let t10;
-  $[20] !== t6 || $[21] !== t9 ? (t10 = [t6, t9], $[20] = t6, $[21] = t9, $[22] = t10) : t10 = $[22];
-  const [displayMonth, displayYear] = t10, {
+  $[15] !== focusedDate || $[16] !== timeZone?.name ? (t5 = () => [Number(format$1(focusedDate, "MM", {
+    timeZone: timeZone?.name
+  })) - 1, Number(format$1(focusedDate, "YYYY", {
+    timeZone: timeZone?.name
+  }))], $[15] = focusedDate, $[16] = timeZone?.name, $[17] = t5) : t5 = $[17];
+  let t6;
+  $[18] !== t5 ? (t6 = t5(), $[18] = t5, $[19] = t6) : t6 = $[19];
+  const [displayMonth, displayYear] = t6, {
     DialogTimeZone: DialogTimeZone2,
     dialogProps,
     dialogTimeZoneShow
   } = useDialogTimeZone(timeZoneScope);
+  let t7;
+  $[20] !== focusedDate ? (t7 = (month) => setFocusedDate(setDate(setMonth(focusedDate, month), 1)), $[20] = focusedDate, $[21] = t7) : t7 = $[21];
+  const setFocusedDateMonth = t7;
+  let t8;
+  $[22] !== setFocusedDateMonth ? (t8 = (e) => setFocusedDateMonth(Number(e.currentTarget.value)), $[22] = setFocusedDateMonth, $[23] = t8) : t8 = $[23];
+  const handleFocusedMonthChange = t8;
+  let t9;
+  $[24] !== focusedDate ? (t9 = (by) => setFocusedDate(addMonths(focusedDate, by)), $[24] = focusedDate, $[25] = t9) : t9 = $[25];
+  const moveFocusedDate = t9;
+  let t10;
+  $[26] !== focusedDate ? (t10 = (year) => setFocusedDate(setYear(focusedDate, year)), $[26] = focusedDate, $[27] = t10) : t10 = $[27];
+  const setFocusedDateYear = t10;
   let t11;
-  $[23] !== onFocusedDateChange ? (t11 = (date) => onFocusedDateChange(date), $[23] = onFocusedDateChange, $[24] = t11) : t11 = $[24];
-  const setFocusedDate = t11;
-  let t12;
-  $[25] !== focusedDate || $[26] !== setFocusedDate ? (t12 = (month) => setFocusedDate(setDate(setMonth(focusedDate, month), 1)), $[25] = focusedDate, $[26] = setFocusedDate, $[27] = t12) : t12 = $[27];
-  const setFocusedDateMonth = t12;
-  let t13;
-  $[28] !== setFocusedDateMonth ? (t13 = (e) => setFocusedDateMonth(Number(e.currentTarget.value)), $[28] = setFocusedDateMonth, $[29] = t13) : t13 = $[29];
-  const handleFocusedMonthChange = t13;
-  let t14;
-  $[30] !== focusedDate || $[31] !== setFocusedDate ? (t14 = (by) => setFocusedDate(addMonths(focusedDate, by)), $[30] = focusedDate, $[31] = setFocusedDate, $[32] = t14) : t14 = $[32];
-  const moveFocusedDate = t14;
-  let t15;
-  $[33] !== focusedDate || $[34] !== setFocusedDate ? (t15 = (year) => setFocusedDate(setYear(focusedDate, year)), $[33] = focusedDate, $[34] = setFocusedDate, $[35] = t15) : t15 = $[35];
-  const setFocusedDateYear = t15;
-  let t16;
-  $[36] !== onSelect || $[37] !== savedSelectedDate || $[38] !== timeZone || $[39] !== zoneDateToUtc ? (t16 = (date_0) => {
-    const newDate = setMinutes(setHours(date_0, savedSelectedDate.getHours()), savedSelectedDate.getMinutes());
+  $[28] !== currentTzDate || $[29] !== onSelect || $[30] !== timeZone || $[31] !== zoneDateToUtc ? (t11 = (date) => {
+    const newDate = setMinutes(setHours(date, currentTzDate.getHours()), currentTzDate.getMinutes());
     if (!timeZone) {
       onSelect(newDate);
       return;
     }
-    const tzDate = createTZDateFromComponents(newDate, timeZone.name), utcDate = zoneDateToUtc(tzDate);
+    const utcDate = zoneDateToUtc(newDate);
     onSelect(utcDate);
-  }, $[36] = onSelect, $[37] = savedSelectedDate, $[38] = timeZone, $[39] = zoneDateToUtc, $[40] = t16) : t16 = $[40];
-  const handleDateChange = t16;
-  let t17;
-  $[41] !== onSelect || $[42] !== savedSelectedDate || $[43] !== timeZone || $[44] !== zoneDateToUtc ? (t17 = (hours, mins) => {
+  }, $[28] = currentTzDate, $[29] = onSelect, $[30] = timeZone, $[31] = zoneDateToUtc, $[32] = t11) : t11 = $[32];
+  const handleDateChange = t11;
+  let t12;
+  $[33] !== currentTzDate || $[34] !== onSelect || $[35] !== timeZone || $[36] !== zoneDateToUtc ? (t12 = (hours, mins) => {
     if (!timeZone) {
-      onSelect(setHours(setMinutes(savedSelectedDate, mins), hours));
+      onSelect(setHours(setMinutes(currentTzDate, mins), hours));
       return;
     }
-    const zonedDate = new TZDate(savedSelectedDate, timeZone.name), newZonedDate = setHours(setMinutes(zonedDate, mins), hours), tzDate_0 = createTZDateFromComponents(newZonedDate, timeZone.name), utcDate_0 = zoneDateToUtc(tzDate_0);
+    const zonedDate = new TZDate(currentTzDate, timeZone.name), newZonedDate = setHours(setMinutes(zonedDate, mins), hours), utcDate_0 = zoneDateToUtc(newZonedDate);
     onSelect(utcDate_0);
-  }, $[41] = onSelect, $[42] = savedSelectedDate, $[43] = timeZone, $[44] = zoneDateToUtc, $[45] = t17) : t17 = $[45];
-  const handleTimeChange = t17;
-  let t18;
-  $[46] !== savedSelectedDate || $[47] !== timeZone?.name ? (t18 = () => format$1(savedSelectedDate, "HH:mm", {
-    timeZone: timeZone?.name
-  }), $[46] = savedSelectedDate, $[47] = timeZone?.name, $[48] = t18) : t18 = $[48];
-  let t19;
-  $[49] !== t18 ? (t19 = t18(), $[49] = t18, $[50] = t19) : t19 = $[50];
-  const timeFromDate = t19, [timeValue, setTimeValue] = useState(timeFromDate);
-  let t20, t21;
-  $[51] !== timeFromDate ? (t20 = () => {
+  }, $[33] = currentTzDate, $[34] = onSelect, $[35] = timeZone, $[36] = zoneDateToUtc, $[37] = t12) : t12 = $[37];
+  const handleTimeChange = t12, t13 = timeZone?.name;
+  let t14;
+  $[38] !== currentTzDate || $[39] !== t13 ? (t14 = format$1(currentTzDate, "HH:mm", {
+    timeZone: t13
+  }), $[38] = currentTzDate, $[39] = t13, $[40] = t14) : t14 = $[40];
+  const timeFromDate = t14, [timeValue, setTimeValue] = useState(timeFromDate);
+  let t15, t16;
+  $[41] !== timeFromDate ? (t15 = () => {
     setTimeValue(timeFromDate);
-  }, t21 = [timeFromDate], $[51] = timeFromDate, $[52] = t20, $[53] = t21) : (t20 = $[52], t21 = $[53]), useEffect(t20, t21);
-  let t22;
-  $[54] !== handleTimeChange ? (t22 = (event) => {
-    const value = event.currentTarget.value;
-    if (value) {
-      const date_1 = parse(value, "HH:mm", /* @__PURE__ */ new Date());
-      handleTimeChange(date_1.getHours(), date_1.getMinutes());
+  }, t16 = [timeFromDate], $[41] = timeFromDate, $[42] = t15, $[43] = t16) : (t15 = $[42], t16 = $[43]), useEffect(t15, t16);
+  let t17;
+  $[44] !== handleTimeChange ? (t17 = (event) => {
+    const nextValue = event.currentTarget.value;
+    if (nextValue) {
+      const date_0 = parse(nextValue, "HH:mm", /* @__PURE__ */ new Date());
+      handleTimeChange(date_0.getHours(), date_0.getMinutes());
     } else
       setTimeValue(void 0);
-  }, $[54] = handleTimeChange, $[55] = t22) : t22 = $[55];
-  const handleTimeChangeInputChange = t22, ref = useRef(null);
-  let t23;
-  $[56] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (t23 = () => ref.current, $[56] = t23) : t23 = $[56], useImperativeHandle(forwardedRef, t23);
-  let t24;
-  $[57] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (t24 = () => {
+  }, $[44] = handleTimeChange, $[45] = t17) : t17 = $[45];
+  const handleTimeChangeInputChange = t17, ref = useRef(null);
+  let t18;
+  $[46] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (t18 = () => ref.current, $[46] = t18) : t18 = $[46], useImperativeHandle(forwardedRef, t18);
+  let t19;
+  $[47] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (t19 = () => {
     ref.current?.querySelector('[data-focused="true"]')?.focus();
-  }, $[57] = t24) : t24 = $[57];
-  const focusCurrentWeekDay = t24;
-  let t25;
-  $[58] !== focusedDate || $[59] !== onFocusedDateChange ? (t25 = (event_0) => {
+  }, $[47] = t19) : t19 = $[47];
+  const focusCurrentWeekDay = t19;
+  let t20;
+  $[48] !== focusedDate ? (t20 = (event_0) => {
     if (!ARROW_KEYS$2.includes(event_0.key))
       return;
     const target = event_0.currentTarget;
@@ -28083,134 +28072,134 @@ const MONTH_PICKER_VARIANT = {
       focusCurrentWeekDay();
       return;
     }
-    event_0.key === "ArrowUp" && onFocusedDateChange(addDays(focusedDate, -7)), event_0.key === "ArrowDown" && onFocusedDateChange(addDays(focusedDate, 7)), event_0.key === "ArrowLeft" && onFocusedDateChange(addDays(focusedDate, -1)), event_0.key === "ArrowRight" && onFocusedDateChange(addDays(focusedDate, 1)), ref.current?.querySelector("[data-preserve-focus]")?.focus();
-  }, $[58] = focusedDate, $[59] = onFocusedDateChange, $[60] = t25) : t25 = $[60];
-  const handleKeyDown = t25;
-  let t26, t27;
-  $[61] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (t26 = () => {
+    event_0.key === "ArrowUp" && setFocusedDate(addDays(focusedDate, -7)), event_0.key === "ArrowDown" && setFocusedDate(addDays(focusedDate, 7)), event_0.key === "ArrowLeft" && setFocusedDate(addDays(focusedDate, -1)), event_0.key === "ArrowRight" && setFocusedDate(addDays(focusedDate, 1)), ref.current?.querySelector("[data-preserve-focus]")?.focus();
+  }, $[48] = focusedDate, $[49] = t20) : t20 = $[49];
+  const handleKeyDown = t20;
+  let t21, t22;
+  $[50] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (t21 = () => {
     focusCurrentWeekDay();
-  }, t27 = [focusCurrentWeekDay], $[61] = t26, $[62] = t27) : (t26 = $[61], t27 = $[62]), useEffect(t26, t27);
-  let t28;
-  $[63] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (t28 = () => {
+  }, t22 = [focusCurrentWeekDay], $[50] = t21, $[51] = t22) : (t21 = $[50], t22 = $[51]), useEffect(t21, t22);
+  let t23;
+  $[52] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (t23 = () => {
     document.activeElement?.matches("[data-calendar-grid], [data-calendar-grid] [data-preserve-focus]") && focusCurrentWeekDay();
-  }, $[63] = t28) : t28 = $[63];
-  let t29;
-  $[64] !== focusedDate ? (t29 = [ref, focusCurrentWeekDay, focusedDate], $[64] = focusedDate, $[65] = t29) : t29 = $[65], useEffect(t28, t29);
-  let t30;
-  $[66] !== handleDateChange ? (t30 = () => handleDateChange(addDays(/* @__PURE__ */ new Date(), -1)), $[66] = handleDateChange, $[67] = t30) : t30 = $[67];
-  const handleYesterdayClick = t30;
-  let t31;
-  $[68] !== handleDateChange ? (t31 = () => handleDateChange(/* @__PURE__ */ new Date()), $[68] = handleDateChange, $[69] = t31) : t31 = $[69];
-  const handleTodayClick = t31;
-  let t32;
-  $[70] !== handleDateChange ? (t32 = () => handleDateChange(addDays(/* @__PURE__ */ new Date(), 1)), $[70] = handleDateChange, $[71] = t32) : t32 = $[71];
-  const handleTomorrowClick = t32;
-  let t33;
+  }, $[52] = t23) : t23 = $[52];
+  let t24;
+  $[53] !== focusedDate ? (t24 = [ref, focusCurrentWeekDay, focusedDate], $[53] = focusedDate, $[54] = t24) : t24 = $[54], useEffect(t23, t24);
+  let t25;
+  $[55] !== handleDateChange ? (t25 = () => handleDateChange(addDays(/* @__PURE__ */ new Date(), -1)), $[55] = handleDateChange, $[56] = t25) : t25 = $[56];
+  const handleYesterdayClick = t25;
+  let t26;
+  $[57] !== handleDateChange ? (t26 = () => handleDateChange(/* @__PURE__ */ new Date()), $[57] = handleDateChange, $[58] = t26) : t26 = $[58];
+  const handleTodayClick = t26;
+  let t27;
+  $[59] !== handleDateChange ? (t27 = () => handleDateChange(addDays(/* @__PURE__ */ new Date(), 1)), $[59] = handleDateChange, $[60] = t27) : t27 = $[60];
+  const handleTomorrowClick = t27;
+  let t28;
   bb0: {
     if (monthPickerVariant === "carousel") {
-      let t343;
-      $[72] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (t343 = {
+      let t293;
+      $[61] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (t293 = {
         borderBottom: "1px solid var(--card-border-color)",
         minHeight: "55px",
         position: "sticky",
         top: 0
-      }, $[72] = t343) : t343 = $[72];
-      const t353 = labels2.monthNames[(focusedDate || /* @__PURE__ */ new Date())?.getMonth()];
-      let t363;
-      $[73] !== focusedDate ? (t363 = (focusedDate || /* @__PURE__ */ new Date())?.getFullYear(), $[73] = focusedDate, $[74] = t363) : t363 = $[74];
-      let t373;
-      $[75] !== t353 || $[76] !== t363 ? (t373 = /* @__PURE__ */ jsx(Flex, { align: "center", flex: 1, children: /* @__PURE__ */ jsxs(Text$1, { weight: "medium", size: 1, children: [
-        t353,
+      }, $[61] = t293) : t293 = $[61];
+      const t303 = labels2.monthNames[(focusedDate || /* @__PURE__ */ new Date())?.getMonth()];
+      let t313;
+      $[62] !== focusedDate ? (t313 = (focusedDate || /* @__PURE__ */ new Date())?.getFullYear(), $[62] = focusedDate, $[63] = t313) : t313 = $[63];
+      let t323;
+      $[64] !== t303 || $[65] !== t313 ? (t323 = /* @__PURE__ */ jsx(Flex, { align: "center", flex: 1, children: /* @__PURE__ */ jsxs(Text$1, { weight: "medium", size: 1, children: [
+        t303,
         " ",
-        t363
-      ] }) }), $[75] = t353, $[76] = t363, $[77] = t373) : t373 = $[77];
-      let t382;
-      $[78] !== moveFocusedDate ? (t382 = () => moveFocusedDate(-1), $[78] = moveFocusedDate, $[79] = t382) : t382 = $[79];
-      let t392;
-      $[80] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (t392 = {
+        t313
+      ] }) }), $[64] = t303, $[65] = t313, $[66] = t323) : t323 = $[66];
+      let t332;
+      $[67] !== moveFocusedDate ? (t332 = () => moveFocusedDate(-1), $[67] = moveFocusedDate, $[68] = t332) : t332 = $[68];
+      let t342;
+      $[69] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (t342 = {
         content: "Previous month"
-      }, $[80] = t392) : t392 = $[80];
-      let t402;
-      $[81] !== t382 ? (t402 = /* @__PURE__ */ jsx(Button, { icon: ChevronLeftIcon, mode: "bleed", onClick: t382, "data-testid": "calendar-prev-month", tooltipProps: t392 }), $[81] = t382, $[82] = t402) : t402 = $[82];
-      let t412;
-      $[83] !== moveFocusedDate ? (t412 = () => moveFocusedDate(1), $[83] = moveFocusedDate, $[84] = t412) : t412 = $[84];
-      let t422;
-      $[85] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (t422 = {
+      }, $[69] = t342) : t342 = $[69];
+      let t352;
+      $[70] !== t332 ? (t352 = /* @__PURE__ */ jsx(Button, { icon: ChevronLeftIcon, mode: "bleed", onClick: t332, "data-testid": "calendar-prev-month", tooltipProps: t342 }), $[70] = t332, $[71] = t352) : t352 = $[71];
+      let t362;
+      $[72] !== moveFocusedDate ? (t362 = () => moveFocusedDate(1), $[72] = moveFocusedDate, $[73] = t362) : t362 = $[73];
+      let t372;
+      $[74] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (t372 = {
         content: "Next month"
-      }, $[85] = t422) : t422 = $[85];
-      let t432;
-      $[86] !== t412 ? (t432 = /* @__PURE__ */ jsx(Button, { icon: ChevronRightIcon, mode: "bleed", onClick: t412, "data-testid": "calendar-next-month", tooltipProps: t422 }), $[86] = t412, $[87] = t432) : t432 = $[87];
-      let t44;
-      $[88] !== t402 || $[89] !== t432 ? (t44 = /* @__PURE__ */ jsx(Flex, { paddingRight: 3, gap: 2, children: /* @__PURE__ */ jsxs(TooltipDelayGroupProvider, { children: [
-        t402,
-        t432
-      ] }) }), $[88] = t402, $[89] = t432, $[90] = t44) : t44 = $[90];
-      let t45;
-      $[91] !== t373 || $[92] !== t44 ? (t45 = /* @__PURE__ */ jsx(Flex, { align: "center", paddingLeft: 4, style: t343, children: /* @__PURE__ */ jsxs(Flex, { align: "center", flex: 1, justify: "space-between", children: [
-        t373,
-        t44
-      ] }) }), $[91] = t373, $[92] = t44, $[93] = t45) : t45 = $[93], t33 = t45;
+      }, $[74] = t372) : t372 = $[74];
+      let t382;
+      $[75] !== t362 ? (t382 = /* @__PURE__ */ jsx(Button, { icon: ChevronRightIcon, mode: "bleed", onClick: t362, "data-testid": "calendar-next-month", tooltipProps: t372 }), $[75] = t362, $[76] = t382) : t382 = $[76];
+      let t39;
+      $[77] !== t352 || $[78] !== t382 ? (t39 = /* @__PURE__ */ jsx(Flex, { paddingRight: 3, gap: 2, children: /* @__PURE__ */ jsxs(TooltipDelayGroupProvider, { children: [
+        t352,
+        t382
+      ] }) }), $[77] = t352, $[78] = t382, $[79] = t39) : t39 = $[79];
+      let t40;
+      $[80] !== t323 || $[81] !== t39 ? (t40 = /* @__PURE__ */ jsx(Flex, { align: "center", paddingLeft: 4, style: t293, children: /* @__PURE__ */ jsxs(Flex, { align: "center", flex: 1, justify: "space-between", children: [
+        t323,
+        t39
+      ] }) }), $[80] = t323, $[81] = t39, $[82] = t40) : t40 = $[82], t28 = t40;
       break bb0;
     }
-    let t342;
-    $[94] !== displayMonth || $[95] !== handleFocusedMonthChange || $[96] !== labels2.monthNames ? (t342 = /* @__PURE__ */ jsx(Box, { flex: 1, children: /* @__PURE__ */ jsx(CalendarMonthSelect$1, { onChange: handleFocusedMonthChange, monthNames: labels2.monthNames, value: displayMonth }) }), $[94] = displayMonth, $[95] = handleFocusedMonthChange, $[96] = labels2.monthNames, $[97] = t342) : t342 = $[97];
-    let t352;
-    $[98] !== labels2.goToNextYear || $[99] !== labels2.goToPreviousYear ? (t352 = {
+    let t292;
+    $[83] !== displayMonth || $[84] !== handleFocusedMonthChange || $[85] !== labels2.monthNames ? (t292 = /* @__PURE__ */ jsx(Box, { flex: 1, children: /* @__PURE__ */ jsx(CalendarMonthSelect$1, { onChange: handleFocusedMonthChange, monthNames: labels2.monthNames, value: displayMonth }) }), $[83] = displayMonth, $[84] = handleFocusedMonthChange, $[85] = labels2.monthNames, $[86] = t292) : t292 = $[86];
+    let t302;
+    $[87] !== labels2.goToNextYear || $[88] !== labels2.goToPreviousYear ? (t302 = {
       goToNextYear: labels2.goToNextYear,
       goToPreviousYear: labels2.goToPreviousYear
-    }, $[98] = labels2.goToNextYear, $[99] = labels2.goToPreviousYear, $[100] = t352) : t352 = $[100];
-    let t362;
-    $[101] !== displayYear || $[102] !== moveFocusedDate || $[103] !== setFocusedDateYear || $[104] !== t352 ? (t362 = /* @__PURE__ */ jsx(Box, { marginLeft: 2, children: /* @__PURE__ */ jsx(CalendarYearSelect$1, { moveFocusedDate, labels: t352, onChange: setFocusedDateYear, value: displayYear }) }), $[101] = displayYear, $[102] = moveFocusedDate, $[103] = setFocusedDateYear, $[104] = t352, $[105] = t362) : t362 = $[105];
-    let t372;
-    $[106] !== t342 || $[107] !== t362 ? (t372 = /* @__PURE__ */ jsxs(Flex, { children: [
-      t342,
-      t362
-    ] }), $[106] = t342, $[107] = t362, $[108] = t372) : t372 = $[108], t33 = t372;
-  }
-  const monthPicker = t33;
-  let t34;
-  $[109] !== onSelect ? (t34 = () => onSelect(/* @__PURE__ */ new Date()), $[109] = onSelect, $[110] = t34) : t34 = $[110];
-  const handleNowClick = t34;
-  let t35;
-  $[111] !== handleTodayClick || $[112] !== handleTomorrowClick || $[113] !== handleYesterdayClick || $[114] !== labels2.goToToday || $[115] !== labels2.goToTomorrow || $[116] !== labels2.goToYesterday ? (t35 = features$1.dayPresets, $[111] = handleTodayClick, $[112] = handleTomorrowClick, $[113] = handleYesterdayClick, $[114] = labels2.goToToday, $[115] = labels2.goToTomorrow, $[116] = labels2.goToYesterday, $[117] = t35) : t35 = $[117];
-  let t36;
-  $[118] !== focusedDate || $[119] !== handleDateChange || $[120] !== isPastDisabled || $[121] !== labels2.weekDayNamesShort || $[122] !== savedSelectedDate ? (t36 = /* @__PURE__ */ jsx(CalendarMonth$3, { weekDayNames: labels2.weekDayNamesShort, date: focusedDate, focused: focusedDate, onSelect: handleDateChange, selected: savedSelectedDate, isPastDisabled }), $[118] = focusedDate, $[119] = handleDateChange, $[120] = isPastDisabled, $[121] = labels2.weekDayNamesShort, $[122] = savedSelectedDate, $[123] = t36) : t36 = $[123];
-  let t37;
-  $[124] !== handleKeyDown || $[125] !== t36 ? (t37 = /* @__PURE__ */ jsxs(Box, { "data-calendar-grid": !0, onKeyDown: handleKeyDown, marginY: 2, overflow: "hidden", tabIndex: 0, children: [
-    t36,
+    }, $[87] = labels2.goToNextYear, $[88] = labels2.goToPreviousYear, $[89] = t302) : t302 = $[89];
+    let t312;
+    $[90] !== displayYear || $[91] !== moveFocusedDate || $[92] !== setFocusedDateYear || $[93] !== t302 ? (t312 = /* @__PURE__ */ jsx(Box, { marginLeft: 2, children: /* @__PURE__ */ jsx(CalendarYearSelect$1, { moveFocusedDate, labels: t302, onChange: setFocusedDateYear, value: displayYear }) }), $[90] = displayYear, $[91] = moveFocusedDate, $[92] = setFocusedDateYear, $[93] = t302, $[94] = t312) : t312 = $[94];
+    let t322;
+    $[95] !== t292 || $[96] !== t312 ? (t322 = /* @__PURE__ */ jsxs(Flex, { children: [
+      t292,
+      t312
+    ] }), $[95] = t292, $[96] = t312, $[97] = t322) : t322 = $[97], t28 = t322;
+  }
+  const monthPicker = t28;
+  let t29;
+  $[98] !== onSelect ? (t29 = () => onSelect(/* @__PURE__ */ new Date()), $[98] = onSelect, $[99] = t29) : t29 = $[99];
+  const handleNowClick = t29;
+  let t30;
+  $[100] !== handleTodayClick || $[101] !== handleTomorrowClick || $[102] !== handleYesterdayClick || $[103] !== labels2.goToToday || $[104] !== labels2.goToTomorrow || $[105] !== labels2.goToYesterday ? (t30 = features$1.dayPresets, $[100] = handleTodayClick, $[101] = handleTomorrowClick, $[102] = handleYesterdayClick, $[103] = labels2.goToToday, $[104] = labels2.goToTomorrow, $[105] = labels2.goToYesterday, $[106] = t30) : t30 = $[106];
+  let t31;
+  $[107] !== currentTzDate || $[108] !== focusedDate || $[109] !== handleDateChange || $[110] !== isPastDisabled || $[111] !== labels2.weekDayNamesShort ? (t31 = /* @__PURE__ */ jsx(CalendarMonth$3, { weekDayNames: labels2.weekDayNamesShort, date: focusedDate, focused: focusedDate, onSelect: handleDateChange, selected: currentTzDate, isPastDisabled }), $[107] = currentTzDate, $[108] = focusedDate, $[109] = handleDateChange, $[110] = isPastDisabled, $[111] = labels2.weekDayNamesShort, $[112] = t31) : t31 = $[112];
+  let t32;
+  $[113] !== handleKeyDown || $[114] !== t31 ? (t32 = /* @__PURE__ */ jsxs(Box, { "data-calendar-grid": !0, onKeyDown: handleKeyDown, marginY: 2, overflow: "hidden", tabIndex: 0, children: [
+    t31,
     PRESERVE_FOCUS_ELEMENT$3
-  ] }), $[124] = handleKeyDown, $[125] = t36, $[126] = t37) : t37 = $[126];
-  let t38;
-  $[127] !== monthPicker || $[128] !== padding || $[129] !== t35 || $[130] !== t37 ? (t38 = /* @__PURE__ */ jsxs(Box, { padding, children: [
-    t35,
+  ] }), $[113] = handleKeyDown, $[114] = t31, $[115] = t32) : t32 = $[115];
+  let t33;
+  $[116] !== monthPicker || $[117] !== padding || $[118] !== t30 || $[119] !== t32 ? (t33 = /* @__PURE__ */ jsxs(Box, { padding, children: [
+    t30,
     monthPicker,
-    t37
-  ] }), $[127] = monthPicker, $[128] = padding, $[129] = t35, $[130] = t37, $[131] = t38) : t38 = $[131];
-  let t39;
-  $[132] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (t39 = {
+    t32
+  ] }), $[116] = monthPicker, $[117] = padding, $[118] = t30, $[119] = t32, $[120] = t33) : t33 = $[120];
+  let t34;
+  $[121] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (t34 = {
     borderTop: "1px solid var(--card-border-color)"
-  }, $[132] = t39) : t39 = $[132];
-  let t40;
-  $[133] !== dialogTimeZoneShow || $[134] !== handleNowClick || $[135] !== handleTimeChange || $[136] !== handleTimeChangeInputChange || $[137] !== labels2 || $[138] !== savedSelectedDate || $[139] !== selectTime || $[140] !== showTimeZone || $[141] !== timeStep || $[142] !== timeValue || $[143] !== timeZone?.abbreviation ? (t40 = selectTime && /* @__PURE__ */ jsxs(Fragment$1, { children: [
+  }, $[121] = t34) : t34 = $[121];
+  let t35;
+  $[122] !== currentTzDate || $[123] !== dialogTimeZoneShow || $[124] !== handleNowClick || $[125] !== handleTimeChange || $[126] !== handleTimeChangeInputChange || $[127] !== labels2 || $[128] !== selectTime || $[129] !== showTimeZone || $[130] !== timeStep || $[131] !== timeValue || $[132] !== timeZone?.abbreviation ? (t35 = selectTime && /* @__PURE__ */ jsxs(Fragment$1, { children: [
     /* @__PURE__ */ jsxs(Flex, { align: "center", children: [
       /* @__PURE__ */ jsx(TimeInput, { "aria-label": labels2.selectTime, value: timeValue, onChange: handleTimeChangeInputChange, step: timeStep * 60 }),
       /* @__PURE__ */ jsx(Box, { marginLeft: 2, children: /* @__PURE__ */ jsx(Button, { text: labels2.setToCurrentTime, mode: "bleed", onClick: handleNowClick }) })
     ] }),
     showTimeZone && /* @__PURE__ */ jsx(Button, { icon: EarthGlobeIcon, mode: "bleed", size: "default", text: `${timeZone?.abbreviation}`, onClick: dialogTimeZoneShow }),
     features$1.timePresets
-  ] }), $[133] = dialogTimeZoneShow, $[134] = handleNowClick, $[135] = handleTimeChange, $[136] = handleTimeChangeInputChange, $[137] = labels2, $[138] = savedSelectedDate, $[139] = selectTime, $[140] = showTimeZone, $[141] = timeStep, $[142] = timeValue, $[143] = timeZone?.abbreviation, $[144] = t40) : t40 = $[144];
-  let t41;
-  $[145] !== DialogTimeZone2 || $[146] !== dialogProps || $[147] !== showTimeZone ? (t41 = showTimeZone && DialogTimeZone2 && /* @__PURE__ */ jsx(DialogTimeZone2, { ...dialogProps }), $[145] = DialogTimeZone2, $[146] = dialogProps, $[147] = showTimeZone, $[148] = t41) : t41 = $[148];
-  let t42;
-  $[149] !== t40 || $[150] !== t41 ? (t42 = /* @__PURE__ */ jsx(Box, { padding: 2, style: t39, children: /* @__PURE__ */ jsxs(Flex, { align: "center", justify: "space-between", children: [
-    t40,
-    t41
-  ] }) }), $[149] = t40, $[150] = t41, $[151] = t42) : t42 = $[151];
-  let t43;
-  return $[152] !== restProps || $[153] !== t38 || $[154] !== t42 ? (t43 = /* @__PURE__ */ jsxs(Box, { "data-testid": "calendar", "data-ui": "Calendar", ...restProps, ref, children: [
-    t38,
-    t42
-  ] }), $[152] = restProps, $[153] = t38, $[154] = t42, $[155] = t43) : t43 = $[155], t43;
+  ] }), $[122] = currentTzDate, $[123] = dialogTimeZoneShow, $[124] = handleNowClick, $[125] = handleTimeChange, $[126] = handleTimeChangeInputChange, $[127] = labels2, $[128] = selectTime, $[129] = showTimeZone, $[130] = timeStep, $[131] = timeValue, $[132] = timeZone?.abbreviation, $[133] = t35) : t35 = $[133];
+  let t36;
+  $[134] !== DialogTimeZone2 || $[135] !== dialogProps || $[136] !== showTimeZone ? (t36 = showTimeZone && DialogTimeZone2 && /* @__PURE__ */ jsx(DialogTimeZone2, { ...dialogProps }), $[134] = DialogTimeZone2, $[135] = dialogProps, $[136] = showTimeZone, $[137] = t36) : t36 = $[137];
+  let t37;
+  $[138] !== t35 || $[139] !== t36 ? (t37 = /* @__PURE__ */ jsx(Box, { padding: 2, style: t34, children: /* @__PURE__ */ jsxs(Flex, { align: "center", justify: "space-between", children: [
+    t35,
+    t36
+  ] }) }), $[138] = t35, $[139] = t36, $[140] = t37) : t37 = $[140];
+  let t38;
+  return $[141] !== restProps || $[142] !== t33 || $[143] !== t37 ? (t38 = /* @__PURE__ */ jsxs(Box, { "data-testid": "calendar", "data-ui": "Calendar", ...restProps, ref, children: [
+    t33,
+    t37
+  ] }), $[141] = restProps, $[142] = t33, $[143] = t37, $[144] = t38) : t38 = $[144], t38;
 });
 function CalendarMonthSelect$1(props2) {
   const $ = c(6), {
@@ -28265,7 +28254,7 @@ function CalendarYearSelect$1(props2) {
   ] }), $[16] = t3, $[17] = t5, $[18] = t7, $[19] = t8) : t8 = $[19], t8;
 }
 const DatePicker$2 = forwardRef(function(props2, ref) {
-  const $ = c(27);
+  const $ = c(20);
   let _value, calendarLabels, onChange, rest, t0, t1, timeZoneScope;
   $[0] !== props2 ? ({
     value: _value,
@@ -28286,21 +28275,14 @@ const DatePicker$2 = forwardRef(function(props2, ref) {
     let now;
     $[8] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (now = /* @__PURE__ */ new Date(), now.setSeconds(0, 0), $[8] = now) : now = $[8], t2 = now;
   }
-  const value = t2, {
-    utcToCurrentZoneDate
-  } = useTimeZone(timeZoneScope), [focusedDate, setFocusedDay] = useState();
+  const value = t2;
   let t3;
   $[9] !== onChange ? (t3 = (nextDate) => {
-    onChange(nextDate), setFocusedDay(void 0);
+    onChange(nextDate);
   }, $[9] = onChange, $[10] = t3) : t3 = $[10];
   const handleSelect = t3;
   let t4;
-  $[11] !== utcToCurrentZoneDate || $[12] !== value ? (t4 = utcToCurrentZoneDate(value), $[11] = utcToCurrentZoneDate, $[12] = value, $[13] = t4) : t4 = $[13];
-  const t5 = focusedDate || value;
-  let t6;
-  $[14] !== t5 || $[15] !== utcToCurrentZoneDate ? (t6 = utcToCurrentZoneDate(t5), $[14] = t5, $[15] = utcToCurrentZoneDate, $[16] = t6) : t6 = $[16];
-  let t7;
-  return $[17] !== calendarLabels || $[18] !== handleSelect || $[19] !== padding || $[20] !== ref || $[21] !== rest || $[22] !== showTimeZone || $[23] !== t4 || $[24] !== t6 || $[25] !== timeZoneScope ? (t7 = /* @__PURE__ */ jsx(Calendar$2, { ...rest, labels: calendarLabels, ref, selectedDate: t4, onSelect: handleSelect, focusedDate: t6, onFocusedDateChange: setFocusedDay, padding, showTimeZone, timeZoneScope }), $[17] = calendarLabels, $[18] = handleSelect, $[19] = padding, $[20] = ref, $[21] = rest, $[22] = showTimeZone, $[23] = t4, $[24] = t6, $[25] = timeZoneScope, $[26] = t7) : t7 = $[26], t7;
+  return $[11] !== calendarLabels || $[12] !== handleSelect || $[13] !== padding || $[14] !== ref || $[15] !== rest || $[16] !== showTimeZone || $[17] !== timeZoneScope || $[18] !== value ? (t4 = /* @__PURE__ */ jsx(Calendar$2, { ...rest, labels: calendarLabels, ref, value, onSelect: handleSelect, padding, showTimeZone, timeZoneScope }), $[11] = calendarLabels, $[12] = handleSelect, $[13] = padding, $[14] = ref, $[15] = rest, $[16] = showTimeZone, $[17] = timeZoneScope, $[18] = value, $[19] = t4) : t4 = $[19], t4;
 }), DateTimeInput$3 = forwardRef(function(props2, forwardedRef) {
   const $ = c(55);
   let calendarLabels, disableInput, inputValue, isPastDisabled, monthPickerVariant, onChange, onInputChange, padding, readOnly, rest, selectTime, t0, t1, timeStep, timeZoneScope, value;