@sanity/rich-date-input 2.0.10 → 3.0.1

package/dist/index.js

@@ -0,0 +1,263 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', {
+  value: true
+});
+var sanity = require('sanity');
+var jsxRuntime = require('react/jsx-runtime');
+var ui = require('@sanity/ui');
+var tzdb = require('@vvo/tzdb');
+var dateFnsTz = require('date-fns-tz');
+var icons = require('@sanity/icons');
+var react = require('react');
+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 = ( /* @__PURE__ */new 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 => {
+  return {
+    abbreviation: tz.abbreviation,
+    alternativeName: tz.alternativeName,
+    mainCities: tz.mainCities.join(", "),
+    // Main time zone name 'Africa/Dar_es_Salaam'
+    name: tz.name,
+    // Time zone name with underscores removed
+    namePretty: tz.name.replaceAll("_", " "),
+    offset: tz.currentTimeFormat.split(" ")[0],
+    // all searchable text - this is transformed before being rendered in `<AutoComplete>`
+    value: "".concat(tz.currentTimeFormat, " ").concat(tz.abbreviation, " ").concat(tz.name),
+    currentTimeOffsetInMinutes: tz.currentTimeOffsetInMinutes,
+    group: tz.group
+  };
+});
+const RelativeDateTimePicker = props => {
+  var _a, _b;
+  const value = props.dateValue;
+  const timezone = (_a = value == null ? void 0 : value.timezone) != null ? _a : Intl.DateTimeFormat().resolvedOptions().timeZone;
+  const offset = (_b = value == null ? void 0 : value.offset) != null ? _b : ( /* @__PURE__ */new Date()).getTimezoneOffset() * -1;
+  const handleDateChange = patch => {
+    const patches = [];
+    const newDatetime = patch == null ? void 0 : patch.value;
+    if (!newDatetime || !("type" in patch) || patch.type !== "set") {
+      props.onChange(sanity.unset());
+      return;
+    }
+    const desiredDateTime = unlocalizeDateTime(newDatetime, Intl.DateTimeFormat().resolvedOptions().timeZone);
+    const utcDate = dateFnsTz.zonedTimeToUtc(desiredDateTime, timezone).toISOString();
+    const localDate = dateFnsTz.formatInTimeZone(utcDate, timezone, "yyyy-MM-dd'T'HH:mm:ssXXX");
+    patches.push(sanity.set(utcDate, ["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)) {
+      patches.push(sanity.set(offset, ["offset"]));
+    }
+    props.onChange(patches);
+  };
+  const dateToDisplay = (value == null ? void 0 : value.utc) ? getConstructedUTCDate(value.utc, value.offset) : "";
+  return /* @__PURE__ */jsxRuntime.jsx(sanity.DateTimeInput, {
+    ...props,
+    onChange: handleDateChange,
+    value: dateToDisplay
+  });
+};
+const TimezoneSelector = props => {
+  var _a, _b;
+  const {
+    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 = selectedTz => {
+    var _a2, _b2;
+    const newTimezone = (_a2 = allTimezones.find(tz => tz.value === selectedTz)) != null ? _a2 : userTz;
+    const offset = (_b2 = newTimezone.currentTimeOffsetInMinutes) != null ? _b2 : 0;
+    const timezonePatch = sanity.set(newTimezone.name, ["timezone"]);
+    const offsetPatch = sanity.set(offset, ["offset"]);
+    const patches = [timezonePatch, offsetPatch];
+    if (value == null ? void 0 : value.utc) {
+      const desiredDateTime = unlocalizeDateTime(value.utc, value.timezone);
+      const newUtcDate = dateFnsTz.zonedTimeToUtc(desiredDateTime, newTimezone.name).toISOString();
+      const newLocalDate = dateFnsTz.formatInTimeZone(newUtcDate, newTimezone.name, "yyyy-MM-dd'T'HH:mm:ssXXX");
+      patches.push(sanity.set(newUtcDate, ["utc"]));
+      patches.push(sanity.set(newLocalDate, ["local"]));
+    }
+    onChange(patches);
+  };
+  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
+      })
+    })
+  );
+};
+const TimezoneButton = props => {
+  var _a, _b, _c, _d, _e;
+  const {
+    onClick,
+    timezone
+  } = props;
+  const currentTimezone = Intl.DateTimeFormat().resolvedOptions().timeZone;
+  const label = (_e = (_c = (_a = allTimezones.find(tz => tz.name === timezone)) == null ? void 0 : _a.abbreviation) != null ? _c : (_b = allTimezones.find(tz => tz.name === currentTimezone)) == null ? void 0 : _b.abbreviation) != null ? _e : (_d = allTimezones.find(tz => tz.group.includes(currentTimezone))) == null ? void 0 : _d.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 RichDateInput = props => {
+  const {
+    onChange,
+    value,
+    members,
+    schemaType
+  } = props;
+  const {
+    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, {
+          ...props,
+          member: localMember,
+          renderInput: renderInputProps => /* @__PURE__ */jsxRuntime.jsx(RelativeDateTimePicker, {
+            ...renderInputProps,
+            dateValue: value,
+            schemaType: {
+              ...renderInputProps.schemaType,
+              options
+            },
+            onChange
+          })
+        })
+      }), /* @__PURE__ */jsxRuntime.jsx(ui.Box, {
+        flex: [1],
+        marginLeft: [2, 2, 3, 4],
+        children: timezoneMember && /* @__PURE__ */jsxRuntime.jsx(sanity.ObjectInputMember, {
+          ...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
+      })
+    })]
+  });
+};
+const richDateTypeName = "richDate";
+const richDateSchema = sanity.defineType({
+  name: richDateTypeName,
+  title: "Rich Date",
+  type: "object",
+  fields: [sanity.defineField({
+    name: "local",
+    title: "Local",
+    type: "string"
+  }), sanity.defineField({
+    name: "utc",
+    title: "UTC",
+    type: "string"
+  }), sanity.defineField({
+    name: "timezone",
+    title: "Timezone",
+    type: "string"
+  }), sanity.defineField({
+    name: "offset",
+    title: "Offset",
+    type: "number"
+  })],
+  components: {
+    input: RichDateInput
+  }
+});
+const richDate = sanity.definePlugin({
+  name: "v3-rich-date-input",
+  schema: {
+    types: [richDateSchema]
+  }
+});
+exports.richDate = richDate;
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../src/utils/index.ts","../src/components/RelativeDateTimePicker.tsx","../src/components/TimezoneSelector.tsx","../src/components/TimezoneButton.tsx","../src/components/RichDateInput.tsx","../src/schema.ts","../src/index.ts"],"sourcesContent":["import {getTimeZones} from '@vvo/tzdb'\nimport {NormalizedTimeZone} from '../types'\nimport {formatInTimeZone} from 'date-fns-tz'\n\nexport const unlocalizeDateTime = (datetime: string, timezone: string): string => {\n  return formatInTimeZone(datetime, timezone, 'yyyy-MM-dd HH:mm:ss')\n}\n\n/* We have to \"fake\" a UTC date to make the datepicker look \"right\"\n * to the user. For example, if someone sets 7:00AM PST, which is 3PM UTC\n * and I am on the east coast, I want to have 12:00PM UTC, which will look like 7:00AM to me\n * In other words, UTC minus 3 hours, or (UTC(my offset - their offset))\n * this is purely cosmetic and should not be saved at all\n */\nexport const getConstructedUTCDate = (utc: string, offset: number): string => {\n  const date = new Date(utc)\n  const currentOffset = new Date().getTimezoneOffset() * -1\n  const diff = currentOffset - offset\n  const fakeUTCDate = new Date(date.getTime() - diff * 60 * 1000)\n  return fakeUTCDate.toISOString()\n}\n\n//keep some consistency with scheduled publishing\n//https://github.com/sanity-io/sanity-plugin-scheduled-publishing/blob/bb282e3df9a8a73df37fab8ee1fdd0e2430745be/src/hooks/useTimeZone.tsx#L17\nexport const allTimezones = getTimeZones().map((tz) => {\n  return {\n    abbreviation: tz.abbreviation,\n    alternativeName: tz.alternativeName,\n    mainCities: tz.mainCities.join(', '),\n    // Main time zone name 'Africa/Dar_es_Salaam'\n    name: tz.name,\n    // Time zone name with underscores removed\n    namePretty: tz.name.replaceAll('_', ' '),\n    offset: tz.currentTimeFormat.split(' ')[0],\n    // all searchable text - this is transformed before being rendered in `<AutoComplete>`\n    value: `${tz.currentTimeFormat} ${tz.abbreviation} ${tz.name}`,\n    currentTimeOffsetInMinutes: tz.currentTimeOffsetInMinutes,\n    group: tz.group,\n  } as NormalizedTimeZone\n})\n","import {DateTimeInput, FormPatch, PatchEvent, InputProps, set, unset} from 'sanity'\n\nimport {getConstructedUTCDate, unlocalizeDateTime} from '../utils'\nimport {RichDate} from '../types'\nimport {formatInTimeZone, zonedTimeToUtc} from 'date-fns-tz'\n\ninterface RelativeDateTimePickerProps extends Omit<InputProps, 'renderDefault'> {\n  dateValue?: RichDate\n}\n\nexport const RelativeDateTimePicker = (props: RelativeDateTimePickerProps) => {\n  const value = props.dateValue\n  const timezone = value?.timezone ?? Intl.DateTimeFormat().resolvedOptions().timeZone\n  /*\n   * if our offset is not coming from a lib, we have to reverse it\n   * to get the real offset used everywhere\n   * https://momentjscom.readthedocs.io/en/latest/moment/03-manipulating/09-utc-offset/\n   */\n  const offset = value?.offset ?? new Date().getTimezoneOffset() * -1\n  const handleDateChange = (patch: FormPatch | PatchEvent | FormPatch[]) => {\n    const patches = []\n    const newDatetime = (patch as unknown as {value: string})?.value\n    if (!newDatetime || !('type' in patch) || patch.type !== 'set') {\n      props.onChange(unset())\n      return\n    }\n\n    //get what time the user \"meant\" to set without tz info\n    //since the datepicker always localizes to the user's timezone\n    const desiredDateTime = unlocalizeDateTime(\n      newDatetime,\n      Intl.DateTimeFormat().resolvedOptions().timeZone,\n    )\n\n    //use the user-selected timezone here\n    const utcDate = zonedTimeToUtc(desiredDateTime, timezone).toISOString()\n    const localDate = formatInTimeZone(utcDate, timezone, \"yyyy-MM-dd'T'HH:mm:ssXXX\")\n\n    patches.push(set(utcDate, ['utc']))\n    patches.push(set(localDate, ['local']))\n\n    if (!value?.timezone) {\n      patches.push(set(timezone, ['timezone']))\n    }\n\n    if (!value?.offset) {\n      patches.push(set(offset, ['offset']))\n    }\n\n    props.onChange(patches)\n  }\n\n  const dateToDisplay = value?.utc ? getConstructedUTCDate(value.utc, value.offset) : ''\n  //@ts-expect-error -- slight mismatch in elementProps and renderDefault, but should line up in practice\n  return <DateTimeInput {...props} onChange={handleDateChange} value={dateToDisplay} />\n}\n","import {SearchIcon} from '@sanity/icons'\nimport {ObjectInputProps, set} from 'sanity'\nimport {allTimezones, unlocalizeDateTime} from '../utils'\nimport {NormalizedTimeZone, RichDate} from '../types'\nimport {Autocomplete, Card, Text, Box} from '@sanity/ui'\nimport {formatInTimeZone, zonedTimeToUtc} from 'date-fns-tz'\n\ninterface TimezoneSelectorProps {\n  onChange: Pick<ObjectInputProps, 'onChange'>['onChange']\n  value?: RichDate\n}\n\nexport const TimezoneSelector = (props: TimezoneSelectorProps) => {\n  const {onChange, value} = props\n  const currentTz = allTimezones.find((tz) => tz.name === value?.timezone)\n  const userTzName = Intl.DateTimeFormat().resolvedOptions().timeZone\n  const userTz = (allTimezones.find((tz) => tz.name === userTzName) ??\n    allTimezones.find((tz) => tz.group.includes(userTzName)))!\n\n  const handleTimezoneChange = (selectedTz: string) => {\n    const newTimezone =\n      allTimezones.find((tz) => tz.value === selectedTz) ?? (userTz as NormalizedTimeZone)\n\n    const offset = newTimezone.currentTimeOffsetInMinutes ?? 0\n    const timezonePatch = set(newTimezone.name, ['timezone'])\n    const offsetPatch = set(offset, ['offset'])\n    const patches = [timezonePatch, offsetPatch]\n\n    //then, recalculate UTC and local from \"old\" time with the new offset\n    if (value?.utc) {\n      const desiredDateTime = unlocalizeDateTime(value.utc, value.timezone)\n      const newUtcDate = zonedTimeToUtc(desiredDateTime, newTimezone.name).toISOString()\n      const newLocalDate = formatInTimeZone(\n        newUtcDate,\n        newTimezone.name,\n        \"yyyy-MM-dd'T'HH:mm:ssXXX\",\n      )\n      patches.push(set(newUtcDate, ['utc']))\n      patches.push(set(newLocalDate, ['local']))\n    }\n    onChange(patches)\n  }\n\n  return (\n    //taken from Scheduled Publishing, again!\n    //https://github.com/sanity-io/sanity-plugin-scheduled-publishing/blob/bb282e3df9a8a73df37fab8ee1fdd0e2430745be/src/components/dialogs/DialogTimeZone.tsx#L100\n    <Box padding={4}>\n      <Autocomplete\n        fontSize={2}\n        icon={SearchIcon}\n        id=\"timezone\"\n        onChange={handleTimezoneChange}\n        openButton\n        options={allTimezones}\n        padding={4}\n        placeholder=\"Search for a city or time zone\"\n        popover={{\n          boundaryElement: document.querySelector('body'),\n          constrainSize: true,\n          placement: 'bottom-start',\n        }}\n        renderOption={(option) => {\n          return (\n            <Card as=\"button\" padding={3}>\n              <Text size={1} textOverflow=\"ellipsis\">\n                <span>GMT{option.offset}</span>\n                <span style={{fontWeight: 500, marginLeft: '1em'}}>{option.alternativeName}</span>\n                <span style={{marginLeft: '1em'}}>{option.mainCities}</span>\n              </Text>\n            </Card>\n          )\n        }}\n        renderValue={(_, option) => {\n          if (!option) return ''\n          return `${option.alternativeName} (${option.namePretty})`\n        }}\n        tabIndex={-1}\n        value={currentTz?.value ?? userTz.value}\n      />\n    </Box>\n  )\n}\n","import {Button} from '@sanity/ui'\nimport {EarthAmericasIcon} from '@sanity/icons'\nimport {allTimezones} from '../utils'\n\ninterface TimezoneButtonProps {\n  onClick: () => void\n  timezone: string\n}\n\nexport const TimezoneButton = (props: TimezoneButtonProps) => {\n  const {onClick, timezone} = props\n  const currentTimezone = Intl.DateTimeFormat().resolvedOptions().timeZone\n\n  const label =\n    allTimezones.find((tz) => tz.name === timezone)?.abbreviation ??\n    allTimezones.find((tz) => tz.name === currentTimezone)?.abbreviation ??\n    allTimezones.find((tz) => tz.group.includes(currentTimezone))?.abbreviation\n\n  return (\n    <Button\n      fontSize={1}\n      style={{width: '100%'}}\n      justify={'flex-start'}\n      icon={EarthAmericasIcon}\n      mode=\"ghost\"\n      onClick={onClick}\n      text={`${label}`}\n      aria-label=\"Select a timezone\"\n    />\n  )\n}\n","import {ObjectInputMember, ObjectInputProps} from 'sanity'\nimport {Box, Flex, Dialog} from '@sanity/ui'\nimport {RelativeDateTimePicker} from './RelativeDateTimePicker'\nimport {TimezoneSelector} from './TimezoneSelector'\nimport {useCallback, useState} from 'react'\nimport {TimezoneButton} from './TimezoneButton'\nimport {RichDate} from '../types'\n\nexport const RichDateInput = (props: ObjectInputProps) => {\n  const {onChange, value, members, schemaType} = props\n  const {options} = schemaType\n  const localMember = members.find((member) => member.kind === 'field' && member.name === 'local')\n  const timezoneMember = members.find(\n    (member) => member.kind === 'field' && member.name === 'timezone',\n  )\n  const [timezoneSelectorOpen, setTimezoneSelectorOpen] = useState(false)\n  const onClose = useCallback(() => setTimezoneSelectorOpen(false), [])\n  const onOpen = useCallback(() => setTimezoneSelectorOpen(true), [])\n\n  return (\n    <>\n      <Flex>\n        <Box flex={[1, 2, 4]}>\n          {localMember && (\n            <ObjectInputMember\n              {...props}\n              member={localMember}\n              renderInput={(renderInputProps) => (\n                <RelativeDateTimePicker\n                  {...renderInputProps}\n                  dateValue={value as RichDate}\n                  schemaType={{...renderInputProps.schemaType, options}}\n                  onChange={onChange}\n                />\n              )}\n            />\n          )}\n        </Box>\n        <Box flex={[1]} marginLeft={[2, 2, 3, 4]}>\n          {timezoneMember && (\n            <ObjectInputMember\n              {...props}\n              member={timezoneMember}\n              renderInput={() => (\n                <TimezoneButton onClick={onOpen} timezone={value?.timezone ?? ''} />\n              )}\n            />\n          )}\n        </Box>\n      </Flex>\n      {timezoneSelectorOpen && (\n        <Dialog onClose={onClose} header=\"Select a timezone\" id=\"timezone-select\" width={1}>\n          <TimezoneSelector onChange={onChange} value={value as RichDate} />\n        </Dialog>\n      )}\n    </>\n  )\n}\n","import {\n  DatetimeDefinition,\n  ObjectDefinition,\n  ObjectSchemaType,\n  defineField,\n  defineType,\n} from 'sanity'\nimport {RichDateInput} from './components/RichDateInput'\n\nconst richDateTypeName = 'richDate' as const\n\nexport type RichDateSchemaType = Omit<ObjectSchemaType, 'options'> & {\n  options?: DatetimeDefinition['options']\n}\n\n/**\n *  @public\n */\nexport interface RichDateDefinition extends Omit<ObjectDefinition, 'type' | 'fields' | 'options'> {\n  type: typeof richDateTypeName\n  options?: DatetimeDefinition['options']\n}\n\ndeclare module 'sanity' {\n  //allows the custom input to be valid for the schema def\n  export interface IntrinsicDefinitions {\n    richDate: RichDateDefinition\n  }\n}\n\nexport const richDateSchema = defineType({\n  name: richDateTypeName,\n  title: 'Rich Date',\n  type: 'object',\n  fields: [\n    defineField({\n      name: 'local',\n      title: 'Local',\n      type: 'string',\n    }),\n    defineField({\n      name: 'utc',\n      title: 'UTC',\n      type: 'string',\n    }),\n    defineField({\n      name: 'timezone',\n      title: 'Timezone',\n      type: 'string',\n    }),\n    defineField({\n      name: 'offset',\n      title: 'Offset',\n      type: 'number',\n    }),\n  ],\n\n  components: {\n    input: RichDateInput,\n  },\n})\n","import {definePlugin} from 'sanity'\nimport {richDateSchema, RichDateDefinition, RichDateSchemaType} from './schema'\nimport {RichDate} from './types'\n\nexport const richDate = definePlugin({\n  name: 'v3-rich-date-input',\n  schema: {\n    types: [richDateSchema],\n  },\n})\n\nexport type {RichDateDefinition, RichDateSchemaType, RichDate}\n"],"names":["unlocalizeDateTime","datetime","timezone","formatInTimeZone","getConstructedUTCDate","utc","offset","date","Date","currentOffset","getTimezoneOffset","diff","fakeUTCDate","getTime","toISOString","allTimezones","getTimeZones","map","tz","abbreviation","alternativeName","mainCities","join","name","namePretty","replaceAll","currentTimeFormat","split","value","concat","currentTimeOffsetInMinutes","group","RelativeDateTimePicker","props","_a","_b","dateValue","Intl","DateTimeFormat","resolvedOptions","timeZone","handleDateChange","patch","patches","newDatetime","type","onChange","unset","desiredDateTime","utcDate","zonedTimeToUtc","localDate","push","set","dateToDisplay","DateTimeInput","TimezoneSelector","currentTz","find","userTzName","userTz","includes","handleTimezoneChange","selectedTz","newTimezone","timezonePatch","offsetPatch","newUtcDate","newLocalDate","jsx","Box","padding","children","Autocomplete","fontSize","icon","SearchIcon","id","openButton","options","placeholder","popover","boundaryElement","document","querySelector","constrainSize","placement","renderOption","option","Card","as","jsxs","Text","size","textOverflow","style","fontWeight","marginLeft","renderValue","_","tabIndex","TimezoneButton","_c","_d","_e","onClick","currentTimezone","label","Button","width","justify","EarthAmericasIcon","mode","text","RichDateInput","members","schemaType","localMember","member","kind","timezoneMember","timezoneSelectorOpen","setTimezoneSelectorOpen","useState","onClose","useCallback","onOpen","Fragment","Flex","flex","ObjectInputMember","renderInput","renderInputProps","Dialog","header","richDateTypeName","richDateSchema","defineType","title","fields","defineField","components","input","richDate","definePlugin","schema","types"],"mappings":";;;;;;;;;;;;AAIa,MAAAA,kBAAA,GAAqBA,CAACC,QAAA,EAAkBC,QAA6B,KAAA;EACzE,OAAAC,0BAAA,CAAiBF,QAAU,EAAAC,QAAA,EAAU,qBAAqB,CAAA;AACnE,CAAA;AAQa,MAAAE,qBAAA,GAAwBA,CAACC,GAAA,EAAaC,MAA2B,KAAA;EACtE,MAAAC,IAAA,GAAO,IAAIC,IAAA,CAAKH,GAAG,CAAA;EACzB,MAAMI,aAAgB,GAAA,EAAA,eAAA,IAAID,IAAK,CAAA,CAAA,EAAEE,mBAAsB,GAAA,CAAA,CAAA;EACvD,MAAMC,OAAOF,aAAgB,GAAAH,MAAA;EACvB,MAAAM,WAAA,GAAc,IAAIJ,IAAK,CAAAD,IAAA,CAAKM,SAAY,GAAAF,IAAA,GAAO,KAAK,GAAI,CAAA;EAC9D,OAAOC,YAAYE,WAAY,EAAA;AACjC,CAAA;AAIO,MAAMC,YAAe,GAAAC,IAAA,CAAAA,YAAA,CAAA,CAAe,CAAAC,GAAA,CAAKC,EAAO,IAAA;EAC9C,OAAA;IACLC,cAAcD,EAAG,CAAAC,YAAA;IACjBC,iBAAiBF,EAAG,CAAAE,eAAA;IACpBC,UAAY,EAAAH,EAAA,CAAGG,UAAW,CAAAC,IAAA,CAAK,IAAI,CAAA;IAAA;IAEnCC,MAAML,EAAG,CAAAK,IAAA;IAAA;IAETC,UAAY,EAAAN,EAAA,CAAGK,IAAK,CAAAE,UAAA,CAAW,KAAK,GAAG,CAAA;IACvCnB,QAAQY,EAAG,CAAAQ,iBAAA,CAAkBC,KAAM,CAAA,GAAG,EAAE,CAAC,CAAA;IAAA;IAEzCC,KAAA,EAAO,GAAGC,MAAG,CAAAX,EAAA,CAAAQ,iBAAA,EAAiB,KAAIG,MAAG,CAAAX,EAAA,CAAAC,YAAA,EAAY,KAAIU,MAAG,CAAAX,EAAA,CAAAK,IAAA,CAAA;IACxDO,4BAA4BZ,EAAG,CAAAY,0BAAA;IAC/BC,OAAOb,EAAG,CAAAa;EAAA,CACZ;AACF,CAAC,CAAA;AC7BY,MAAAC,sBAAA,GAA0BC,KAAuC,IAAA;EAV9E,IAAAC,EAAA,EAAAC,EAAA;EAWE,MAAMP,QAAQK,KAAM,CAAAG,SAAA;EACd,MAAAlC,QAAA,GAAA,CAAWgC,oCAAOhC,QAAP,KAAA,IAAA,GAAAgC,EAAA,GAAmBG,KAAKC,cAAe,CAAA,CAAA,CAAEC,gBAAkB,CAAA,CAAAC,QAAA;EAMtE,MAAAlC,MAAA,GAAA,CAAS6B,oCAAO7B,MAAP,KAAA,IAAA,GAAA6B,EAAA,GAAA,qBAAqB3B,IAAK,CAAA,CAAA,EAAEE,mBAAsB,GAAA,CAAA,CAAA;EAC3D,MAAA+B,gBAAA,GAAoBC,KAAgD,IAAA;IACxE,MAAMC,UAAU,EAAC;IACjB,MAAMC,cAAeF,KAAsC,IAAA,IAAA,GAAA,KAAA,CAAA,GAAAA,KAAA,CAAAd,KAAA;IAC3D,IAAI,CAACgB,WAAe,IAAA,EAAE,UAAUF,KAAU,CAAA,IAAAA,KAAA,CAAMG,SAAS,KAAO,EAAA;MACxDZ,KAAA,CAAAa,QAAA,CAASC,cAAO,CAAA;MACtB;IACF;IAIA,MAAMC,eAAkB,GAAAhD,kBAAA,CACtB4C,WAAA,EACAP,IAAK,CAAAC,cAAA,CAAA,CAAiB,CAAAC,eAAA,CAAA,CAAkB,CAAAC,QAAA,CAC1C;IAGA,MAAMS,OAAU,GAAAC,SAAAA,CAAAA,cAAA,CAAeF,eAAiB,EAAA9C,QAAQ,EAAEY,WAAY,CAAA,CAAA;IACtE,MAAMqC,SAAY,GAAAhD,SAAA,CAAAA,gBAAA,CAAiB8C,OAAS,EAAA/C,QAAA,EAAU,0BAA0B,CAAA;IAEhFyC,OAAA,CAAQS,KAAKC,MAAI,CAAAA,GAAA,CAAAJ,OAAA,EAAS,CAAC,KAAK,CAAC,CAAC,CAAA;IAClCN,OAAA,CAAQS,KAAKC,MAAI,CAAAA,GAAA,CAAAF,SAAA,EAAW,CAAC,OAAO,CAAC,CAAC,CAAA;IAElC,IAAA,EAACvB,+BAAO1B,QAAU,CAAA,EAAA;MACpByC,OAAA,CAAQS,KAAKC,MAAI,CAAAA,GAAA,CAAAnD,QAAA,EAAU,CAAC,UAAU,CAAC,CAAC,CAAA;IAC1C;IAEI,IAAA,EAAC0B,+BAAOtB,MAAQ,CAAA,EAAA;MAClBqC,OAAA,CAAQS,KAAKC,MAAI,CAAAA,GAAA,CAAA/C,MAAA,EAAQ,CAAC,QAAQ,CAAC,CAAC,CAAA;IACtC;IAEA2B,KAAA,CAAMa,SAASH,OAAO,CAAA;EAAA,CACxB;EAEM,MAAAW,aAAA,GAAA,CAAgB1B,+BAAOvB,GAAM,IAAAD,qBAAA,CAAsBwB,MAAMvB,GAAK,EAAAuB,KAAA,CAAMtB,MAAM,CAAI,GAAA,EAAA;EAEpF,qCAAQiD,oBAAe,EAAA;IAAA,GAAGtB;IAAOa,QAAU,EAAAL,gBAAA;IAAkBb,OAAO0B;EAAe,CAAA,CAAA;AACrF,CAAA;AC3Ca,MAAAE,gBAAA,GAAoBvB,KAAiC,IAAA;EAZlE,IAAAC,EAAA,EAAAC,EAAA;EAaQ,MAAA;IAACW,QAAU;IAAAlB;EAAS,CAAA,GAAAK,KAAA;EACpB,MAAAwB,SAAA,GAAY1C,aAAa2C,IAAK,CAACxC,MAAOA,EAAG,CAAAK,IAAA,MAASK,+BAAO1B,QAAQ,CAAA,CAAA;EACvE,MAAMyD,UAAa,GAAAtB,IAAA,CAAKC,cAAe,CAAA,CAAA,CAAEC,iBAAkB,CAAAC,QAAA;EAC3D,MAAMoB,UAAU1B,EAAa,GAAAnB,YAAA,CAAA2C,IAAA,CAAMxC,EAAO,IAAAA,EAAA,CAAGK,SAASoC,UAAU,CAAA,KAAhD,IACd,GAAAzB,EAAA,GAAAnB,YAAA,CAAa2C,KAAMxC,EAAA,IAAOA,GAAGa,KAAM,CAAA8B,QAAA,CAASF,UAAU,CAAC,CAAA;EAEnD,MAAAG,oBAAA,GAAwBC,UAAuB,IAAA;IAnBvD,IAAA7B,GAAAC,EAAAA,GAAAA;IAoBU,MAAA6B,WAAA,GAAA,CACJ9B,GAAA,GAAAnB,YAAA,CAAa2C,IAAK,CAACxC,EAAO,IAAAA,EAAA,CAAGU,KAAU,KAAAmC,UAAU,CAAjD,KAAA,IAAA,GAAA7B,GAAuD,GAAA0B,MAAA;IAEzD,MAAMtD,MAAS6B,GAAAA,CAAAA,GAAAA,GAAA6B,WAAY,CAAAlC,0BAAA,KAAZ,OAAAK,GAA0C,GAAA,CAAA;IACzD,MAAM8B,gBAAgBZ,MAAAA,CAAAA,GAAI,CAAAW,WAAA,CAAYzC,IAAM,EAAA,CAAC,UAAU,CAAC,CAAA;IACxD,MAAM2C,WAAc,GAAAb,MAAA,CAAAA,GAAA,CAAI/C,MAAQ,EAAA,CAAC,QAAQ,CAAC,CAAA;IACpC,MAAAqC,OAAA,GAAU,CAACsB,aAAA,EAAeC,WAAW,CAAA;IAG3C,IAAItC,+BAAOvB,GAAK,EAAA;MACd,MAAM2C,eAAkB,GAAAhD,kBAAA,CAAmB4B,KAAM,CAAAvB,GAAA,EAAKuB,MAAM1B,QAAQ,CAAA;MACpE,MAAMiE,aAAajB,SAAAA,CAAAA,cAAe,CAAAF,eAAA,EAAiBgB,WAAY,CAAAzC,IAAI,EAAET,WAAY,EAAA;MACjF,MAAMsD,YAAe,GAAAjE,SAAA,CAAAA,gBAAA,CACnBgE,UAAA,EACAH,WAAY,CAAAzC,IAAA,EACZ,0BAAA,CACF;MACAoB,OAAA,CAAQS,KAAKC,MAAI,CAAAA,GAAA,CAAAc,UAAA,EAAY,CAAC,KAAK,CAAC,CAAC,CAAA;MACrCxB,OAAA,CAAQS,KAAKC,MAAI,CAAAA,GAAA,CAAAe,YAAA,EAAc,CAAC,OAAO,CAAC,CAAC,CAAA;IAC3C;IACAtB,QAAA,CAASH,OAAO,CAAA;EAAA,CAClB;EAEA;IAAA;IAAA;IAGE0B;IAAAA,UAAAA,CAAAA,GAAA,CAACC,EAAAA,CAAAA,GAAI,EAAA;MAAAC,OAAA,EAAS,CACZ;MAAAC,QAAA,EAAA,eAAAH,UAAA,CAAAA,GAAA,CAACI,EAAA,CAAAA,YAAA,EAAA;QACCC,QAAU,EAAA,CAAA;QACVC,IAAM,EAAAC,KAAA,CAAAA,UAAA;QACNC,EAAG,EAAA,UAAA;QACH/B,QAAU,EAAAgB,oBAAA;QACVgB,UAAU,EAAA,IAAA;QACVC,OAAS,EAAAhE,YAAA;QACTwD,OAAS,EAAA,CAAA;QACTS,WAAY,EAAA,gCAAA;QACZC,OAAS,EAAA;UACPC,eAAA,EAAiBC,QAAS,CAAAC,aAAA,CAAc,MAAM,CAAA;UAC9CC,aAAe,EAAA,IAAA;UACfC,SAAW,EAAA;QACb,CAAA;QACAC,YAAA,EAAeC,MAAW,IAAA;UAEtB,OAAAnB,eAAAA,UAAAA,CAAAA,GAAA,CAACoB,EAAAA,CAAAA,IAAK,EAAA;YAAAC,EAAA,EAAG,QAAS;YAAAnB,OAAA,EAAS,CACzB;YAAAC,QAAA,EAAAmB,eAAAA,UAAAA,CAAAA,IAAA,CAACC,EAAAA,CAAAA,IAAK,EAAA;cAAAC,IAAA,EAAM,CAAG;cAAAC,YAAA,EAAa,UAC1B;cAAAtB,QAAA,EAAA,CAAA,eAAAmB,eAAA,CAAC,MAAK,EAAA;gBAAAnB,QAAA,EAAA,CAAA,KAAA,EAAIgB,MAAO,CAAAlF,MAAA;eAAO,CAAA,EACxB+D,eAAAA,UAAAA,CAAAA,GAAA,CAAC,MAAK,EAAA;gBAAA0B,KAAA,EAAO;kBAACC,UAAA,EAAY;kBAAKC,UAAY,EAAA;gBAAA,CAAS;gBAAAzB,QAAA,EAAAgB,MAAA,CAAOpE;cAAgB,CAAA,CAAA,EAAA,eAC3EiD,cAAA,CAAC;gBAAK0B,KAAO,EAAA;kBAACE,YAAY;gBAAK,CAAA;gBAAIzB,iBAAOnD;eAAW,CAAA;YACvD,CAAA;UACF,CAAA,CAAA;QAEJ,CAAA;QACA6E,WAAA,EAAaA,CAACC,CAAA,EAAGX,MAAW,KAAA;UAC1B,IAAI,CAACA,MAAA,EAAe,OAAA,EAAA;UACpB,OAAO,EAAG,CAAA3D,MAAA,CAAA2D,MAAA,CAAOpE,eAAe,EAAA,IAAA,CAAA,CAAKS,cAAOL,UAAU,EAAA,GAAA,CAAA;QACxD,CAAA;QACA4E,QAAU,EAAA,CAAA,CAAA;QACVxE,KAAO,EAAA,CAAAO,EAAA,GAAAsB,SAAA,IAAA,IAAA,GAAA,KAAA,CAAA,GAAAA,SAAA,CAAW7B,KAAX,KAAA,IAAA,GAAAO,EAAA,GAAoByB,MAAO,CAAAhC;MAAA,CAAA;KAEtC;EAAA;AAEJ,CAAA;ACxEa,MAAAyE,cAAA,GAAkBpE,KAA+B,IAAA;EAT9D,IAAAC,EAAA,EAAAC,EAAA,EAAAmE,EAAA,EAAAC,EAAA,EAAAC,EAAA;EAUQ,MAAA;IAACC,OAAS;IAAAvG;EAAY,CAAA,GAAA+B,KAAA;EAC5B,MAAMyE,eAAkB,GAAArE,IAAA,CAAKC,cAAe,CAAA,CAAA,CAAEC,iBAAkB,CAAAC,QAAA;EAEhE,MAAMmE,KACJ,GAAA,CAAAH,EAAA,GAAA,CAAAF,EAAA,GAAA,CAAApE,EAAA,GAAAnB,YAAA,CAAa2C,IAAK,CAACxC,MAAOA,EAAG,CAAAK,IAAA,KAASrB,QAAQ,CAAA,KAA9C,IAAiD,GAAA,KAAA,CAAA,GAAAgC,EAAA,CAAAf,YAAA,KAAjD,IACA,GAAAmF,EAAA,GAAA,CAAAnE,EAAA,GAAApB,YAAA,CAAa2C,KAAMxC,EAAA,IAAOA,EAAG,CAAAK,IAAA,KAASmF,eAAe,CAAA,KAArD,IAAwD,GAAA,KAAA,CAAA,GAAAvE,EAAA,CAAAhB,YAAA,KADxD,aAEAoF,EAAa,GAAAxF,YAAA,CAAA2C,IAAA,CAAMxC,EAAA,IAAOA,GAAGa,KAAM,CAAA8B,QAAA,CAAS6C,eAAe,CAAC,MAA5D,IAA+D,GAAA,KAAA,CAAA,GAAAH,EAAA,CAAApF,YAAA;EAG/D,sBAAAkD,UAAA,CAAAA,GAAA,CAACuC,EAAA,CAAAA,MAAA,EAAA;IACClC,QAAU,EAAA,CAAA;IACVqB,KAAA,EAAO;MAACc,KAAA,EAAO;IAAM,CAAA;IACrBC,OAAS,EAAA,YAAA;IACTnC,IAAM,EAAAoC,KAAA,CAAAA,iBAAA;IACNC,IAAK,EAAA,OAAA;IACLP,OAAA;IACAQ,MAAM,EAAG,CAAApF,MAAA,CAAA8E,KAAA,CAAA;IACT,YAAW,EAAA;EAAA,CAAA,CACb;AAEJ,CAAA;ACtBa,MAAAO,aAAA,GAAiBjF,KAA4B,IAAA;EACxD,MAAM;IAACa,QAAA;IAAUlB,KAAO;IAAAuF,OAAA;IAASC;GAAc,GAAAnF,KAAA;EACzC,MAAA;IAAC8C;EAAW,CAAA,GAAAqC,UAAA;EACZ,MAAAC,WAAA,GAAcF,OAAQ,CAAAzD,IAAA,CAAM4D,MAAA,IAAWA,OAAOC,IAAS,KAAA,OAAA,IAAWD,MAAO,CAAA/F,IAAA,KAAS,OAAO,CAAA;EAC/F,MAAMiG,iBAAiBL,OAAQ,CAAAzD,IAAA,CAC5B4D,MAAW,IAAAA,MAAA,CAAOC,IAAS,KAAA,OAAA,IAAWD,OAAO/F,IAAS,KAAA,UAAA,CACzD;EACA,MAAM,CAACkG,oBAAA,EAAsBC,uBAAuB,CAAA,GAAIC,eAAS,KAAK,CAAA;EACtE,MAAMC,UAAUC,KAAAA,CAAAA,WAAY,CAAA,MAAMH,wBAAwB,KAAK,CAAA,EAAG,EAAE,CAAA;EACpE,MAAMI,SAASD,KAAAA,CAAAA,WAAY,CAAA,MAAMH,wBAAwB,IAAI,CAAA,EAAG,EAAE,CAAA;EAElE,sBAEI/B,UAAA,CAAAA,IAAA,CAAAoC,mBAAA,EAAA;IAAAvD,QAAA,EAAA,CAAA,eAAAmB,eAAA,CAACqC,EAAAA,CAAAA,IACC,EAAA;MAAAxD,QAAA,EAAA,CAAA,eAAAH,cAAA,CAACC,EAAAA,CAAAA;QAAI2D,IAAM,EAAA,CAAC,GAAG,CAAG,EAAA,CAAC;QAChBzD,QACC,EAAA6C,WAAA,mBAAAhD,UAAA,CAAAA,GAAA,CAAC6D,MAAA,CAAAA,iBAAA,EAAA;UACE,GAAGjG,KAAA;UACJqF,MAAQ,EAAAD,WAAA;UACRc,WAAA,EAAcC,gBACZ,mBAAA/D,UAAA,CAAAA,GAAA,CAACrC,sBAAA,EAAA;YACE,GAAGoG,gBAAA;YACJhG,SAAW,EAAAR,KAAA;YACXwF,UAAY,EAAA;cAAC,GAAGgB,gBAAA,CAAiBhB;cAAYrC;YAAO,CAAA;YACpDjC;UAAA,CACF;QAAA,CAAA;OAIR,CAAA,EACCuB,eAAAA,UAAAA,CAAAA,GAAA,CAAAC,EAAAA,CAAAA,GAAA,EAAA;QAAI2D,IAAM,EAAA,CAAC,CAAC,CAAA;QAAGhC,UAAY,EAAA,CAAC,CAAG,EAAA,CAAA,EAAG,CAAG,EAAA,CAAC;QACpCzB,QACC,EAAAgD,cAAA,IAAA,eAAAnD,UAAA,CAAAA,GAAA,CAAC6D,MAAA,CAAAA,iBAAA,EAAA;UACE,GAAGjG,KAAA;UACJqF,MAAQ,EAAAE,cAAA;UACRW,aAAaA,CAAA,KAAG;YA3C9B,IAAAjG,EAAA;YA4CgB,OAAAmC,eAAAA,UAAAA,CAAAA,GAAA,CAACgC;cAAeI,OAAS,EAAAqB,MAAA;cAAQ5H,WAAUgC,EAAO,GAAAN,KAAA,IAAA,IAAA,GAAA,KAAA,CAAA,GAAAA,KAAA,CAAA1B,QAAA,KAAP,YAAmB;YAAI,CAAA,CAAA;UAAA;QAAA,CAAA;OAI1E,CAAA;KACF,CAAA,EACCuH,oBACC,IAAA,eAAApD,UAAA,CAAAA,GAAA,CAACgE,SAAO,EAAA;MAAAT,OAAA;MAAkBU,QAAO,mBAAoB;MAAAzD,EAAA,EAAG,iBAAkB;MAAAgC,KAAA,EAAO,CAC/E;MAAArC,QAAA,EAAA,eAAAH,cAAA,CAACb,gBAAiB,EAAA;QAAAV,QAAA;QAAoBlB;MAA0B,CAAA;KAClE,CAAA;EAEJ,CAAA,CAAA;AAEJ,CAAA;AChDA,MAAM2G,gBAAmB,GAAA,UAAA;AAqBlB,MAAMC,iBAAiBC,MAAAA,CAAAA,UAAW,CAAA;EACvClH,IAAM,EAAAgH,gBAAA;EACNG,KAAO,EAAA,WAAA;EACP7F,IAAM,EAAA,QAAA;EACN8F,MAAQ,EAAA,CACNC,kBAAY,CAAA;IACVrH,IAAM,EAAA,OAAA;IACNmH,KAAO,EAAA,OAAA;IACP7F,IAAM,EAAA;EAAA,CACP,CAAA,EACD+F,kBAAY,CAAA;IACVrH,IAAM,EAAA,KAAA;IACNmH,KAAO,EAAA,KAAA;IACP7F,IAAM,EAAA;EAAA,CACP,CAAA,EACD+F,kBAAY,CAAA;IACVrH,IAAM,EAAA,UAAA;IACNmH,KAAO,EAAA,UAAA;IACP7F,IAAM,EAAA;EAAA,CACP,CAAA,EACD+F,kBAAY,CAAA;IACVrH,IAAM,EAAA,QAAA;IACNmH,KAAO,EAAA,QAAA;IACP7F,IAAM,EAAA;EAAA,CACP,CAAA,CACH;EAEAgG,UAAY,EAAA;IACVC,KAAO,EAAA5B;EACT;AACF,CAAC,CAAA;ACxDM,MAAM6B,WAAWC,MAAAA,CAAAA,YAAa,CAAA;EACnCzH,IAAM,EAAA,oBAAA;EACN0H,MAAQ,EAAA;IACNC,KAAA,EAAO,CAACV,cAAc;EACxB;AACF,CAAC,CAAA;"}

