@sanity/rich-date-input 2.0.10-canary.0 → 3.0.0

package/LICENSE

@@ -1,6 +1,6 @@
 MIT License
 
-Copyright (c) 2016 - 2020 Sanity.io
+Copyright (c) 2023 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,48 +1,83 @@
-### @sanity/rich-date-input
-A richer date/time type and input component for Sanity form builder
+> This is a **Sanity Studio v3** plugin.
+
+# V3 Rich Date Input
+
+Provides a timezone-aware date input for Sanity Studio.
+
+![This is an image](assets/plugin.gif)
+
+## Installation
+
+```sh
+npm install @sanity/rich-date-input
+```
 
 ## Usage
 
-- `sanity install @sanity/rich-date-input`
-- In your schema:
-  ```js
-  import richDate from 'part:@sanity/form-builder/input/rich-date/schema'
+Add it as a plugin in `sanity.config.ts` (or .js):
+
+```ts
+import {defineConfig} from 'sanity'
+import {richDate} from '@sanity/rich-date-input'
 
-  // ...
-  export default createSchema({
-    name: 'mySchema',
-    types: [
-      //...
-      richDate
-    ]
-  })
+export default defineConfig({
+  //...
+  plugins: [richDate()],
+})
+```
 
-  ```
+Then, use `richDate` as a type in your schema:
 
-Typical data output:
+```ts
+import {defineField, defineType} from 'sanity'
+
+export default defineType({
+  name: 'event',
+  title: 'Event',
+  type: 'document',
+  fields: [
+    def{
+      name: 'scheduledAt',
+      title: 'Scheduled at',
+      type: 'richDate',
+      //this will take the same options available on the datetime type: https://www.sanity.io/docs/datetime-type
+      options: {
+        timeStep: 30
+      }
+    },
+  ],
+})
+```
 
