@sanity/rich-date-input 3.0.8 → 4.0.0

package/LICENSE

@@ -1,6 +1,6 @@
 MIT License
 
-Copyright (c) 2025 Sanity.io
+Copyright (c) 2026 Sanity.io
 
 Permission is hereby granted, free of charge, to any person obtaining a copy
 of this software and associated documentation files (the "Software"), to deal

package/README.md

@@ -1,10 +1,8 @@
-> For the v2 version, please refer to the [studio-v2 branch](https://github.com/sanity-io/rich-date-input/tree/studio-v2).
+# @sanity/rich-date-input
 
-# V3 Rich Date Input
+A timezone-aware datetime type and input component for Sanity Studio.
 
-Provides a timezone-aware date input for Sanity Studio.
-
-![This is an image](assets/plugin.gif)
+![Rich Date Input demo](https://raw.githubusercontent.com/sanity-io/rich-date-input/main/assets/plugin.gif)
 
 ## Installation
 
@@ -66,18 +64,3 @@ The typical data output should be:
 ## License
 
 [MIT](LICENSE) © Sanity.io
-
-## Develop & test
-
-This plugin uses [@sanity/plugin-kit](https://github.com/sanity-io/plugin-kit)
-with default configuration for build & watch scripts.
-
-See [Testing a plugin in Sanity Studio](https://github.com/sanity-io/plugin-kit#testing-a-plugin-in-sanity-studio)
-on how to run this plugin with hotreload in the studio.
-
-### Release new version
-
-Run ["CI & Release" workflow](https://github.com/sanity-io/v3-rich-date-input/actions/workflows/main.yml).
-Make sure to select the main branch and check "Release new version".
-
-Semantic release will only release on configured branches, so it is safe to run release on any branch.

package/dist/index.d.ts

@@ -1,38 +1,27 @@
-import {DatetimeDefinition} from 'sanity'
-import {ObjectDefinition} from 'sanity'
-import {ObjectSchemaType} from 'sanity'
-import {Plugin as Plugin_2} from 'sanity'
-
-export declare interface RichDate {
-  local: string
-  utc: string
-  timezone: string
-  offset: number
+import * as sanity1 from "sanity";
+import { DatetimeDefinition, ObjectDefinition, ObjectSchemaType } from "sanity";
+interface RichDate {
+  local: string;
+  utc: string;
+  timezone: string;
+  offset: number;
 }
-
-export declare const richDate: Plugin_2<void>
-
+declare const richDateTypeName: "richDate";
+type RichDateSchemaType = Omit<ObjectSchemaType, 'options'> & {
+  options?: DatetimeDefinition['options'];
+};
 /**
  *  @public
  */
-export declare interface RichDateDefinition extends Omit<
-  ObjectDefinition,
-  'type' | 'fields' | 'options'
-> {
-  type: typeof richDateTypeName
-  options?: DatetimeDefinition['options']
+interface RichDateDefinition extends Omit<ObjectDefinition, 'type' | 'fields' | 'options'> {
+  type: typeof richDateTypeName;
+  options?: DatetimeDefinition['options'];
 }
-
-export declare type RichDateSchemaType = Omit<ObjectSchemaType, 'options'> & {
-  options?: DatetimeDefinition['options']
-}
-
-declare const richDateTypeName: 'richDate'
-
-export {}
-
 declare module 'sanity' {
   interface IntrinsicDefinitions {
-    richDate: RichDateDefinition
+    richDate: RichDateDefinition;
   }
 }
+declare const richDate: sanity1.Plugin<void>;
+export { type RichDate, type RichDateDefinition, type RichDateSchemaType, richDate };
+//# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","names":[],"sources":["../src/types/index.ts","../src/schema.ts","../src/index.ts"],"sourcesContent":[],"mappings":";;UAAiB,QAAA;;;EAAA,QAAA,EAAA,MAAQ;;ACMV;cAIT;KAEM,kBAAA,GAAqB,KAAK;EDZrB,OAAA,CAAA,ECaL,kBDba,CAAA,SAAA,CAAA;;ACMV;AAMf;;AAAiC,UAOhB,kBAAA,SAA2B,IAPX,CAOgB,gBAPhB,EAAA,MAAA,GAAA,QAAA,GAAA,SAAA,CAAA,CAAA;EACrB,IAAA,EAAA,OAOG,gBAPH;EAAkB,OAAA,CAAA,EAQlB,kBARkB,CAAA,SAAA,CAAA;AAM9B;eAAiD,QAAA,CAAA;EAClC,UAAA,oBAAA,CAAA;IACH,QAAA,EAME,kBANF;EAFgC;;cCb/B,UAKX,OAAA,CALmB"}

package/dist/index.js

@@ -1,26 +1,16 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', {
-  value: true
-});
-var sanity = require('sanity');
-var jsxRuntime = require('react/jsx-runtime');
-var ui = require('@sanity/ui');
-var react = require('react');
-var dateFnsTz = require('date-fns-tz');
-var tzdb = require('@vvo/tzdb');
-var icons = require('@sanity/icons');
-const unlocalizeDateTime = (datetime, timezone) => {
-  return dateFnsTz.formatInTimeZone(datetime, timezone, "yyyy-MM-dd HH:mm:ss");
-};
-const getConstructedUTCDate = (utc, offset) => {
-  const date = new Date(utc);
-  const currentOffset = date.getTimezoneOffset() * -1;
-  const diff = currentOffset - offset;
-  const fakeUTCDate = new Date(date.getTime() - diff * 60 * 1e3);
-  return fakeUTCDate.toISOString();
-};
-const allTimezones = tzdb.getTimeZones().map(tz => {
+import { DateTimeInput, unset, set, ObjectInputMember, defineType, defineField, definePlugin } from "sanity";
+import { jsx, jsxs, Fragment } from "react/jsx-runtime";
+import { c } from "react/compiler-runtime";
+import { Button, Box, Autocomplete, Card, Text, Flex, Dialog } from "@sanity/ui";
+import { useState } from "react";
+import { formatInTimeZone, getTimezoneOffset, zonedTimeToUtc } from "date-fns-tz";
+import { getTimeZones } from "@vvo/tzdb";
+import { EarthAmericasIcon, SearchIcon } from "@sanity/icons";
+const unlocalizeDateTime = (datetime, timezone) => formatInTimeZone(datetime, timezone, "yyyy-MM-dd HH:mm:ss"), getConstructedUTCDate = (utc, offset) => {
+  const date = new Date(utc), diff = date.getTimezoneOffset() * -1 - offset;
+  return new Date(date.getTime() - diff * 60 * 1e3).toISOString();
+}, allTimezones = getTimeZones().map((tz) => {
+  const offset = tz.currentTimeFormat.split(" ")[0];
   return {
     abbreviation: tz.abbreviation,
     alternativeName: tz.alternativeName,
@@ -29,267 +19,188 @@ const allTimezones = tzdb.getTimeZones().map(tz => {
     name: tz.name,
     // Time zone name with underscores removed
     namePretty: tz.name.replaceAll("_", " "),
-    offset: tz.currentTimeFormat.split(" ")[0],
+    offset: offset ?? "",
     // all searchable text - this is transformed before being rendered in `<AutoComplete>`
-    value: "".concat(tz.currentTimeFormat, " ").concat(tz.abbreviation, " ").concat(tz.name),
+    value: `${tz.currentTimeFormat} ${tz.abbreviation} ${tz.name}`,
     currentTimeOffsetInMinutes: tz.currentTimeOffsetInMinutes,
     group: tz.group
   };
-});
-var __defProp$1 = Object.defineProperty;
-var __defProps$1 = Object.defineProperties;
-var __getOwnPropDescs$1 = Object.getOwnPropertyDescriptors;
-var __getOwnPropSymbols$1 = Object.getOwnPropertySymbols;
-var __hasOwnProp$1 = Object.prototype.hasOwnProperty;
-var __propIsEnum$1 = Object.prototype.propertyIsEnumerable;
-var __defNormalProp$1 = (obj, key, value) => key in obj ? __defProp$1(obj, key, {
-  enumerable: true,
-  configurable: true,
-  writable: true,
-  value
-}) : obj[key] = value;
-var __spreadValues$1 = (a, b) => {
-  for (var prop in b || (b = {})) if (__hasOwnProp$1.call(b, prop)) __defNormalProp$1(a, prop, b[prop]);
-  if (__getOwnPropSymbols$1) for (var prop of __getOwnPropSymbols$1(b)) {
-    if (__propIsEnum$1.call(b, prop)) __defNormalProp$1(a, prop, b[prop]);
-  }
-  return a;
-};
-var __spreadProps$1 = (a, b) => __defProps$1(a, __getOwnPropDescs$1(b));
-const RelativeDateTimePicker = props => {
-  var _a;
-  const {
+}), RelativeDateTimePicker = (props) => {
+  const $ = c(13), {
     dateValue: value,
-    inputProps: {
-      onChange
-    }
-  } = props;
-  const handleDateChange = react.useCallback(patch => {
-    var _a2;
-    const timezone = (_a2 = value == null ? void 0 : value.timezone) != null ? _a2 : Intl.DateTimeFormat().resolvedOptions().timeZone;
-    const newDatetime = patch == null ? void 0 : patch.value;
-    if (!newDatetime || !("type" in patch) || patch.type !== "set") {
-      onChange(sanity.unset());
+    inputProps: t0
+  } = props, {
+    onChange
+  } = t0;
+  let t1;
+  $[0] !== onChange || $[1] !== value?.offset || $[2] !== value?.timezone ? (t1 = (patch) => {
+    const formatter = new Intl.DateTimeFormat(), timezone = value?.timezone ?? formatter.resolvedOptions().timeZone;
+    if (!patch || Array.isArray(patch) || !("type" in patch) || patch.type !== "set" || !("value" in patch) || typeof patch.value != "string") {
+      onChange(unset());
       return;
     }
-    const desiredDateTime = unlocalizeDateTime(newDatetime, Intl.DateTimeFormat().resolvedOptions().timeZone);
-    const newUtcDateObject = dateFnsTz.zonedTimeToUtc(desiredDateTime, timezone);
-    const newOffset = dateFnsTz.getTimezoneOffset(timezone, newUtcDateObject) / 60 / 1e3;
-    const localDate = dateFnsTz.formatInTimeZone(newUtcDateObject, timezone, "yyyy-MM-dd'T'HH:mm:ssXXX");
-    const patches = [];
-    patches.push(sanity.set(newUtcDateObject.toISOString(), ["utc"]));
-    patches.push(sanity.set(localDate, ["local"]));
-    if (!(value == null ? void 0 : value.timezone)) {
-      patches.push(sanity.set(timezone, ["timezone"]));
-    }
-    if ((value == null ? void 0 : value.offset) !== newOffset) {
-      patches.push(sanity.set(newOffset, ["offset"]));
-    }
-    onChange(patches);
-  }, [onChange, value]);
-  const displayOffset = (value == null ? void 0 : value.utc) && (value == null ? void 0 : value.timezone) ? dateFnsTz.getTimezoneOffset(value.timezone, new Date(value.utc)) / 60 / 1e3 : (_a = value == null ? void 0 : value.offset) != null ? _a : 0;
-  const dateToDisplay = (value == null ? void 0 : value.utc) ? getConstructedUTCDate(value.utc, displayOffset) : "";
-  return /* @__PURE__ */jsxRuntime.jsx(sanity.DateTimeInput, __spreadProps$1(__spreadValues$1({}, props), {
-    onChange: handleDateChange,
-    value: dateToDisplay
-  }));
-};
-const TimezoneButton = props => {
-  var _a, _b, _c, _d, _e, _f, _g;
-  const {
+    const newDatetime = patch.value, desiredDateTime = unlocalizeDateTime(newDatetime, formatter.resolvedOptions().timeZone), newUtcDateObject = zonedTimeToUtc(desiredDateTime, timezone), newOffset = getTimezoneOffset(timezone, newUtcDateObject) / 60 / 1e3, localDate = formatInTimeZone(newUtcDateObject, timezone, "yyyy-MM-dd'T'HH:mm:ssXXX"), patches = [];
+    patches.push(set(newUtcDateObject.toISOString(), ["utc"])), patches.push(set(localDate, ["local"])), value?.timezone || patches.push(set(timezone, ["timezone"])), value?.offset !== newOffset && patches.push(set(newOffset, ["offset"])), onChange(patches);
+  }, $[0] = onChange, $[1] = value?.offset, $[2] = value?.timezone, $[3] = t1) : t1 = $[3];
+  const handleDateChange = t1;
+  let t2;
+  $[4] !== value ? (t2 = value?.utc && value?.timezone ? getTimezoneOffset(value.timezone, new Date(value.utc)) / 60 / 1e3 : value?.offset ?? 0, $[4] = value, $[5] = t2) : t2 = $[5];
+  const displayOffset = t2;
+  let t3;
+  $[6] !== displayOffset || $[7] !== value ? (t3 = value?.utc ? getConstructedUTCDate(value.utc, displayOffset) : "", $[6] = displayOffset, $[7] = value, $[8] = t3) : t3 = $[8];
+  const dateToDisplay = t3;
+  let t4;
+  return $[9] !== dateToDisplay || $[10] !== handleDateChange || $[11] !== props ? (t4 = /* @__PURE__ */ jsx(DateTimeInput, { ...props, onChange: handleDateChange, value: dateToDisplay }), $[9] = dateToDisplay, $[10] = handleDateChange, $[11] = props, $[12] = t4) : t4 = $[12], t4;
+}, TimezoneButton = (props) => {
+  const $ = c(6), {
     onClick,
     timezone
   } = props;
-  const currentTimezone = Intl.DateTimeFormat().resolvedOptions().timeZone;
-  const label = (_g = (_e = (_c = (_a = allTimezones.find(tz => tz.name === timezone)) == null ? void 0 : _a.abbreviation) != null ? _c : (_b = allTimezones.find(tz => tz.group.includes(timezone))) == null ? void 0 : _b.abbreviation) != null ? _e : (_d = allTimezones.find(tz => tz.name === currentTimezone)) == null ? void 0 : _d.abbreviation) != null ? _g : (_f = allTimezones.find(tz => tz.group.includes(currentTimezone))) == null ? void 0 : _f.abbreviation;
-  return /* @__PURE__ */jsxRuntime.jsx(ui.Button, {
-    fontSize: 1,
-    style: {
-      width: "100%"
-    },
-    justify: "flex-start",
-    icon: icons.EarthAmericasIcon,
-    mode: "ghost",
-    onClick,
-    text: "".concat(label),
-    "aria-label": "Select a timezone"
-  });
-};
-const TimezoneSelector = props => {
-  var _a, _b;
-  const {
+  let t0;
+  if ($[0] !== timezone) {
+    const currentTimezone = new Intl.DateTimeFormat().resolvedOptions().timeZone;
+    t0 = allTimezones.find((tz_2) => tz_2.name === timezone)?.abbreviation ?? allTimezones.find((tz_1) => tz_1.group.includes(timezone))?.abbreviation ?? allTimezones.find((tz_0) => tz_0.name === currentTimezone)?.abbreviation ?? allTimezones.find((tz) => tz.group.includes(currentTimezone))?.abbreviation, $[0] = timezone, $[1] = t0;
+  } else
+    t0 = $[1];
+  const label = t0;
+  let t1;
+  $[2] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (t1 = {
+    width: "100%"
+  }, $[2] = t1) : t1 = $[2];
+  const t2 = `${label}`;
+  let t3;
+  return $[3] !== onClick || $[4] !== t2 ? (t3 = /* @__PURE__ */ jsx(Button, { fontSize: 1, style: t1, justify: "flex-start", icon: EarthAmericasIcon, mode: "ghost", onClick, text: t2, "aria-label": "Select a timezone" }), $[3] = onClick, $[4] = t2, $[5] = t3) : t3 = $[5], t3;
+}, TimezoneSelector = (props) => {
+  const $ = c(10), {
     onChange,
     value
   } = props;
-  const currentTz = allTimezones.find(tz => tz.name === (value == null ? void 0 : value.timezone));
-  const userTzName = Intl.DateTimeFormat().resolvedOptions().timeZone;
-  const userTz = (_a = allTimezones.find(tz => tz.name === userTzName)) != null ? _a : allTimezones.find(tz => tz.group.includes(userTzName));
-  const handleTimezoneChange = react.useCallback(selectedTz => {
-    var _a2;
-    const newTimezone = (_a2 = allTimezones.find(tz => tz.value === selectedTz)) != null ? _a2 : userTz;
-    const timezonePatch = sanity.set(newTimezone.name, ["timezone"]);
-    const patches = [timezonePatch];
-    if (value == null ? void 0 : value.utc) {
-      const desiredDateTime = unlocalizeDateTime(value.utc, value.timezone);
-      const newUtcDateObject = dateFnsTz.zonedTimeToUtc(desiredDateTime, newTimezone.name);
-      const newOffset = dateFnsTz.getTimezoneOffset(newTimezone.name, newUtcDateObject) / 60 / 1e3;
-      const newLocalDate = dateFnsTz.formatInTimeZone(newUtcDateObject.toISOString(), newTimezone.name, "yyyy-MM-dd'T'HH:mm:ssXXX");
-      patches.push(sanity.set(newUtcDateObject.toISOString(), ["utc"]));
-      patches.push(sanity.set(newLocalDate, ["local"]));
-      patches.push(sanity.set(newOffset, ["offset"]));
+  let t0;
+  $[0] !== value?.timezone ? (t0 = allTimezones.find((tz) => tz.name === value?.timezone), $[0] = value?.timezone, $[1] = t0) : t0 = $[1];
+  const currentTz = t0;
+  let t1;
+  if ($[2] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
+    const userTzName = new Intl.DateTimeFormat().resolvedOptions().timeZone;
+    t1 = allTimezones.find((tz_1) => tz_1.name === userTzName) ?? allTimezones.find((tz_0) => tz_0.group.includes(userTzName)), $[2] = t1;
+  } else
+    t1 = $[2];
+  const userTz = t1;
+  let t2;
+  $[3] !== onChange || $[4] !== value ? (t2 = (selectedTz) => {
+    const newTimezone = allTimezones.find((tz_2) => tz_2.value === selectedTz) ?? userTz, patches = [set(newTimezone.name, ["timezone"])];
+    if (value?.utc) {
+      const desiredDateTime = unlocalizeDateTime(value.utc, value.timezone), newUtcDateObject = zonedTimeToUtc(desiredDateTime, newTimezone.name), newOffset = getTimezoneOffset(newTimezone.name, newUtcDateObject) / 60 / 1e3, newLocalDate = formatInTimeZone(newUtcDateObject.toISOString(), newTimezone.name, "yyyy-MM-dd'T'HH:mm:ssXXX");
+      patches.push(set(newUtcDateObject.toISOString(), ["utc"])), patches.push(set(newLocalDate, ["local"])), patches.push(set(newOffset, ["offset"]));
     }
     onChange(patches);
-  }, [onChange, userTz, value]);
-  return (
-    // taken from Scheduled Publishing, again!
-    // https://github.com/sanity-io/sanity-plugin-scheduled-publishing/blob/bb282e3df9a8a73df37fab8ee1fdd0e2430745be/src/components/dialogs/DialogTimeZone.tsx#L100
-    /* @__PURE__ */
-    jsxRuntime.jsx(ui.Box, {
-      padding: 4,
-      children: /* @__PURE__ */jsxRuntime.jsx(ui.Autocomplete, {
-        fontSize: 2,
-        icon: icons.SearchIcon,
-        id: "timezone",
-        onChange: handleTimezoneChange,
-        openButton: true,
-        options: allTimezones,
-        padding: 4,
-        placeholder: "Search for a city or time zone",
-        popover: {
-          boundaryElement: document.querySelector("body"),
-          constrainSize: true,
-          placement: "bottom-start"
-        },
-        renderOption: option => {
-          return /* @__PURE__ */jsxRuntime.jsx(ui.Card, {
-            as: "button",
-            padding: 3,
-            children: /* @__PURE__ */jsxRuntime.jsxs(ui.Text, {
-              size: 1,
-              textOverflow: "ellipsis",
-              children: [/* @__PURE__ */jsxRuntime.jsxs("span", {
-                children: ["GMT", option.offset]
-              }), /* @__PURE__ */jsxRuntime.jsx("span", {
-                style: {
-                  fontWeight: 500,
-                  marginLeft: "1em"
-                },
-                children: option.alternativeName
-              }), /* @__PURE__ */jsxRuntime.jsx("span", {
-                style: {
-                  marginLeft: "1em"
-                },
-                children: option.mainCities
-              })]
-            })
-          });
-        },
-        renderValue: (_, option) => {
-          if (!option) return "";
-          return "".concat(option.alternativeName, " (").concat(option.namePretty, ")");
-        },
-        tabIndex: -1,
-        value: (_b = currentTz == null ? void 0 : currentTz.value) != null ? _b : userTz.value
-      })
-    })
-  );
-};
-var __defProp = Object.defineProperty;
-var __defProps = Object.defineProperties;
-var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
-var __getOwnPropSymbols = Object.getOwnPropertySymbols;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __propIsEnum = Object.prototype.propertyIsEnumerable;
-var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, {
-  enumerable: true,
-  configurable: true,
-  writable: true,
-  value
-}) : obj[key] = value;
-var __spreadValues = (a, b) => {
-  for (var prop in b || (b = {})) if (__hasOwnProp.call(b, prop)) __defNormalProp(a, prop, b[prop]);
-  if (__getOwnPropSymbols) for (var prop of __getOwnPropSymbols(b)) {
-    if (__propIsEnum.call(b, prop)) __defNormalProp(a, prop, b[prop]);
-  }
-  return a;
+  }, $[3] = onChange, $[4] = value, $[5] = t2) : t2 = $[5];
+  const handleTimezoneChange = t2;
+  let t3;
+  $[6] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (t3 = {
+    boundaryElement: document.querySelector("body"),
+    constrainSize: !0,
+    placement: "bottom-start"
+  }, $[6] = t3) : t3 = $[6];
+  const t4 = currentTz?.value ?? userTz.value;
+  let t5;
+  return $[7] !== handleTimezoneChange || $[8] !== t4 ? (t5 = /* @__PURE__ */ jsx(Box, { padding: 4, children: /* @__PURE__ */ jsx(Autocomplete, { fontSize: 2, icon: SearchIcon, id: "timezone", onChange: handleTimezoneChange, openButton: !0, options: allTimezones, padding: 4, placeholder: "Search for a city or time zone", popover: t3, renderOption: _temp$1, renderValue: _temp2$1, tabIndex: -1, value: t4 }) }), $[7] = handleTimezoneChange, $[8] = t4, $[9] = t5) : t5 = $[9], t5;
 };
-var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
-const RichDateInput = props => {
-  const {
+function _temp$1(option) {
+  return /* @__PURE__ */ jsx(Card, { as: "button", padding: 3, children: /* @__PURE__ */ jsxs(Text, { size: 1, textOverflow: "ellipsis", children: [
+    /* @__PURE__ */ jsxs("span", { children: [
+      "GMT",
+      option.offset
+    ] }),
+    /* @__PURE__ */ jsx("span", { style: {
+      fontWeight: 500,
+      marginLeft: "1em"
+    }, children: option.alternativeName }),
+    /* @__PURE__ */ jsx("span", { style: {
+      marginLeft: "1em"
+    }, children: option.mainCities })
+  ] }) });
+}
+function _temp2$1(_, option_0) {
+  return option_0 ? `${option_0.alternativeName} (${option_0.namePretty})` : "";
+}
+function isRichDate(value) {
+  return typeof value == "object" && value !== null && "_type" in value && value._type === "richDate";
+}
+const RichDateInput = (props) => {
+  const $ = c(33), {
     onChange,
     value,
     members,
     schemaType
-  } = props;
-  const {
+  } = props, {
     options
   } = schemaType;
-  const localMember = members.find(member => member.kind === "field" && member.name === "local");
-  const timezoneMember = members.find(member => member.kind === "field" && member.name === "timezone");
-  const [timezoneSelectorOpen, setTimezoneSelectorOpen] = react.useState(false);
-  const onClose = react.useCallback(() => setTimezoneSelectorOpen(false), []);
-  const onOpen = react.useCallback(() => setTimezoneSelectorOpen(true), []);
-  return /* @__PURE__ */jsxRuntime.jsxs(jsxRuntime.Fragment, {
-    children: [/* @__PURE__ */jsxRuntime.jsxs(ui.Flex, {
-      children: [/* @__PURE__ */jsxRuntime.jsx(ui.Box, {
-        flex: [1, 2, 4],
-        children: localMember && /* @__PURE__ */jsxRuntime.jsx(sanity.ObjectInputMember, __spreadProps(__spreadValues({}, props), {
-          member: localMember,
-          renderField: renderFieldProps => /* @__PURE__ */jsxRuntime.jsx(RelativeDateTimePicker, __spreadProps(__spreadValues({}, renderFieldProps), {
-            dateValue: value,
-            schemaType: __spreadProps(__spreadValues({}, renderFieldProps.schemaType), {
-              options
-            }),
-            inputProps: __spreadProps(__spreadValues({}, renderFieldProps.inputProps), {
-              onChange
-            })
-          }))
-        }))
-      }), /* @__PURE__ */jsxRuntime.jsx(ui.Box, {
-        flex: [1],
-        marginLeft: [2, 2, 3, 4],
-        marginTop: 2,
-        children: timezoneMember && /* @__PURE__ */jsxRuntime.jsx(sanity.ObjectInputMember, __spreadProps(__spreadValues({}, props), {
-          member: timezoneMember,
-          renderInput: () => {
-            var _a;
-            return /* @__PURE__ */jsxRuntime.jsx(TimezoneButton, {
-              onClick: onOpen,
-              timezone: (_a = value == null ? void 0 : value.timezone) != null ? _a : ""
-            });
-          }
-        }))
-      })]
-    }), timezoneSelectorOpen && /* @__PURE__ */jsxRuntime.jsx(ui.Dialog, {
-      onClose,
-      header: "Select a timezone",
-      id: "timezone-select",
-      width: 1,
-      children: /* @__PURE__ */jsxRuntime.jsx(TimezoneSelector, {
-        onChange,
-        value
-      })
-    })]
-  });
+  let t0;
+  $[0] !== members ? (t0 = members.find(_temp), $[0] = members, $[1] = t0) : t0 = $[1];
+  const localMember = t0;
+  let t1;
+  $[2] !== members ? (t1 = members.find(_temp2), $[2] = members, $[3] = t1) : t1 = $[3];
+  const timezoneMember = t1, [timezoneSelectorOpen, setTimezoneSelectorOpen] = useState(!1);
+  let t2;
+  $[4] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (t2 = () => setTimezoneSelectorOpen(!1), $[4] = t2) : t2 = $[4];
+  const onClose = t2;
+  let t3;
+  $[5] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (t3 = () => setTimezoneSelectorOpen(!0), $[5] = t3) : t3 = $[5];
+  const onOpen = t3, richDateValue = isRichDate(value) ? value : void 0;
+  let t4;
+  $[6] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (t4 = [1, 2, 4], $[6] = t4) : t4 = $[6];
+  let t5;
+  $[7] !== localMember || $[8] !== onChange || $[9] !== options || $[10] !== props || $[11] !== richDateValue ? (t5 = localMember && /* @__PURE__ */ jsx(ObjectInputMember, { ...props, member: localMember, renderField: (renderFieldProps) => /* @__PURE__ */ jsx(RelativeDateTimePicker, { ...renderFieldProps, dateValue: richDateValue, schemaType: {
+    ...renderFieldProps.schemaType,
+    options
+  }, inputProps: {
+    ...renderFieldProps.inputProps,
+    onChange
+  } }) }), $[7] = localMember, $[8] = onChange, $[9] = options, $[10] = props, $[11] = richDateValue, $[12] = t5) : t5 = $[12];
+  let t6;
+  $[13] !== t5 ? (t6 = /* @__PURE__ */ jsx(Box, { flex: t4, children: t5 }), $[13] = t5, $[14] = t6) : t6 = $[14];
+  let t7, t8;
+  $[15] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (t7 = [1], t8 = [2, 2, 3, 4], $[15] = t7, $[16] = t8) : (t7 = $[15], t8 = $[16]);
+  let t9;
+  $[17] !== props || $[18] !== richDateValue?.timezone || $[19] !== timezoneMember ? (t9 = timezoneMember && /* @__PURE__ */ jsx(ObjectInputMember, { ...props, member: timezoneMember, renderInput: () => /* @__PURE__ */ jsx(TimezoneButton, { onClick: onOpen, timezone: richDateValue?.timezone ?? "" }) }), $[17] = props, $[18] = richDateValue?.timezone, $[19] = timezoneMember, $[20] = t9) : t9 = $[20];
+  let t10;
+  $[21] !== t9 ? (t10 = /* @__PURE__ */ jsx(Box, { flex: t7, marginLeft: t8, marginTop: 2, children: t9 }), $[21] = t9, $[22] = t10) : t10 = $[22];
+  let t11;
+  $[23] !== t10 || $[24] !== t6 ? (t11 = /* @__PURE__ */ jsxs(Flex, { children: [
+    t6,
+    t10
+  ] }), $[23] = t10, $[24] = t6, $[25] = t11) : t11 = $[25];
+  let t12;
+  $[26] !== onChange || $[27] !== richDateValue || $[28] !== timezoneSelectorOpen ? (t12 = timezoneSelectorOpen && /* @__PURE__ */ jsx(Dialog, { onClose, header: "Select a timezone", id: "timezone-select", width: 1, children: /* @__PURE__ */ jsx(TimezoneSelector, { onChange, value: richDateValue }) }), $[26] = onChange, $[27] = richDateValue, $[28] = timezoneSelectorOpen, $[29] = t12) : t12 = $[29];
+  let t13;
+  return $[30] !== t11 || $[31] !== t12 ? (t13 = /* @__PURE__ */ jsxs(Fragment, { children: [
+    t11,
+    t12
+  ] }), $[30] = t11, $[31] = t12, $[32] = t13) : t13 = $[32], t13;
 };
-const richDateTypeName = "richDate";
-const richDateSchema = sanity.defineType({
+function _temp(member) {
+  return member.kind === "field" && member.name === "local";
+}
+function _temp2(member_0) {
+  return member_0.kind === "field" && member_0.name === "timezone";
+}
+const richDateTypeName = "richDate", richDateSchema = defineType({
   name: richDateTypeName,
   title: "Rich Date",
   type: "object",
-  fields: [sanity.defineField({
+  fields: [defineField({
     name: "local",
     title: "Local",
     type: "string"
-  }), sanity.defineField({
+  }), defineField({
     name: "utc",
     title: "UTC",
     type: "string"
-  }), sanity.defineField({
+  }), defineField({
     name: "timezone",
     title: "Timezone",
     type: "string"
-  }), sanity.defineField({
+  }), defineField({
     name: "offset",
     title: "Offset",
     type: "number"
@@ -297,12 +208,13 @@ const richDateSchema = sanity.defineType({
   components: {
     input: RichDateInput
   }
-});
-const richDate = sanity.definePlugin({
+}), richDate = definePlugin({
   name: "v3-rich-date-input",
   schema: {
     types: [richDateSchema]
   }
 });
-exports.richDate = richDate;
+export {
+  richDate
+};
 //# sourceMappingURL=index.js.map