package/package.json

@@ -1,13 +1,7 @@
 {
   "name": "@sanity/rich-date-input",
-  "version": "2.0.10",
-  "description": "Date/time input components for Sanity form builder",
-  "main": "lib/index.js",
-  "author": "Sanity.io <hello@sanity.io>",
-  "license": "MIT",
-  "scripts": {
-    "clean": "rimraf lib"
-  },
+  "version": "3.0.1",
+  "description": "A timezone-aware datetime type and input component for Sanity Studio",
   "keywords": [
     "sanity",
     "cms",
@@ -17,26 +11,87 @@
     "rich-date-input",
     "sanity-plugin"
   ],
+  "homepage": "https://github.com/sanity-io/rich-date-input#readme",
+  "bugs": {
+    "url": "https://github.com/sanity-io/rich-date-input/issues"
+  },
+  "repository": {
+    "type": "git",
+    "url": "git+ssh://git@github.com/sanity-io/rich-date-input.git"
+  },
+  "license": "MIT",
+  "author": "Sanity.io <hello@sanity.io>",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "source": "./src/index.ts",
+      "require": "./dist/index.js",
+      "import": "./dist/index.esm.js",
+      "default": "./dist/index.esm.js"
+    },
+    "./package.json": "./package.json"
+  },
+  "main": "./dist/index.js",
+  "module": "./dist/index.esm.js",
+  "source": "./src/index.ts",
+  "types": "./dist/index.d.ts",
+  "files": [
+    "dist",
+    "sanity.json",
+    "src",
+    "v2-incompatible.js"
+  ],
+  "scripts": {
+    "build": "run-s clean && plugin-kit verify-package --silent && pkg-utils build --strict && pkg-utils --strict",
+    "clean": "rimraf dist",
+    "format": "prettier --write --cache --ignore-unknown .",
+    "link-watch": "plugin-kit link-watch",
+    "lint": "eslint .",
+    "prepublishOnly": "run-s build",
+    "watch": "pkg-utils watch --strict",
+    "prebuild": "plugin-kit verify-package --silent && pkg-utils",
+    "prepare": "husky install"
+  },
   "dependencies": {
-    "@sanity/generate-help-url": "2.0.9",
-    "lodash": "^4.17.15",
-    "moment": "^2.19.1",
-    "moment-timezone": "^0.5.11",
-    "prop-types": "^15.6.0",
-    "react-datepicker": "^1.8.0"
+    "@sanity/icons": "^2.7.0",
+    "@sanity/incompatible-plugin": "^1.0.4",
+    "@sanity/ui": "^2.0.2",
+    "@vvo/tzdb": "^6.125.0",
+    "date-fns-tz": "^2.0.0"
   },
   "devDependencies": {
-    "rimraf": "^2.7.1"
+    "@commitlint/cli": "^18.4.1",
+    "@commitlint/config-conventional": "^18.4.0",
+    "@sanity/pkg-utils": "^3.2.3",
+    "@sanity/plugin-kit": "^3.1.10",
+    "@sanity/semantic-release-preset": "^4.1.6",
+    "@types/react": "^18.2.37",
+    "@typescript-eslint/eslint-plugin": "^6.11.0",
+    "@typescript-eslint/parser": "^6.11.0",
+    "eslint": "^8.53.0",
+    "eslint-config-prettier": "^9.0.0",
+    "eslint-config-sanity": "^7.0.1",
+    "eslint-plugin-prettier": "^5.0.1",
+    "eslint-plugin-react": "^7.33.2",
+    "eslint-plugin-react-hooks": "^4.6.0",
+    "husky": "^8.0.3",
+    "lint-staged": "^15.1.0",
+    "npm-run-all": "^4.1.5",
+    "prettier": "^3.1.0",
+    "prettier-plugin-packagejson": "^2.4.6",
+    "react": "^18.2.0",
+    "react-dom": "^18.2.0",
+    "react-is": "^18.2.0",
+    "rimraf": "^5.0.5",
+    "sanity": "^3.29.1",
+    "styled-components": "^5.3.11",
+    "typescript": "^5.2.2"
   },
   "peerDependencies": {
-    "react": "^16.9 || ^17"
-  },
-  "repository": {
-    "type": "git",
-    "url": "git+https://github.com/sanity-io/sanity.git"
-  },
-  "bugs": {
-    "url": "https://github.com/sanity-io/sanity/issues"
+    "react": "^18",
+    "sanity": "^3"
   },