-```js
+When a user selects a date, the timezone will be stored in the document. They can choose a different timezone, if desired. The date displayed will be the time as it would be in that timezone. UTC will be calculated from the timezone and local time.
+
+The typical data output should be:
+
+```ts
 {
   _type: 'richDate',
-  local: '2017-02-21T10:15:00+01:00',
-  utc: '2017-02-12T09:15:00Z',
+  local: '2023-02-21T10:15:00+01:00',
+  utc: '2023-02-12T09:15:00Z',
   timezone: 'Europe/Oslo',
   offset: 60
 }
 ```
 
-## Options
+## License
 
-This component accepts the following options via the Sanity schema:
+[MIT](LICENSE) © Sanity.io
 
-```
-options.dateFormat || 'YYYY-MM-DD'
-options.timeFormat || 'HH:mm'
-options.calendarTodayLabel || 'Today'
-options.timeStep || 15
-options.inputUtc || false
-options.inputDate || true
-options.inputTime || true
-options.placeholderDate || moment().format(options.dateFormat)
-options.placeholderTime || moment().format(options.timeFormat)
-```
+## 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

@@ -0,0 +1,36 @@
+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
+}
+
+export declare const richDate: Plugin_2<void>
+
+/**
+ *  @public
+ */
+export declare 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
+  }
+}

package/dist/index.esm.js

@@ -0,0 +1,256 @@
+import { DateTimeInput, unset, set, ObjectInputMember, defineType, defineField, definePlugin } from 'sanity';
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
+import { Box, Autocomplete, Card, Text, Button, Flex, Dialog } from '@sanity/ui';
+import { getTimeZones } from '@vvo/tzdb';
+import { formatInTimeZone, zonedTimeToUtc } from 'date-fns-tz';
+import { SearchIcon, EarthAmericasIcon } from '@sanity/icons';
+import { useState, useCallback } from 'react';
+const unlocalizeDateTime = (datetime, timezone) => {
+  return 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 = 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
+  };
+});
+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(unset());
+      return;
+    }
+    const desiredDateTime = unlocalizeDateTime(newDatetime, Intl.DateTimeFormat().resolvedOptions().timeZone);
+    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 == null ? void 0 : value.timezone)) {
+      patches.push(set(timezone, ["timezone"]));
+    }
+    if (!(value == null ? void 0 : value.offset)) {
+      patches.push(set(offset, ["offset"]));
+    }
+    props.onChange(patches);
+  };
+  const dateToDisplay = (value == null ? void 0 : value.utc) ? getConstructedUTCDate(value.utc, value.offset) : "";
+  return /* @__PURE__ */jsx(DateTimeInput, {
+    ...props,
+    onChange: handleDateChange,
+    value: dateToDisplay
+  });
+};
+const TimezoneSelector = props => {
+  var _a;
+  const {
+    onChange,
+    value
+  } = props;
+  const currentTz = allTimezones.find(tz => tz.name === (value == null ? void 0 : value.timezone));
+  const userTz = allTimezones.find(tz => tz.name === Intl.DateTimeFormat().resolvedOptions().timeZone);
+  const handleTimezoneChange = selectedTz => {
+    var _a2, _b;
+    const newTimezone = (_a2 = allTimezones.find(tz => tz.value === selectedTz)) != null ? _a2 : userTz;
+    const offset = (_b = newTimezone.currentTimeOffsetInMinutes) != null ? _b : 0;
+    const timezonePatch = set(newTimezone.name, ["timezone"]);
+    const offsetPatch = set(offset, ["offset"]);
+    const patches = [timezonePatch, offsetPatch];
+    if (value == null ? void 0 : value.utc) {
+      const desiredDateTime = unlocalizeDateTime(value.utc, value.timezone);
+      const newUtcDate = zonedTimeToUtc(desiredDateTime, newTimezone.name).toISOString();
+      const newLocalDate = formatInTimeZone(newUtcDate, newTimezone.name, "yyyy-MM-dd'T'HH:mm:ssXXX");
+      patches.push(set(newUtcDate, ["utc"]));
+      patches.push(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__ */
+    jsx(Box, {
+      padding: 4,
+      children: /* @__PURE__ */jsx(Autocomplete, {
+        fontSize: 2,
+        icon: 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__ */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
+              })]
+            })
+          });
+        },
+        renderValue: (_, option) => {
+          if (!option) return "";
+          return "".concat(option.alternativeName, " (").concat(option.namePretty, ")");
+        },
+        tabIndex: -1,
+        value: (_a = currentTz == null ? void 0 : currentTz.value) != null ? _a : userTz.value
+      })
+    })
+  );
+};
+const TimezoneButton = props => {
+  var _a, _b, _c;
+  const {
+    onClick,
+    timezone
+  } = props;
+  const currentTimezone = Intl.DateTimeFormat().resolvedOptions().timeZone;
+  const label = (_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;
+  return /* @__PURE__ */jsx(Button, {
+    fontSize: 1,
+    style: {
+      width: "100%"
+    },
+    justify: "flex-start",
+    icon: 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] = useState(false);
+  const onClose = useCallback(() => setTimezoneSelectorOpen(false), []);
+  const onOpen = useCallback(() => setTimezoneSelectorOpen(true), []);
+  return /* @__PURE__ */jsxs(Fragment, {
+    children: [/* @__PURE__ */jsxs(Flex, {
+      children: [/* @__PURE__ */jsx(Box, {
+        flex: [1, 2, 4],
+        children: localMember && /* @__PURE__ */jsx(ObjectInputMember, {
+          ...props,
+          member: localMember,
+          renderInput: renderInputProps => /* @__PURE__ */jsx(RelativeDateTimePicker, {
+            ...renderInputProps,
+            dateValue: value,
+            schemaType: {
+              ...renderInputProps.schemaType,
+              options
+            },
+            onChange
+          })
+        })
+      }), /* @__PURE__ */jsx(Box, {
+        flex: [1],
+        marginLeft: [2, 2, 3, 4],
+        children: timezoneMember && /* @__PURE__ */jsx(ObjectInputMember, {
+          ...props,
+          member: timezoneMember,
+          renderInput: () => {
+            var _a;
+            return /* @__PURE__ */jsx(TimezoneButton, {
+              onClick: onOpen,
+              timezone: (_a = value == null ? void 0 : value.timezone) != null ? _a : ""
+            });
+          }
+        })
+      })]
+    }), timezoneSelectorOpen && /* @__PURE__ */jsx(Dialog, {
+      onClose,
+      header: "Select a timezone",
+      id: "timezone-select",
+      width: 1,
+      children: /* @__PURE__ */jsx(TimezoneSelector, {
+        onChange,
+        value
+      })
+    })]
+  });
+};
+const richDateTypeName = "richDate";
+const richDateSchema = defineType({
+  name: richDateTypeName,
+  title: "Rich Date",
+  type: "object",
+  fields: [defineField({
+    name: "local",
+    title: "Local",
+    type: "string"
+  }), defineField({
+    name: "utc",
+    title: "UTC",
+    type: "string"
+  }), defineField({
+    name: "timezone",
+    title: "Timezone",
+    type: "string"
+  }), defineField({
+    name: "offset",
+    title: "Offset",
+    type: "number"
+  })],
+  components: {
+    input: RichDateInput
+  }
+});
+const richDate = definePlugin({
+  name: "v3-rich-date-input",
+  schema: {
+    types: [richDateSchema]
+  }
+});
+export { richDate };
+//# sourceMappingURL=index.esm.js.map

package/dist/index.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.esm.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  } 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 userTz = allTimezones.find(\n    (tz) => tz.name === Intl.DateTimeFormat().resolvedOptions().timeZone,\n  )!\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'\nimport {NormalizedTimeZone} from '../types'\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  const label =\n    allTimezones.find((tz: NormalizedTimeZone) => tz.name === timezone)?.abbreviation ??\n    allTimezones.find((tz: NormalizedTimeZone) => tz.name === 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","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","userTz","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","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":"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"}