-  "homepage": "https://www.sanity.io/"
+  "engines": {
+    "node": ">=14"
+  }
 }

package/sanity.json

@@ -1,21 +1,8 @@
 {
-  "paths": {
-    "source": "./src",
-    "compiled": "./lib"
-  },
-
   "parts": [
     {
-      "implements": "part:@sanity/form-builder/input/rich-date",
-      "path": "RichDate"
-    },
-    {
-      "implements": "part:@sanity/form-builder/input/rich-date/schema",
-      "path": "schema"
-    },
-    {
-      "implements": "part:@sanity/base/component",
-      "path": "story"
+      "implements": "part:@sanity/base/sanity-root",
+      "path": "./v2-incompatible.js"
     }
   ]
 }

package/src/components/RelativeDateTimePicker.tsx

@@ -0,0 +1,56 @@
+import {DateTimeInput, FormPatch, PatchEvent, InputProps, set, unset} from 'sanity'
+
+import {getConstructedUTCDate, unlocalizeDateTime} from '../utils'
+import {RichDate} from '../types'
+import {formatInTimeZone, zonedTimeToUtc} from 'date-fns-tz'
+
+interface RelativeDateTimePickerProps extends Omit<InputProps, 'renderDefault'> {
+  dateValue?: RichDate
+}
+
+export const RelativeDateTimePicker = (props: RelativeDateTimePickerProps) => {
+  const value = props.dateValue
+  const timezone = value?.timezone ?? Intl.DateTimeFormat().resolvedOptions().timeZone
+  /*
+   * if our offset is not coming from a lib, we have to reverse it
+   * to get the real offset used everywhere
+   * https://momentjscom.readthedocs.io/en/latest/moment/03-manipulating/09-utc-offset/
+   */
+  const offset = value?.offset ?? new Date().getTimezoneOffset() * -1
+  const handleDateChange = (patch: FormPatch | PatchEvent | FormPatch[]) => {
+    const patches = []
+    const newDatetime = (patch as unknown as {value: string})?.value
+    if (!newDatetime || !('type' in patch) || patch.type !== 'set') {
+      props.onChange(unset())
+      return
+    }
+
+    //get what time the user "meant" to set without tz info
+    //since the datepicker always localizes to the user's timezone
+    const desiredDateTime = unlocalizeDateTime(
+      newDatetime,
+      Intl.DateTimeFormat().resolvedOptions().timeZone,
+    )
+
+    //use the user-selected timezone here
+    const utcDate = zonedTimeToUtc(desiredDateTime, timezone).toISOString()
+    const localDate = formatInTimeZone(utcDate, timezone, "yyyy-MM-dd'T'HH:mm:ssXXX")
+
+    patches.push(set(utcDate, ['utc']))
+    patches.push(set(localDate, ['local']))
+
+    if (!value?.timezone) {
+      patches.push(set(timezone, ['timezone']))
+    }
+
+    if (!value?.offset) {
+      patches.push(set(offset, ['offset']))
+    }
+
+    props.onChange(patches)
+  }
+
+  const dateToDisplay = value?.utc ? getConstructedUTCDate(value.utc, value.offset) : ''
+  //@ts-expect-error -- slight mismatch in elementProps and renderDefault, but should line up in practice
+  return <DateTimeInput {...props} onChange={handleDateChange} value={dateToDisplay} />
+}

package/src/components/RichDateInput.tsx

@@ -0,0 +1,58 @@
+import {ObjectInputMember, ObjectInputProps} from 'sanity'
+import {Box, Flex, Dialog} from '@sanity/ui'
+import {RelativeDateTimePicker} from './RelativeDateTimePicker'
+import {TimezoneSelector} from './TimezoneSelector'
+import {useCallback, useState} from 'react'
+import {TimezoneButton} from './TimezoneButton'
+import {RichDate} from '../types'
+
+export const RichDateInput = (props: ObjectInputProps) => {
+  const {onChange, value, members, schemaType} = props
+  const {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] = useState(false)
+  const onClose = useCallback(() => setTimezoneSelectorOpen(false), [])
+  const onOpen = useCallback(() => setTimezoneSelectorOpen(true), [])
+
+  return (
+    <>
+      <Flex>
+        <Box flex={[1, 2, 4]}>
+          {localMember && (
+            <ObjectInputMember
+              {...props}
+              member={localMember}
+              renderInput={(renderInputProps) => (
+                <RelativeDateTimePicker
+                  {...renderInputProps}
+                  dateValue={value as RichDate}
+                  schemaType={{...renderInputProps.schemaType, options}}
+                  onChange={onChange}
+                />
+              )}
+            />
+          )}
+        </Box>
+        <Box flex={[1]} marginLeft={[2, 2, 3, 4]}>
+          {timezoneMember && (
+            <ObjectInputMember
+              {...props}
+              member={timezoneMember}
+              renderInput={() => (
+                <TimezoneButton onClick={onOpen} timezone={value?.timezone ?? ''} />
+              )}
+            />
+          )}
+        </Box>
+      </Flex>
+      {timezoneSelectorOpen && (
+        <Dialog onClose={onClose} header="Select a timezone" id="timezone-select" width={1}>
+          <TimezoneSelector onChange={onChange} value={value as RichDate} />
+        </Dialog>
+      )}
+    </>
+  )
+}

package/src/components/TimezoneButton.tsx

@@ -0,0 +1,31 @@
+import {Button} from '@sanity/ui'
+import {EarthAmericasIcon} from '@sanity/icons'
+import {allTimezones} from '../utils'
+
+interface TimezoneButtonProps {
+  onClick: () => void
+  timezone: string
+}
+
+export const TimezoneButton = (props: TimezoneButtonProps) => {
+  const {onClick, timezone} = props
+  const currentTimezone = Intl.DateTimeFormat().resolvedOptions().timeZone
+
+  const label =
+    allTimezones.find((tz) => tz.name === timezone)?.abbreviation ??
+    allTimezones.find((tz) => tz.name === currentTimezone)?.abbreviation ??
+    allTimezones.find((tz) => tz.group.includes(currentTimezone))?.abbreviation
+
+  return (
+    <Button
+      fontSize={1}
+      style={{width: '100%'}}
+      justify={'flex-start'}
+      icon={EarthAmericasIcon}
+      mode="ghost"
+      onClick={onClick}
+      text={`${label}`}
+      aria-label="Select a timezone"
+    />
+  )
+}