@contentful/field-editor-date 1.1.2 → 1.1.3

package/CHANGELOG.md

@@ -3,6 +3,12 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [1.1.3](https://github.com/contentful/field-editors/compare/@contentful/field-editor-date@1.1.2...@contentful/field-editor-date@1.1.3) (2022-05-20)
+
+### Bug Fixes
+
+- made timezone picker match webapp, added guessing [SHE-831] ([#1146](https://github.com/contentful/field-editors/issues/1146)) ([9d98a31](https://github.com/contentful/field-editors/commit/9d98a3171aa4d2fa9641e6a10a92221686f934c5))
+
 ## [1.1.2](https://github.com/contentful/field-editors/compare/@contentful/field-editor-date@1.1.1...@contentful/field-editor-date@1.1.2) (2022-02-15)
 
 ### Bug Fixes

package/dist/field-editor-date.cjs.development.js

@@ -13,6 +13,10 @@ var noop = _interopDefault(require('lodash/noop'));
 var moment = _interopDefault(require('moment'));
 var Pikaday = _interopDefault(require('pikaday'));
 var f36Components = require('@contentful/f36-components');
+var dayjs = _interopDefault(require('dayjs'));
+var utc = _interopDefault(require('dayjs/plugin/utc'));
+var timezone = _interopDefault(require('dayjs/plugin/timezone'));
+var tzdb = require('@vvo/tzdb');
 
 function _extends() {
   _extends = Object.assign || function (target) {
@@ -414,28 +418,91 @@ var TimepickerInput = function TimepickerInput(_ref) {
   }));
 };
 
+dayjs.extend(utc);
+dayjs.extend(timezone); // Borrowed from https://github.com/tc39/proposal-intl-enumeration/blob/master/polyfill/timeZones.js
+
+function isSupported(timeZone) {
+  try {
+    var newFormat = new Intl.DateTimeFormat('en', {
+      timeZone: timeZone
+    });
+    var options = newFormat.resolvedOptions();
+    return options.timeZone === timeZone;
+  } catch (e) {
+    return false;
+  }
+}
+
+var timezones = /*#__PURE__*/tzdb.timeZonesNames.filter(function (timezone) {
+  return isSupported(timezone);
+}).map(function (timezone) {
+  return {
+    displayValue: "(GMT" + dayjs.tz(undefined, timezone).format('Z') + ") - " + timezone.replace('_', ' '),
+    ianaName: timezone
+  };
+});
+
 var defaultZoneOffset = '+00:00';
 var zoneOffsets = ['-12:00', '-11:00', '-10:00', '-09:30', '-09:00', '-08:00', '-07:00', '-06:00', '-05:00', '-04:30', '-04:00', '-03:30', '-03:00', '-02:00', '-01:00', '+00:00', '+01:00', '+02:00', '+03:00', '+03:30', '+04:00', '+04:30', '+05:00', '+05:30', '+05:45', '+06:00', '+06:30', '+07:00', '+08:00', '+08:45', '+09:00', '+09:30', '+10:00', '+10:30', '+11:00', '+11:30', '+12:00', '+12:45', '+13:00', '+14:00'];
 
+dayjs.extend(utc);
+dayjs.extend(timezone);
 var TimezonepickerInput = function TimezonepickerInput(_ref) {
   var disabled = _ref.disabled,
-      _onChange = _ref.onChange,
+      onChange = _ref.onChange,
       _ref$value = _ref.value,
       value = _ref$value === void 0 ? defaultZoneOffset : _ref$value;
-  return React__default.createElement(f36Components.Select, {
-    "aria-label": "Select timezone",
-    testId: "timezone-input",
-    value: value,
-    isDisabled: disabled,
-    onChange: function onChange(e) {
-      _onChange(e.currentTarget.value);
+  var defaultTimezone = timezones.find(function (timezone) {
+    return timezone.ianaName === dayjs.tz.guess();
+  }) || timezones.find(function (timezone) {
+    return dayjs.tz(undefined, timezone.ianaName).format('Z') === value;
+  });
+
+  var _useState = React.useState(timezones),
+      filteredTimezones = _useState[0],
+      setFilteredTimezones = _useState[1];
+
+  var _useState2 = React.useState(defaultTimezone),
+      userInput = _useState2[0],
+      setUserInput = _useState2[1];
+
+  React.useEffect(function () {
+    if (!value) {
+      setUserInput({
+        displayValue: '',
+        ianaName: ''
+      });
     }
-  }, zoneOffsets.map(function (offset) {
-    return React__default.createElement(f36Components.Select.Option, {
-      key: offset,
-      value: offset
-    }, "UTC", offset);
-  }));
+  }, [value]);
+  var handleSelect = React.useCallback(function (timezone) {
+    onChange(dayjs.tz(undefined, timezone.ianaName).format('Z'));
+    setUserInput(timezone);
+  }, [onChange]);
+
+  var handleChange = function handleChange(val) {
+    var newFilteredTimezones = timezones.filter(function (timezone) {
+      return timezone.displayValue.toLowerCase().includes(val.toLowerCase());
+    });
+    setFilteredTimezones(newFilteredTimezones.length > 0 ? newFilteredTimezones : timezones);
+  };
+
+  return React__default.createElement(f36Components.Autocomplete, {
+    isDisabled: disabled,
+    listMaxHeight: 300,
+    items: filteredTimezones.slice(0, 100),
+    itemToString: function itemToString(timezone) {
+      return timezone.displayValue;
+    },
+    renderItem: function renderItem(timezone) {
+      return timezone.displayValue;
+    },
+    onSelectItem: handleSelect,
+    onInputValueChange: handleChange,
+    selectedItem: userInput,
+    placeholder: "Select a timezone",
+    noMatchesMessage: "No timezones found",
+    testId: "timezone-input"
+  });
 };
 
 var styles$1 = {
@@ -531,7 +598,7 @@ function DateEditorContainer(_ref) {
         date: undefined,
         time: undefined,
         ampm: getDefaultAMPM(),
-        utcOffset: getDefaultUtcOffset()
+        utcOffset: ''
       });
     }
   }, "Clear")));

package/dist/field-editor-date.cjs.development.js.map

@@ -1 +1 @@
-{"version":3,"file":"field-editor-date.cjs.development.js","sources":["../src/utils/date.ts","../src/utils/createPikaday.ts","../src/icons/CalendarIcon.tsx","../src/DatepickerInput.tsx","../src/TimepickerInput.tsx","../src/utils/zoneOffsets.ts","../src/TimezonePickerInput.tsx","../src/DateEditor.tsx"],"sourcesContent":["// eslint-disable-next-line no-restricted-imports\nimport moment from 'moment';\nimport { TimeResult } from '../types';\n\nconst ZONE_RX = /(Z|[+-]\\d{2}[:+]?\\d{2})$/;\n\nfunction startOfToday(format: string) {\n  return moment().set({ hours: 0, minutes: 0 }).format(format);\n}\n\nfunction fieldValueToMoment(datetimeString: string | null | undefined): moment.Moment | null {\n  if (!datetimeString) {\n    return null;\n  }\n\n  const datetime = moment(datetimeString);\n  if (ZONE_RX.test(datetimeString)) {\n    datetime.utcOffset(datetimeString);\n  }\n  return datetime;\n}\n\nfunction timeFromUserInput(input: TimeResult) {\n  const timeInput = input.time || '00:00';\n  return moment.utc(timeInput + '!' + input.ampm, 'HH:mm!A');\n}\n\n/**\n * Convert the user input object into either a 'moment' value or an\n * invalid symbol.\n *\n * Success is indicated by returning '{valid: value}' and failure is\n * indicated by returning '{invalid: true}'. If 'input.date' is\n * 'null' we return '{valid: null}'\n */\nfunction datetimeFromUserInput(input: TimeResult): {\n  invalid?: boolean;\n  valid: moment.Moment | null;\n} {\n  if (!input.date) {\n    return { valid: null };\n  }\n\n  const time = timeFromUserInput(input);\n\n  const date = moment\n    .parseZone(input.utcOffset, 'Z')\n    .set(input.date.toObject())\n    .set({ hours: time.hours(), minutes: time.minutes() });\n\n  if (date.isValid()) {\n    return { valid: date };\n  } else {\n    return { invalid: true, valid: null };\n  }\n}\n\nexport function formatDateDisplay(date?: moment.Moment) {\n  if (date) {\n    return date.format('dddd, MMMM Do YYYY');\n  } else {\n    return '';\n  }\n}\n\n/**\n * Parse user input into a string that is stored in the API.\n *\n * Returns a sum type with either the string as the `valid` property\n * or the `invalid` property set to `false`.\n */\nexport function buildFieldValue({\n  data,\n  usesTime,\n  usesTimezone,\n}: {\n  data: TimeResult;\n  usesTime: boolean;\n  usesTimezone: boolean;\n}) {\n  const date = datetimeFromUserInput(data);\n  if (date.invalid) {\n    return {\n      invalid: true,\n    };\n  }\n\n  let format;\n  if (usesTimezone) {\n    format = 'YYYY-MM-DDTHH:mmZ';\n  } else if (usesTime) {\n    format = 'YYYY-MM-DDTHH:mm';\n  } else {\n    format = 'YYYY-MM-DD';\n  }\n  return { valid: date?.valid ? date.valid.format(format) : null, invalid: false };\n}\n\nexport function getDefaultAMPM() {\n  return 'AM';\n}\n\nexport function getDefaultUtcOffset() {\n  return startOfToday('Z');\n}\n\n/**\n * Create the user input object from the field value.\n */\nexport function userInputFromDatetime({\n  value,\n  uses12hClock,\n}: {\n  value: string | undefined | null;\n  uses12hClock: boolean;\n}): TimeResult {\n  const datetime = fieldValueToMoment(value);\n\n  if (datetime) {\n    const timeFormat = uses12hClock ? 'hh:mm' : 'HH:mm';\n    return {\n      date: datetime,\n      time: datetime.format(timeFormat),\n      ampm: datetime.format('A'),\n      utcOffset: datetime.format('Z'),\n    };\n  } else {\n    return {\n      ampm: getDefaultAMPM(),\n      utcOffset: getDefaultUtcOffset(),\n    };\n  }\n}\n","import Pikaday from 'pikaday';\n\nconst I18N = {\n  previousMonth: 'Previous Month',\n  nextMonth: 'Next Month',\n  months: [\n    'January',\n    'February',\n    'March',\n    'April',\n    'May',\n    'June',\n    'July',\n    'August',\n    'September',\n    'October',\n    'November',\n    'December',\n  ],\n  weekdaysShort: ['S', 'M', 'T', 'W', 'T', 'F', 'S'],\n  weekdays: ['Sunday', 'Monday', 'Tuesday', 'Wednesday', 'Thursday', 'Friday', 'Saturday'],\n};\n\nconst DEFAULTS = {\n  i18n: I18N,\n  yearRange: 100,\n};\n\n// Gets same options as Pikaday and returns a Pikaday instance\nexport const createPikaday = (opts?: Pikaday.PikadayOptions) =>\n  new Pikaday(Object.assign({}, DEFAULTS, opts));\n","import React from 'react';\n\nexport function CalendarIcon(props: {\n  className?: string;\n  onClick?: React.MouseEventHandler<SVGElement>;\n}) {\n  return (\n    <svg\n      width=\"16\"\n      height=\"17\"\n      viewBox=\"-1 -1 18 19\"\n      onClick={props.onClick}\n      xmlns=\"http://www.w3.org/2000/svg\"\n      className={props.className}>\n      <g fill=\"none\" fillRule=\"evenodd\">\n        <g fill=\"#536171\">\n          <path d=\"M2.071 14.929v-2.411h2.411v2.41h-2.41zm2.947 0v-2.411h2.678v2.41H5.018zM2.07 11.982V9.304h2.411v2.678h-2.41zm2.947 0V9.304h2.678v2.678H5.018zM2.07 8.768v-2.41h2.411v2.41h-2.41zm6.161 6.16v-2.41h2.679v2.41H8.232zm-3.214-6.16v-2.41h2.678v2.41H5.018zm6.428 6.16v-2.41h2.411v2.41h-2.41zm-3.214-2.946V9.304h2.679v2.678H8.232zM5.286 4.75a.275.275 0 0 1-.268.268h-.536a.275.275 0 0 1-.268-.268V2.34c0-.143.126-.269.268-.269h.536c.142 0 .268.126.268.268V4.75zm6.16 7.232V9.304h2.411v2.678h-2.41zM8.232 8.768v-2.41h2.679v2.41H8.232zm3.214 0v-2.41h2.411v2.41h-2.41zm.268-4.018a.275.275 0 0 1-.268.268h-.535a.275.275 0 0 1-.268-.268V2.34c0-.143.125-.269.268-.269h.535c.143 0 .268.126.268.268V4.75zm3.215-.536c0-.586-.486-1.071-1.072-1.071h-1.071v-.804c0-.736-.603-1.339-1.34-1.339h-.535c-.737 0-1.34.603-1.34 1.34v.803H6.357v-.804C6.357 1.603 5.754 1 5.017 1h-.535c-.736 0-1.34.603-1.34 1.34v.803h-1.07C1.484 3.143 1 3.628 1 4.214V14.93C1 15.515 1.485 16 2.071 16h11.786c.586 0 1.072-.485 1.072-1.071V4.214z\" />\n        </g>\n      </g>\n    </svg>\n  );\n}\n","import React, { Component, FocusEventHandler, FocusEvent } from 'react';\nimport noop from 'lodash/noop';\n// eslint-disable-next-line no-restricted-imports\nimport moment from 'moment';\nimport { css, cx } from 'emotion';\nimport { formatDateDisplay } from './utils/date';\nimport { createPikaday } from './utils/createPikaday';\nimport { CalendarIcon } from './icons/CalendarIcon';\n\nimport { TextInput } from '@contentful/f36-components';\n\nconst styles = {\n  datePickerWrapper: css({\n    position: 'relative',\n    maxHeight: 70,\n  }),\n  datePicker: css({\n    zIndex: 1002,\n    display: 'block',\n    '.is-hidden': {\n      display: 'none',\n    },\n  }),\n  input: css({\n    width: '270px',\n    cursor: 'pointer',\n    paddingRight: '40px',\n    '&:disabled': {\n      cursor: 'not-allowed',\n    },\n  }),\n  icon: css({\n    cursor: 'pointer',\n    zIndex: 50,\n    position: 'absolute',\n    top: '12px',\n    right: '12px',\n  }),\n};\n\nexport type DatePickerProps = {\n  value?: moment.Moment;\n  onChange: (val: moment.Moment | undefined) => void;\n  onBlur: FocusEventHandler;\n  disabled?: boolean;\n};\n\nexport class DatepickerInput extends Component<DatePickerProps> {\n  static defaultProps: Partial<DatePickerProps> = {\n    onChange: noop,\n    onBlur: noop,\n  };\n\n  pikaday?: Pikaday;\n  datePickerNode = React.createRef<HTMLInputElement>();\n\n  componentDidMount() {\n    const onChange = this.props.onChange;\n    const defaultDate = this.props.value ? this.props.value.toDate() : undefined;\n    this.pikaday = createPikaday({\n      field: this.datePickerNode && this.datePickerNode.current,\n      defaultDate,\n      setDefaultDate: defaultDate !== undefined,\n      position: 'bottom left',\n      reposition: false,\n      theme: cx(styles.datePicker, 'hide-carret'),\n      toString: (date) => {\n        return formatDateDisplay(moment(date));\n      },\n      // we need to keep this function like this\n      // so `this` refers to pikaday instance\n      onSelect: function onSelect() {\n        onChange(this.getMoment() || undefined);\n      },\n    });\n  }\n\n  focusInput = () => {\n    if (this.datePickerNode && this.datePickerNode.current) {\n      this.datePickerNode.current.focus();\n    }\n  };\n\n  componentWillUnmount() {\n    if (this.pikaday) {\n      this.pikaday.destroy();\n    }\n  }\n\n  handleOpen = () => {\n    if (this.pikaday) {\n      this.pikaday.show();\n    }\n  };\n\n  handleBlur = (e: FocusEvent) => {\n    this.props.onBlur(e);\n    if (this.pikaday && !this.pikaday.el.contains(e.relatedTarget as HTMLInputElement)) {\n      this.pikaday.hide();\n    }\n  };\n\n  render() {\n    return (\n      <div className={styles.datePickerWrapper}>\n        <TextInput\n          aria-label=\"Select date\"\n          testId=\"date-input\"\n          isReadOnly\n          isDisabled={this.props.disabled}\n          value={formatDateDisplay(this.props.value)}\n          ref={this.datePickerNode}\n          onFocus={this.handleOpen}\n          onBlur={this.handleBlur}\n          className={styles.input}\n        />\n        <CalendarIcon\n          onClick={() => {\n            this.focusInput();\n          }}\n          className={styles.icon}\n        />\n      </div>\n    );\n  }\n}\n","import React, { useState, useCallback, useEffect } from 'react';\n// eslint-disable-next-line no-restricted-imports\nimport moment from 'moment';\nimport { css } from 'emotion';\n\nimport { TextInput, Flex } from '@contentful/f36-components';\n\nexport type TimepickerProps = {\n  disabled: boolean;\n  uses12hClock: boolean;\n  onChange: (value: { time: string; ampm: string }) => void;\n  time?: string;\n  ampm?: string;\n};\n\nconst validInputFormats = [\n  'hh:mm a',\n  'hh:mm A',\n  'h:mm a',\n  'h:mm A',\n  'hh:mm',\n  'k:mm',\n  'kk:mm',\n  'h a',\n  'h A',\n  'h',\n  'hh',\n  'HH',\n];\n\nfunction parseRawInput(raw: string): moment.Moment | null {\n  let time: moment.Moment | null = null;\n\n  // eslint-disable-next-line @typescript-eslint/prefer-for-of\n  for (let i = 0; i < validInputFormats.length; i++) {\n    const date = moment(raw, validInputFormats[i]);\n    if (date.isValid()) {\n      time = date;\n      break;\n    }\n  }\n\n  return time;\n}\n\nconst getDefaultTime = () => {\n  return moment(`12:00 AM`, 'hh:mm A');\n};\n\nconst formatToString = (uses12hClock: boolean, value: moment.Moment): string => {\n  return uses12hClock ? value.format('hh:mm A') : value.format('HH:mm');\n};\n\nexport const TimepickerInput = ({\n  disabled,\n  uses12hClock,\n  time = '12:00',\n  ampm = 'AM',\n  onChange,\n}: TimepickerProps) => {\n  const [selectedTime, setSelectedTime] = useState<string>(() => {\n    return formatToString(uses12hClock, getDefaultTime());\n  });\n\n  useEffect(() => {\n    setSelectedTime(formatToString(uses12hClock, moment(`${time} ${ampm}`, 'hh:mm A')));\n  }, [time, ampm, uses12hClock]);\n\n  const handleChange = useCallback((e: React.ChangeEvent<HTMLInputElement>) => {\n    setSelectedTime(e.currentTarget.value);\n  }, []);\n\n  const handleFocus = useCallback((e) => {\n    e.preventDefault();\n    e.target.select();\n  }, []);\n\n  const handleBlur = () => {\n    const parsedTime = parseRawInput(selectedTime);\n    const value = parsedTime ?? getDefaultTime();\n    setSelectedTime(formatToString(uses12hClock, value));\n    onChange({ time: value.format('hh:mm'), ampm: value.format('A') });\n  };\n\n  return (\n    <Flex className={css({ width: '140px' })}>\n      <TextInput\n        aria-label=\"Select time\"\n        placeholder={uses12hClock ? '12:00 AM' : '00:00'}\n        date-time-type={uses12hClock ? '12' : '24'}\n        testId=\"time-input\"\n        value={selectedTime}\n        isDisabled={disabled}\n        onFocus={handleFocus}\n        onBlur={handleBlur}\n        onChange={handleChange}\n      />\n    </Flex>\n  );\n};\n","export const defaultZoneOffset = '+00:00';\n\nexport const zoneOffsets = [\n  '-12:00',\n  '-11:00',\n  '-10:00',\n  '-09:30',\n  '-09:00',\n  '-08:00',\n  '-07:00',\n  '-06:00',\n  '-05:00',\n  '-04:30',\n  '-04:00',\n  '-03:30',\n  '-03:00',\n  '-02:00',\n  '-01:00',\n  '+00:00',\n  '+01:00',\n  '+02:00',\n  '+03:00',\n  '+03:30',\n  '+04:00',\n  '+04:30',\n  '+05:00',\n  '+05:30',\n  '+05:45',\n  '+06:00',\n  '+06:30',\n  '+07:00',\n  '+08:00',\n  '+08:45',\n  '+09:00',\n  '+09:30',\n  '+10:00',\n  '+10:30',\n  '+11:00',\n  '+11:30',\n  '+12:00',\n  '+12:45',\n  '+13:00',\n  '+14:00',\n];\n","import React, { ChangeEvent } from 'react';\nimport { zoneOffsets, defaultZoneOffset } from './utils/zoneOffsets';\n\nimport { Select } from '@contentful/f36-components';\n\nexport type TimezonepickerProps = {\n  disabled: boolean;\n  onChange: (value: string) => void;\n  value?: string;\n};\n\nexport const TimezonepickerInput = ({\n  disabled,\n  onChange,\n  value = defaultZoneOffset,\n}: TimezonepickerProps) => {\n  return (\n    <Select\n      aria-label=\"Select timezone\"\n      testId=\"timezone-input\"\n      value={value}\n      isDisabled={disabled}\n      onChange={(e: ChangeEvent<HTMLSelectElement>) => {\n        onChange(e.currentTarget.value);\n      }}>\n      {zoneOffsets.map((offset) => (\n        <Select.Option key={offset} value={offset}>\n          UTC{offset}\n        </Select.Option>\n      ))}\n    </Select>\n  );\n};\n","import * as React from 'react';\nimport { css } from 'emotion';\nimport tokens from '@contentful/f36-tokens';\nimport { FieldAPI, FieldConnector, ParametersAPI } from '@contentful/field-editor-shared';\nimport { DatepickerInput } from './DatepickerInput';\nimport { TimepickerInput } from './TimepickerInput';\nimport { TimezonepickerInput } from './TimezonePickerInput';\nimport {\n  userInputFromDatetime,\n  buildFieldValue,\n  getDefaultAMPM,\n  getDefaultUtcOffset,\n} from './utils/date';\nimport { TimeFormat, DateTimeFormat, TimeResult } from './types';\n\nimport { TextLink } from '@contentful/f36-components';\n\nexport interface DateEditorProps {\n  /**\n   * is the field disabled initially\n   */\n  isInitiallyDisabled: boolean;\n\n  /**\n   * sdk.field\n   */\n  field: FieldAPI;\n\n  /**\n   * sdk.parameters\n   */\n  parameters?: ParametersAPI & {\n    instance?: {\n      format?: DateTimeFormat;\n      ampm?: TimeFormat;\n    };\n  };\n}\n\nconst styles = {\n  root: css({\n    display: 'flex',\n    alignItems: 'center',\n  }),\n  separator: css({\n    marginLeft: tokens.spacingM,\n  }),\n};\n\nfunction useEffectWithoutFirstRender(callback: Function, deps: Array<any>) {\n  const isFirstRun = React.useRef(true);\n  React.useEffect(() => {\n    if (isFirstRun.current) {\n      isFirstRun.current = false;\n      return;\n    }\n    callback();\n  }, deps);\n}\n\nfunction DateEditorContainer({\n  initialValue,\n  usesTime,\n  usesTimezone,\n  uses12hClock,\n  disabled,\n  hasClear,\n  onChange,\n}: {\n  initialValue: TimeResult;\n  usesTime: boolean;\n  usesTimezone: boolean;\n  uses12hClock: boolean;\n  disabled: boolean;\n  hasClear: boolean;\n  onChange: (value: TimeResult) => void;\n}) {\n  const [value, setValue] = React.useState<TimeResult>(() => initialValue);\n\n  useEffectWithoutFirstRender(() => {\n    onChange(value);\n  }, [value]);\n\n  return (\n    <div data-test-id=\"date-editor\" className={styles.root}>\n      <DatepickerInput\n        disabled={disabled}\n        value={value.date}\n        onChange={(date) => {\n          setValue((value) => ({\n            ...value,\n            date,\n          }));\n        }}\n      />\n      {usesTime && (\n        <>\n          <div className={styles.separator} />\n          <TimepickerInput\n            disabled={disabled}\n            time={value.time}\n            ampm={value.ampm}\n            onChange={({ time, ampm }) => {\n              setValue((value) => ({\n                ...value,\n                time,\n                ampm,\n              }));\n            }}\n            uses12hClock={uses12hClock}\n          />\n        </>\n      )}\n      {usesTimezone && (\n        <>\n          <div className={styles.separator} />\n          <TimezonepickerInput\n            disabled={disabled}\n            value={value.utcOffset}\n            onChange={(utcOffset) => {\n              setValue((value) => ({\n                ...value,\n                utcOffset,\n              }));\n            }}\n          />\n        </>\n      )}\n      {hasClear && (\n        <>\n          <div className={styles.separator} />\n          <TextLink\n            as=\"button\"\n            isDisabled={disabled}\n            testId=\"date-clear\"\n            onClick={() => {\n              setValue({\n                date: undefined,\n                time: undefined,\n                ampm: getDefaultAMPM(),\n                utcOffset: getDefaultUtcOffset(),\n              });\n            }}>\n            Clear\n          </TextLink>\n        </>\n      )}\n    </div>\n  );\n}\n\nexport function DateEditor(props: DateEditorProps) {\n  const { field, parameters } = props;\n\n  const formatParam = parameters?.instance?.format ?? 'timeZ';\n  const ampmParam = parameters?.instance?.ampm ?? '24';\n\n  const usesTime = formatParam !== 'dateonly';\n  const usesTimezone = formatParam === 'timeZ';\n  const uses12hClock = ampmParam === '12';\n\n  return (\n    <FieldConnector<string>\n      field={field}\n      isInitiallyDisabled={props.isInitiallyDisabled}\n      throttle={0}>\n      {({ value, disabled, setValue, externalReset }) => {\n        const datetimeValue = userInputFromDatetime({\n          value,\n          uses12hClock,\n        });\n        return (\n          <DateEditorContainer\n            initialValue={datetimeValue}\n            uses12hClock={uses12hClock}\n            usesTimezone={usesTimezone}\n            usesTime={usesTime}\n            disabled={disabled}\n            hasClear={Boolean(value)}\n            onChange={(data) => {\n              const fieldValue = buildFieldValue({ data, usesTime, usesTimezone });\n              if (fieldValue.invalid) {\n                return;\n              }\n              // if value is present - then override it with a new one\n              // if value is not present - then set a new one if it's not nullable only\n              if (Boolean(value) || (!value && Boolean(fieldValue.valid))) {\n                setValue(fieldValue.valid);\n              }\n            }}\n            key={`date-container-${externalReset}`}\n          />\n        );\n      }}\n    </FieldConnector>\n  );\n}\n\nDateEditor.defaultProps = {\n  isInitiallyDisabled: true,\n};\n"],"names":["ZONE_RX","startOfToday","format","moment","set","hours","minutes","fieldValueToMoment","datetimeString","datetime","test","utcOffset","timeFromUserInput","input","timeInput","time","utc","ampm","datetimeFromUserInput","date","valid","parseZone","toObject","isValid","invalid","formatDateDisplay","buildFieldValue","data","usesTime","usesTimezone","getDefaultAMPM","getDefaultUtcOffset","userInputFromDatetime","value","uses12hClock","timeFormat","I18N","previousMonth","nextMonth","months","weekdaysShort","weekdays","DEFAULTS","i18n","yearRange","createPikaday","opts","Pikaday","Object","assign","CalendarIcon","props","React","width","height","viewBox","onClick","xmlns","className","fill","fillRule","d","styles","datePickerWrapper","css","position","maxHeight","datePicker","zIndex","display","cursor","paddingRight","icon","top","right","DatepickerInput","createRef","datePickerNode","current","focus","pikaday","show","e","onBlur","el","contains","relatedTarget","hide","componentDidMount","onChange","defaultDate","toDate","undefined","field","setDefaultDate","reposition","theme","cx","toString","onSelect","getMoment","componentWillUnmount","destroy","render","TextInput","testId","isReadOnly","isDisabled","disabled","ref","onFocus","handleOpen","handleBlur","focusInput","Component","noop","validInputFormats","parseRawInput","raw","i","length","getDefaultTime","formatToString","TimepickerInput","useState","selectedTime","setSelectedTime","useEffect","handleChange","useCallback","currentTarget","handleFocus","preventDefault","target","select","parsedTime","Flex","placeholder","defaultZoneOffset","zoneOffsets","TimezonepickerInput","Select","map","offset","Option","key","root","alignItems","separator","marginLeft","tokens","spacingM","useEffectWithoutFirstRender","callback","deps","isFirstRun","DateEditorContainer","initialValue","hasClear","setValue","TextLink","as","DateEditor","parameters","formatParam","instance","ampmParam","FieldConnector","isInitiallyDisabled","throttle","externalReset","datetimeValue","Boolean","fieldValue","defaultProps"],"mappings":"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"}
+{"version":3,"file":"field-editor-date.cjs.development.js","sources":["../src/utils/date.ts","../src/utils/createPikaday.ts","../src/icons/CalendarIcon.tsx","../src/DatepickerInput.tsx","../src/TimepickerInput.tsx","../src/utils/timezones.ts","../src/utils/zoneOffsets.ts","../src/TimezonePickerInput.tsx","../src/DateEditor.tsx"],"sourcesContent":["// eslint-disable-next-line no-restricted-imports\nimport moment from 'moment';\nimport { TimeResult } from '../types';\n\nconst ZONE_RX = /(Z|[+-]\\d{2}[:+]?\\d{2})$/;\n\nfunction startOfToday(format: string) {\n  return moment().set({ hours: 0, minutes: 0 }).format(format);\n}\n\nfunction fieldValueToMoment(datetimeString: string | null | undefined): moment.Moment | null {\n  if (!datetimeString) {\n    return null;\n  }\n\n  const datetime = moment(datetimeString);\n  if (ZONE_RX.test(datetimeString)) {\n    datetime.utcOffset(datetimeString);\n  }\n  return datetime;\n}\n\nfunction timeFromUserInput(input: TimeResult) {\n  const timeInput = input.time || '00:00';\n  return moment.utc(timeInput + '!' + input.ampm, 'HH:mm!A');\n}\n\n/**\n * Convert the user input object into either a 'moment' value or an\n * invalid symbol.\n *\n * Success is indicated by returning '{valid: value}' and failure is\n * indicated by returning '{invalid: true}'. If 'input.date' is\n * 'null' we return '{valid: null}'\n */\nfunction datetimeFromUserInput(input: TimeResult): {\n  invalid?: boolean;\n  valid: moment.Moment | null;\n} {\n  if (!input.date) {\n    return { valid: null };\n  }\n\n  const time = timeFromUserInput(input);\n\n  const date = moment\n    .parseZone(input.utcOffset, 'Z')\n    .set(input.date.toObject())\n    .set({ hours: time.hours(), minutes: time.minutes() });\n\n  if (date.isValid()) {\n    return { valid: date };\n  } else {\n    return { invalid: true, valid: null };\n  }\n}\n\nexport function formatDateDisplay(date?: moment.Moment) {\n  if (date) {\n    return date.format('dddd, MMMM Do YYYY');\n  } else {\n    return '';\n  }\n}\n\n/**\n * Parse user input into a string that is stored in the API.\n *\n * Returns a sum type with either the string as the `valid` property\n * or the `invalid` property set to `false`.\n */\nexport function buildFieldValue({\n  data,\n  usesTime,\n  usesTimezone,\n}: {\n  data: TimeResult;\n  usesTime: boolean;\n  usesTimezone: boolean;\n}) {\n  const date = datetimeFromUserInput(data);\n  if (date.invalid) {\n    return {\n      invalid: true,\n    };\n  }\n\n  let format;\n  if (usesTimezone) {\n    format = 'YYYY-MM-DDTHH:mmZ';\n  } else if (usesTime) {\n    format = 'YYYY-MM-DDTHH:mm';\n  } else {\n    format = 'YYYY-MM-DD';\n  }\n  return { valid: date?.valid ? date.valid.format(format) : null, invalid: false };\n}\n\nexport function getDefaultAMPM() {\n  return 'AM';\n}\n\nexport function getDefaultUtcOffset() {\n  return startOfToday('Z');\n}\n\n/**\n * Create the user input object from the field value.\n */\nexport function userInputFromDatetime({\n  value,\n  uses12hClock,\n}: {\n  value: string | undefined | null;\n  uses12hClock: boolean;\n}): TimeResult {\n  const datetime = fieldValueToMoment(value);\n\n  if (datetime) {\n    const timeFormat = uses12hClock ? 'hh:mm' : 'HH:mm';\n    return {\n      date: datetime,\n      time: datetime.format(timeFormat),\n      ampm: datetime.format('A'),\n      utcOffset: datetime.format('Z'),\n    };\n  } else {\n    return {\n      ampm: getDefaultAMPM(),\n      utcOffset: getDefaultUtcOffset(),\n    };\n  }\n}\n","import Pikaday from 'pikaday';\n\nconst I18N = {\n  previousMonth: 'Previous Month',\n  nextMonth: 'Next Month',\n  months: [\n    'January',\n    'February',\n    'March',\n    'April',\n    'May',\n    'June',\n    'July',\n    'August',\n    'September',\n    'October',\n    'November',\n    'December',\n  ],\n  weekdaysShort: ['S', 'M', 'T', 'W', 'T', 'F', 'S'],\n  weekdays: ['Sunday', 'Monday', 'Tuesday', 'Wednesday', 'Thursday', 'Friday', 'Saturday'],\n};\n\nconst DEFAULTS = {\n  i18n: I18N,\n  yearRange: 100,\n};\n\n// Gets same options as Pikaday and returns a Pikaday instance\nexport const createPikaday = (opts?: Pikaday.PikadayOptions) =>\n  new Pikaday(Object.assign({}, DEFAULTS, opts));\n","import React from 'react';\n\nexport function CalendarIcon(props: {\n  className?: string;\n  onClick?: React.MouseEventHandler<SVGElement>;\n}) {\n  return (\n    <svg\n      width=\"16\"\n      height=\"17\"\n      viewBox=\"-1 -1 18 19\"\n      onClick={props.onClick}\n      xmlns=\"http://www.w3.org/2000/svg\"\n      className={props.className}>\n      <g fill=\"none\" fillRule=\"evenodd\">\n        <g fill=\"#536171\">\n          <path d=\"M2.071 14.929v-2.411h2.411v2.41h-2.41zm2.947 0v-2.411h2.678v2.41H5.018zM2.07 11.982V9.304h2.411v2.678h-2.41zm2.947 0V9.304h2.678v2.678H5.018zM2.07 8.768v-2.41h2.411v2.41h-2.41zm6.161 6.16v-2.41h2.679v2.41H8.232zm-3.214-6.16v-2.41h2.678v2.41H5.018zm6.428 6.16v-2.41h2.411v2.41h-2.41zm-3.214-2.946V9.304h2.679v2.678H8.232zM5.286 4.75a.275.275 0 0 1-.268.268h-.536a.275.275 0 0 1-.268-.268V2.34c0-.143.126-.269.268-.269h.536c.142 0 .268.126.268.268V4.75zm6.16 7.232V9.304h2.411v2.678h-2.41zM8.232 8.768v-2.41h2.679v2.41H8.232zm3.214 0v-2.41h2.411v2.41h-2.41zm.268-4.018a.275.275 0 0 1-.268.268h-.535a.275.275 0 0 1-.268-.268V2.34c0-.143.125-.269.268-.269h.535c.143 0 .268.126.268.268V4.75zm3.215-.536c0-.586-.486-1.071-1.072-1.071h-1.071v-.804c0-.736-.603-1.339-1.34-1.339h-.535c-.737 0-1.34.603-1.34 1.34v.803H6.357v-.804C6.357 1.603 5.754 1 5.017 1h-.535c-.736 0-1.34.603-1.34 1.34v.803h-1.07C1.484 3.143 1 3.628 1 4.214V14.93C1 15.515 1.485 16 2.071 16h11.786c.586 0 1.072-.485 1.072-1.071V4.214z\" />\n        </g>\n      </g>\n    </svg>\n  );\n}\n","import React, { Component, FocusEventHandler, FocusEvent } from 'react';\nimport noop from 'lodash/noop';\n// eslint-disable-next-line no-restricted-imports\nimport moment from 'moment';\nimport { css, cx } from 'emotion';\nimport { formatDateDisplay } from './utils/date';\nimport { createPikaday } from './utils/createPikaday';\nimport { CalendarIcon } from './icons/CalendarIcon';\n\nimport { TextInput } from '@contentful/f36-components';\n\nconst styles = {\n  datePickerWrapper: css({\n    position: 'relative',\n    maxHeight: 70,\n  }),\n  datePicker: css({\n    zIndex: 1002,\n    display: 'block',\n    '.is-hidden': {\n      display: 'none',\n    },\n  }),\n  input: css({\n    width: '270px',\n    cursor: 'pointer',\n    paddingRight: '40px',\n    '&:disabled': {\n      cursor: 'not-allowed',\n    },\n  }),\n  icon: css({\n    cursor: 'pointer',\n    zIndex: 50,\n    position: 'absolute',\n    top: '12px',\n    right: '12px',\n  }),\n};\n\nexport type DatePickerProps = {\n  value?: moment.Moment;\n  onChange: (val: moment.Moment | undefined) => void;\n  onBlur: FocusEventHandler;\n  disabled?: boolean;\n};\n\nexport class DatepickerInput extends Component<DatePickerProps> {\n  static defaultProps: Partial<DatePickerProps> = {\n    onChange: noop,\n    onBlur: noop,\n  };\n\n  pikaday?: Pikaday;\n  datePickerNode = React.createRef<HTMLInputElement>();\n\n  componentDidMount() {\n    const onChange = this.props.onChange;\n    const defaultDate = this.props.value ? this.props.value.toDate() : undefined;\n    this.pikaday = createPikaday({\n      field: this.datePickerNode && this.datePickerNode.current,\n      defaultDate,\n      setDefaultDate: defaultDate !== undefined,\n      position: 'bottom left',\n      reposition: false,\n      theme: cx(styles.datePicker, 'hide-carret'),\n      toString: (date) => {\n        return formatDateDisplay(moment(date));\n      },\n      // we need to keep this function like this\n      // so `this` refers to pikaday instance\n      onSelect: function onSelect() {\n        onChange(this.getMoment() || undefined);\n      },\n    });\n  }\n\n  focusInput = () => {\n    if (this.datePickerNode && this.datePickerNode.current) {\n      this.datePickerNode.current.focus();\n    }\n  };\n\n  componentWillUnmount() {\n    if (this.pikaday) {\n      this.pikaday.destroy();\n    }\n  }\n\n  handleOpen = () => {\n    if (this.pikaday) {\n      this.pikaday.show();\n    }\n  };\n\n  handleBlur = (e: FocusEvent) => {\n    this.props.onBlur(e);\n    if (this.pikaday && !this.pikaday.el.contains(e.relatedTarget as HTMLInputElement)) {\n      this.pikaday.hide();\n    }\n  };\n\n  render() {\n    return (\n      <div className={styles.datePickerWrapper}>\n        <TextInput\n          aria-label=\"Select date\"\n          testId=\"date-input\"\n          isReadOnly\n          isDisabled={this.props.disabled}\n          value={formatDateDisplay(this.props.value)}\n          ref={this.datePickerNode}\n          onFocus={this.handleOpen}\n          onBlur={this.handleBlur}\n          className={styles.input}\n        />\n        <CalendarIcon\n          onClick={() => {\n            this.focusInput();\n          }}\n          className={styles.icon}\n        />\n      </div>\n    );\n  }\n}\n","import React, { useState, useCallback, useEffect } from 'react';\n// eslint-disable-next-line no-restricted-imports\nimport moment from 'moment';\nimport { css } from 'emotion';\n\nimport { TextInput, Flex } from '@contentful/f36-components';\n\nexport type TimepickerProps = {\n  disabled: boolean;\n  uses12hClock: boolean;\n  onChange: (value: { time: string; ampm: string }) => void;\n  time?: string;\n  ampm?: string;\n};\n\nconst validInputFormats = [\n  'hh:mm a',\n  'hh:mm A',\n  'h:mm a',\n  'h:mm A',\n  'hh:mm',\n  'k:mm',\n  'kk:mm',\n  'h a',\n  'h A',\n  'h',\n  'hh',\n  'HH',\n];\n\nfunction parseRawInput(raw: string): moment.Moment | null {\n  let time: moment.Moment | null = null;\n\n  // eslint-disable-next-line @typescript-eslint/prefer-for-of\n  for (let i = 0; i < validInputFormats.length; i++) {\n    const date = moment(raw, validInputFormats[i]);\n    if (date.isValid()) {\n      time = date;\n      break;\n    }\n  }\n\n  return time;\n}\n\nconst getDefaultTime = () => {\n  return moment(`12:00 AM`, 'hh:mm A');\n};\n\nconst formatToString = (uses12hClock: boolean, value: moment.Moment): string => {\n  return uses12hClock ? value.format('hh:mm A') : value.format('HH:mm');\n};\n\nexport const TimepickerInput = ({\n  disabled,\n  uses12hClock,\n  time = '12:00',\n  ampm = 'AM',\n  onChange,\n}: TimepickerProps) => {\n  const [selectedTime, setSelectedTime] = useState<string>(() => {\n    return formatToString(uses12hClock, getDefaultTime());\n  });\n\n  useEffect(() => {\n    setSelectedTime(formatToString(uses12hClock, moment(`${time} ${ampm}`, 'hh:mm A')));\n  }, [time, ampm, uses12hClock]);\n\n  const handleChange = useCallback((e: React.ChangeEvent<HTMLInputElement>) => {\n    setSelectedTime(e.currentTarget.value);\n  }, []);\n\n  const handleFocus = useCallback((e) => {\n    e.preventDefault();\n    e.target.select();\n  }, []);\n\n  const handleBlur = () => {\n    const parsedTime = parseRawInput(selectedTime);\n    const value = parsedTime ?? getDefaultTime();\n    setSelectedTime(formatToString(uses12hClock, value));\n    onChange({ time: value.format('hh:mm'), ampm: value.format('A') });\n  };\n\n  return (\n    <Flex className={css({ width: '140px' })}>\n      <TextInput\n        aria-label=\"Select time\"\n        placeholder={uses12hClock ? '12:00 AM' : '00:00'}\n        date-time-type={uses12hClock ? '12' : '24'}\n        testId=\"time-input\"\n        value={selectedTime}\n        isDisabled={disabled}\n        onFocus={handleFocus}\n        onBlur={handleBlur}\n        onChange={handleChange}\n      />\n    </Flex>\n  );\n};\n","import dayjs from 'dayjs';\n\nimport utc from 'dayjs/plugin/utc';\nimport timezone from 'dayjs/plugin/timezone';\n\nimport { timeZonesNames } from '@vvo/tzdb';\n\ndayjs.extend(utc);\ndayjs.extend(timezone);\n\nexport type Timezone = {\n  displayValue: string;\n  ianaName: string;\n};\n\n// Borrowed from https://github.com/tc39/proposal-intl-enumeration/blob/master/polyfill/timeZones.js\nfunction isSupported(timeZone: string): boolean {\n  try {\n    const newFormat = new Intl.DateTimeFormat('en', { timeZone });\n    const options = newFormat.resolvedOptions();\n    return options.timeZone === timeZone;\n  } catch (e) {\n    return false;\n  }\n}\n\nconst timezones = timeZonesNames\n  .filter((timezone: string) => isSupported(timezone))\n  .map((timezone: string) => ({\n    displayValue: `(GMT${dayjs.tz(undefined, timezone).format('Z')}) - ${timezone.replace(\n      '_',\n      ' '\n    )}`,\n    ianaName: timezone,\n  }));\n\nexport default timezones;\n","export const defaultZoneOffset = '+00:00';\n\nexport const zoneOffsets = [\n  '-12:00',\n  '-11:00',\n  '-10:00',\n  '-09:30',\n  '-09:00',\n  '-08:00',\n  '-07:00',\n  '-06:00',\n  '-05:00',\n  '-04:30',\n  '-04:00',\n  '-03:30',\n  '-03:00',\n  '-02:00',\n  '-01:00',\n  '+00:00',\n  '+01:00',\n  '+02:00',\n  '+03:00',\n  '+03:30',\n  '+04:00',\n  '+04:30',\n  '+05:00',\n  '+05:30',\n  '+05:45',\n  '+06:00',\n  '+06:30',\n  '+07:00',\n  '+08:00',\n  '+08:45',\n  '+09:00',\n  '+09:30',\n  '+10:00',\n  '+10:30',\n  '+11:00',\n  '+11:30',\n  '+12:00',\n  '+12:45',\n  '+13:00',\n  '+14:00',\n];\n","import React, { useCallback, useEffect, useState } from 'react';\n\nimport { Autocomplete } from '@contentful/f36-components';\n\nimport allTimezones, { Timezone } from './utils/timezones';\nimport { defaultZoneOffset } from './utils/zoneOffsets';\n\nimport dayjs from 'dayjs';\n\nimport utc from 'dayjs/plugin/utc';\nimport timezone from 'dayjs/plugin/timezone';\n\ndayjs.extend(utc);\ndayjs.extend(timezone);\n\nexport type TimezonepickerProps = {\n  disabled: boolean;\n  onChange: (value: string) => void;\n  value?: string;\n};\n\nexport const TimezonepickerInput = ({\n  disabled,\n  onChange,\n  value = defaultZoneOffset,\n}: TimezonepickerProps) => {\n  const defaultTimezone =\n    allTimezones.find((timezone: Timezone) => timezone.ianaName === dayjs.tz.guess()) ||\n    allTimezones.find(\n      (timezone: Timezone) => dayjs.tz(undefined, timezone.ianaName).format('Z') === value\n    );\n\n  const [filteredTimezones, setFilteredTimezones] = useState(allTimezones);\n  const [userInput, setUserInput] = useState(defaultTimezone as Timezone);\n\n  useEffect(() => {\n    if (!value) {\n      setUserInput({\n        displayValue: '',\n        ianaName: '',\n      } as Timezone);\n    }\n  }, [value]);\n\n  const handleSelect = useCallback(\n    (timezone) => {\n      onChange(dayjs.tz(undefined, timezone.ianaName).format('Z'));\n      setUserInput(timezone);\n    },\n    [onChange]\n  );\n\n  const handleChange = (val: string) => {\n    const newFilteredTimezones = allTimezones.filter((timezone: Timezone) =>\n      timezone.displayValue.toLowerCase().includes(val.toLowerCase())\n    );\n    setFilteredTimezones(newFilteredTimezones.length > 0 ? newFilteredTimezones : allTimezones);\n  };\n\n  return (\n    <Autocomplete\n      isDisabled={disabled}\n      listMaxHeight={300}\n      items={filteredTimezones.slice(0, 100)}\n      itemToString={(timezone: Timezone) => timezone.displayValue}\n      renderItem={(timezone: Timezone) => timezone.displayValue}\n      onSelectItem={handleSelect}\n      onInputValueChange={handleChange}\n      selectedItem={userInput}\n      placeholder=\"Select a timezone\"\n      noMatchesMessage=\"No timezones found\"\n      testId=\"timezone-input\"\n    />\n  );\n};\n","import * as React from 'react';\nimport { css } from 'emotion';\nimport tokens from '@contentful/f36-tokens';\nimport { FieldAPI, FieldConnector, ParametersAPI } from '@contentful/field-editor-shared';\nimport { DatepickerInput } from './DatepickerInput';\nimport { TimepickerInput } from './TimepickerInput';\nimport { TimezonepickerInput } from './TimezonePickerInput';\nimport { userInputFromDatetime, buildFieldValue, getDefaultAMPM } from './utils/date';\nimport { TimeFormat, DateTimeFormat, TimeResult } from './types';\n\nimport { TextLink } from '@contentful/f36-components';\n\nexport interface DateEditorProps {\n  /**\n   * is the field disabled initially\n   */\n  isInitiallyDisabled: boolean;\n\n  /**\n   * sdk.field\n   */\n  field: FieldAPI;\n\n  /**\n   * sdk.parameters\n   */\n  parameters?: ParametersAPI & {\n    instance?: {\n      format?: DateTimeFormat;\n      ampm?: TimeFormat;\n    };\n  };\n}\n\nconst styles = {\n  root: css({\n    display: 'flex',\n    alignItems: 'center',\n  }),\n  separator: css({\n    marginLeft: tokens.spacingM,\n  }),\n};\n\nfunction useEffectWithoutFirstRender(callback: Function, deps: Array<any>) {\n  const isFirstRun = React.useRef(true);\n  React.useEffect(() => {\n    if (isFirstRun.current) {\n      isFirstRun.current = false;\n      return;\n    }\n    callback();\n  }, deps);\n}\n\nfunction DateEditorContainer({\n  initialValue,\n  usesTime,\n  usesTimezone,\n  uses12hClock,\n  disabled,\n  hasClear,\n  onChange,\n}: {\n  initialValue: TimeResult;\n  usesTime: boolean;\n  usesTimezone: boolean;\n  uses12hClock: boolean;\n  disabled: boolean;\n  hasClear: boolean;\n  onChange: (value: TimeResult) => void;\n}) {\n  const [value, setValue] = React.useState<TimeResult>(() => initialValue);\n\n  useEffectWithoutFirstRender(() => {\n    onChange(value);\n  }, [value]);\n\n  return (\n    <div data-test-id=\"date-editor\" className={styles.root}>\n      <DatepickerInput\n        disabled={disabled}\n        value={value.date}\n        onChange={(date) => {\n          setValue((value) => ({\n            ...value,\n            date,\n          }));\n        }}\n      />\n      {usesTime && (\n        <>\n          <div className={styles.separator} />\n          <TimepickerInput\n            disabled={disabled}\n            time={value.time}\n            ampm={value.ampm}\n            onChange={({ time, ampm }) => {\n              setValue((value) => ({\n                ...value,\n                time,\n                ampm,\n              }));\n            }}\n            uses12hClock={uses12hClock}\n          />\n        </>\n      )}\n      {usesTimezone && (\n        <>\n          <div className={styles.separator} />\n          <TimezonepickerInput\n            disabled={disabled}\n            value={value.utcOffset}\n            onChange={(utcOffset) => {\n              setValue((value) => ({\n                ...value,\n                utcOffset,\n              }));\n            }}\n          />\n        </>\n      )}\n      {hasClear && (\n        <>\n          <div className={styles.separator} />\n          <TextLink\n            as=\"button\"\n            isDisabled={disabled}\n            testId=\"date-clear\"\n            onClick={() => {\n              setValue({\n                date: undefined,\n                time: undefined,\n                ampm: getDefaultAMPM(),\n                utcOffset: '',\n              });\n            }}>\n            Clear\n          </TextLink>\n        </>\n      )}\n    </div>\n  );\n}\n\nexport function DateEditor(props: DateEditorProps) {\n  const { field, parameters } = props;\n\n  const formatParam = parameters?.instance?.format ?? 'timeZ';\n  const ampmParam = parameters?.instance?.ampm ?? '24';\n\n  const usesTime = formatParam !== 'dateonly';\n  const usesTimezone = formatParam === 'timeZ';\n  const uses12hClock = ampmParam === '12';\n\n  return (\n    <FieldConnector<string>\n      field={field}\n      isInitiallyDisabled={props.isInitiallyDisabled}\n      throttle={0}>\n      {({ value, disabled, setValue, externalReset }) => {\n        const datetimeValue = userInputFromDatetime({\n          value,\n          uses12hClock,\n        });\n        return (\n          <DateEditorContainer\n            initialValue={datetimeValue}\n            uses12hClock={uses12hClock}\n            usesTimezone={usesTimezone}\n            usesTime={usesTime}\n            disabled={disabled}\n            hasClear={Boolean(value)}\n            onChange={(data) => {\n              const fieldValue = buildFieldValue({ data, usesTime, usesTimezone });\n              if (fieldValue.invalid) {\n                return;\n              }\n              // if value is present - then override it with a new one\n              // if value is not present - then set a new one if it's not nullable only\n              if (Boolean(value) || (!value && Boolean(fieldValue.valid))) {\n                setValue(fieldValue.valid);\n              }\n            }}\n            key={`date-container-${externalReset}`}\n          />\n        );\n      }}\n    </FieldConnector>\n  );\n}\n\nDateEditor.defaultProps = {\n  isInitiallyDisabled: true,\n};\n"],"names":["ZONE_RX","startOfToday","format","moment","set","hours","minutes","fieldValueToMoment","datetimeString","datetime","test","utcOffset","timeFromUserInput","input","timeInput","time","utc","ampm","datetimeFromUserInput","date","valid","parseZone","toObject","isValid","invalid","formatDateDisplay","buildFieldValue","data","usesTime","usesTimezone","getDefaultAMPM","getDefaultUtcOffset","userInputFromDatetime","value","uses12hClock","timeFormat","I18N","previousMonth","nextMonth","months","weekdaysShort","weekdays","DEFAULTS","i18n","yearRange","createPikaday","opts","Pikaday","Object","assign","CalendarIcon","props","React","width","height","viewBox","onClick","xmlns","className","fill","fillRule","d","styles","datePickerWrapper","css","position","maxHeight","datePicker","zIndex","display","cursor","paddingRight","icon","top","right","DatepickerInput","createRef","datePickerNode","current","focus","pikaday","show","e","onBlur","el","contains","relatedTarget","hide","componentDidMount","onChange","defaultDate","toDate","undefined","field","setDefaultDate","reposition","theme","cx","toString","onSelect","getMoment","componentWillUnmount","destroy","render","TextInput","testId","isReadOnly","isDisabled","disabled","ref","onFocus","handleOpen","handleBlur","focusInput","Component","noop","validInputFormats","parseRawInput","raw","i","length","getDefaultTime","formatToString","TimepickerInput","useState","selectedTime","setSelectedTime","useEffect","handleChange","useCallback","currentTarget","handleFocus","preventDefault","target","select","parsedTime","Flex","placeholder","dayjs","extend","timezone","isSupported","timeZone","newFormat","Intl","DateTimeFormat","options","resolvedOptions","timezones","timeZonesNames","filter","map","displayValue","tz","replace","ianaName","defaultZoneOffset","zoneOffsets","TimezonepickerInput","defaultTimezone","allTimezones","find","guess","filteredTimezones","setFilteredTimezones","userInput","setUserInput","handleSelect","val","newFilteredTimezones","toLowerCase","includes","Autocomplete","listMaxHeight","items","slice","itemToString","renderItem","onSelectItem","onInputValueChange","selectedItem","noMatchesMessage","root","alignItems","separator","marginLeft","tokens","spacingM","useEffectWithoutFirstRender","callback","deps","isFirstRun","DateEditorContainer","initialValue","hasClear","setValue","TextLink","as","DateEditor","parameters","formatParam","instance","ampmParam","FieldConnector","isInitiallyDisabled","throttle","externalReset","datetimeValue","Boolean","fieldValue","key","defaultProps"],"mappings":"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"}

package/dist/field-editor-date.cjs.production.min.js

@@ -1,2 +1,2 @@
-"use strict";function e(e){return e&&"object"==typeof e&&"default"in e?e.default:e}Object.defineProperty(exports,"__esModule",{value:!0});var t=require("react"),n=e(t),a=require("emotion"),r=e(require("@contentful/f36-tokens")),i=require("@contentful/field-editor-shared"),o=e(require("lodash/noop")),l=e(require("moment")),u=e(require("pikaday")),s=require("@contentful/f36-components");function c(){return(c=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var a in n)Object.prototype.hasOwnProperty.call(n,a)&&(e[a]=n[a])}return e}).apply(this,arguments)}function d(e,t){return(d=Object.setPrototypeOf||function(e,t){return e.__proto__=t,e})(e,t)}var m=/(Z|[+-]\d{2}[:+]?\d{2})$/;function h(e){return e?e.format("dddd, MMMM Do YYYY"):""}function f(){return l().set({hours:0,minutes:0}).format("Z")}var p={i18n:{previousMonth:"Previous Month",nextMonth:"Next Month",months:["January","February","March","April","May","June","July","August","September","October","November","December"],weekdaysShort:["S","M","T","W","T","F","S"],weekdays:["Sunday","Monday","Tuesday","Wednesday","Thursday","Friday","Saturday"]},yearRange:100},v=function(e){return new u(Object.assign({},p,e))};function y(e){return n.createElement("svg",{width:"16",height:"17",viewBox:"-1 -1 18 19",onClick:e.onClick,xmlns:"http://www.w3.org/2000/svg",className:e.className},n.createElement("g",{fill:"none",fillRule:"evenodd"},n.createElement("g",{fill:"#536171"},n.createElement("path",{d:"M2.071 14.929v-2.411h2.411v2.41h-2.41zm2.947 0v-2.411h2.678v2.41H5.018zM2.07 11.982V9.304h2.411v2.678h-2.41zm2.947 0V9.304h2.678v2.678H5.018zM2.07 8.768v-2.41h2.411v2.41h-2.41zm6.161 6.16v-2.41h2.679v2.41H8.232zm-3.214-6.16v-2.41h2.678v2.41H5.018zm6.428 6.16v-2.41h2.411v2.41h-2.41zm-3.214-2.946V9.304h2.679v2.678H8.232zM5.286 4.75a.275.275 0 0 1-.268.268h-.536a.275.275 0 0 1-.268-.268V2.34c0-.143.126-.269.268-.269h.536c.142 0 .268.126.268.268V4.75zm6.16 7.232V9.304h2.411v2.678h-2.41zM8.232 8.768v-2.41h2.679v2.41H8.232zm3.214 0v-2.41h2.411v2.41h-2.41zm.268-4.018a.275.275 0 0 1-.268.268h-.535a.275.275 0 0 1-.268-.268V2.34c0-.143.125-.269.268-.269h.535c.143 0 .268.126.268.268V4.75zm3.215-.536c0-.586-.486-1.071-1.072-1.071h-1.071v-.804c0-.736-.603-1.339-1.34-1.339h-.535c-.737 0-1.34.603-1.34 1.34v.803H6.357v-.804C6.357 1.603 5.754 1 5.017 1h-.535c-.736 0-1.34.603-1.34 1.34v.803h-1.07C1.484 3.143 1 3.628 1 4.214V14.93C1 15.515 1.485 16 2.071 16h11.786c.586 0 1.072-.485 1.072-1.071V4.214z"}))))}var k={datePickerWrapper:a.css({position:"relative",maxHeight:70}),datePicker:a.css({zIndex:1002,display:"block",".is-hidden":{display:"none"}}),input:a.css({width:"270px",cursor:"pointer",paddingRight:"40px","&:disabled":{cursor:"not-allowed"}}),icon:a.css({cursor:"pointer",zIndex:50,position:"absolute",top:"12px",right:"12px"})},b=function(e){var t,r;function i(){var t;return(t=e.apply(this,arguments)||this).datePickerNode=n.createRef(),t.focusInput=function(){t.datePickerNode&&t.datePickerNode.current&&t.datePickerNode.current.focus()},t.handleOpen=function(){t.pikaday&&t.pikaday.show()},t.handleBlur=function(e){t.props.onBlur(e),t.pikaday&&!t.pikaday.el.contains(e.relatedTarget)&&t.pikaday.hide()},t}r=e,(t=i).prototype=Object.create(r.prototype),t.prototype.constructor=t,d(t,r);var o=i.prototype;return o.componentDidMount=function(){var e=this.props.onChange,t=this.props.value?this.props.value.toDate():void 0;this.pikaday=v({field:this.datePickerNode&&this.datePickerNode.current,defaultDate:t,setDefaultDate:void 0!==t,position:"bottom left",reposition:!1,theme:a.cx(k.datePicker,"hide-carret"),toString:function(e){return h(l(e))},onSelect:function(){e(this.getMoment()||void 0)}})},o.componentWillUnmount=function(){this.pikaday&&this.pikaday.destroy()},o.render=function(){var e=this;return n.createElement("div",{className:k.datePickerWrapper},n.createElement(s.TextInput,{"aria-label":"Select date",testId:"date-input",isReadOnly:!0,isDisabled:this.props.disabled,value:h(this.props.value),ref:this.datePickerNode,onFocus:this.handleOpen,onBlur:this.handleBlur,className:k.input}),n.createElement(y,{onClick:function(){e.focusInput()},className:k.icon}))},i}(t.Component);b.defaultProps={onChange:o,onBlur:o};var g=["hh:mm a","hh:mm A","h:mm a","h:mm A","hh:mm","k:mm","kk:mm","h a","h A","h","hh","HH"],C=function(){return l("12:00 AM","hh:mm A")},M=function(e,t){return t.format(e?"hh:mm A":"HH:mm")},E=function(e){var r=e.disabled,i=e.uses12hClock,o=e.time,u=void 0===o?"12:00":o,c=e.ampm,d=void 0===c?"AM":c,m=e.onChange,h=t.useState((function(){return M(i,C())})),f=h[0],p=h[1];t.useEffect((function(){p(M(i,l(u+" "+d,"hh:mm A")))}),[u,d,i]);var v=t.useCallback((function(e){p(e.currentTarget.value)}),[]),y=t.useCallback((function(e){e.preventDefault(),e.target.select()}),[]);return n.createElement(s.Flex,{className:a.css({width:"140px"})},n.createElement(s.TextInput,{"aria-label":"Select time",placeholder:i?"12:00 AM":"00:00","date-time-type":i?"12":"24",testId:"time-input",value:f,isDisabled:r,onFocus:y,onBlur:function(){var e=function(e){for(var t=null,n=0;n<g.length;n++){var a=l(e,g[n]);if(a.isValid()){t=a;break}}return t}(f),t=null!=e?e:C();p(M(i,t)),m({time:t.format("hh:mm"),ampm:t.format("A")})},onChange:v}))},z=["-12:00","-11:00","-10:00","-09:30","-09:00","-08:00","-07:00","-06:00","-05:00","-04:30","-04:00","-03:30","-03:00","-02:00","-01:00","+00:00","+01:00","+02:00","+03:00","+03:30","+04:00","+04:30","+05:00","+05:30","+05:45","+06:00","+06:30","+07:00","+08:00","+08:45","+09:00","+09:30","+10:00","+10:30","+11:00","+11:30","+12:00","+12:45","+13:00","+14:00"],x=function(e){var t=e.onChange,a=e.value;return n.createElement(s.Select,{"aria-label":"Select timezone",testId:"timezone-input",value:void 0===a?"+00:00":a,isDisabled:e.disabled,onChange:function(e){t(e.currentTarget.value)}},z.map((function(e){return n.createElement(s.Select.Option,{key:e,value:e},"UTC",e)})))},D={root:a.css({display:"flex",alignItems:"center"}),separator:a.css({marginLeft:r.spacingM})};function O(e){var n,a,r,i=e.initialValue,o=e.usesTime,l=e.usesTimezone,u=e.uses12hClock,d=e.disabled,m=e.hasClear,h=e.onChange,p=t.useState((function(){return i})),v=p[0],y=p[1];return n=function(){h(v)},a=[v],r=t.useRef(!0),t.useEffect((function(){r.current?r.current=!1:n()}),a),t.createElement("div",{"data-test-id":"date-editor",className:D.root},t.createElement(b,{disabled:d,value:v.date,onChange:function(e){y((function(t){return c({},t,{date:e})}))}}),o&&t.createElement(t.Fragment,null,t.createElement("div",{className:D.separator}),t.createElement(E,{disabled:d,time:v.time,ampm:v.ampm,onChange:function(e){var t=e.time,n=e.ampm;y((function(e){return c({},e,{time:t,ampm:n})}))},uses12hClock:u})),l&&t.createElement(t.Fragment,null,t.createElement("div",{className:D.separator}),t.createElement(x,{disabled:d,value:v.utcOffset,onChange:function(e){y((function(t){return c({},t,{utcOffset:e})}))}})),m&&t.createElement(t.Fragment,null,t.createElement("div",{className:D.separator}),t.createElement(s.TextLink,{as:"button",isDisabled:d,testId:"date-clear",onClick:function(){y({date:void 0,time:void 0,ampm:"AM",utcOffset:f()})}},"Clear")))}function T(e){var n,a,r,o,u=e.parameters,s=null!=(n=null==u||null==(a=u.instance)?void 0:a.format)?n:"timeZ",c=null!=(r=null==u||null==(o=u.instance)?void 0:o.ampm)?r:"24",d="dateonly"!==s,h="timeZ"===s,p="12"===c;return t.createElement(i.FieldConnector,{field:e.field,isInitiallyDisabled:e.isInitiallyDisabled,throttle:0},(function(e){var n=e.value,a=e.disabled,r=e.setValue,i=e.externalReset,o=function(e){var t=e.uses12hClock,n=function(e){if(!e)return null;var t=l(e);return m.test(e)&&t.utcOffset(e),t}(e.value);return n?{date:n,time:n.format(t?"hh:mm":"HH:mm"),ampm:n.format("A"),utcOffset:n.format("Z")}:{ampm:"AM",utcOffset:f()}}({value:n,uses12hClock:p});return t.createElement(O,{initialValue:o,uses12hClock:p,usesTimezone:h,usesTime:d,disabled:a,hasClear:Boolean(n),onChange:function(e){var t=function(e){var t=e.usesTime,n=e.usesTimezone,a=function(e){if(!e.date)return{valid:null};var t=function(e){return l.utc((e.time||"00:00")+"!"+e.ampm,"HH:mm!A")}(e),n=l.parseZone(e.utcOffset,"Z").set(e.date.toObject()).set({hours:t.hours(),minutes:t.minutes()});return n.isValid()?{valid:n}:{invalid:!0,valid:null}}(e.data);return a.invalid?{invalid:!0}:{valid:null!=a&&a.valid?a.valid.format(n?"YYYY-MM-DDTHH:mmZ":t?"YYYY-MM-DDTHH:mm":"YYYY-MM-DD"):null,invalid:!1}}({data:e,usesTime:d,usesTimezone:h});t.invalid||(Boolean(n)||!n&&Boolean(t.valid))&&r(t.valid)},key:"date-container-"+i})}))}T.defaultProps={isInitiallyDisabled:!0},exports.DateEditor=T,exports.createPikaday=v,exports.zoneOffsets=z;
+"use strict";function e(e){return e&&"object"==typeof e&&"default"in e?e.default:e}Object.defineProperty(exports,"__esModule",{value:!0});var t=require("react"),n=e(t),a=require("emotion"),r=e(require("@contentful/f36-tokens")),i=require("@contentful/field-editor-shared"),o=e(require("lodash/noop")),u=e(require("moment")),l=e(require("pikaday")),s=require("@contentful/f36-components"),c=e(require("dayjs")),d=e(require("dayjs/plugin/utc")),m=e(require("dayjs/plugin/timezone")),f=require("@vvo/tzdb");function h(){return(h=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var a in n)Object.prototype.hasOwnProperty.call(n,a)&&(e[a]=n[a])}return e}).apply(this,arguments)}function p(e,t){return(p=Object.setPrototypeOf||function(e,t){return e.__proto__=t,e})(e,t)}var v=/(Z|[+-]\d{2}[:+]?\d{2})$/;function y(e){return e?e.format("dddd, MMMM Do YYYY"):""}var g={i18n:{previousMonth:"Previous Month",nextMonth:"Next Month",months:["January","February","March","April","May","June","July","August","September","October","November","December"],weekdaysShort:["S","M","T","W","T","F","S"],weekdays:["Sunday","Monday","Tuesday","Wednesday","Thursday","Friday","Saturday"]},yearRange:100},k=function(e){return new l(Object.assign({},g,e))};function b(e){return n.createElement("svg",{width:"16",height:"17",viewBox:"-1 -1 18 19",onClick:e.onClick,xmlns:"http://www.w3.org/2000/svg",className:e.className},n.createElement("g",{fill:"none",fillRule:"evenodd"},n.createElement("g",{fill:"#536171"},n.createElement("path",{d:"M2.071 14.929v-2.411h2.411v2.41h-2.41zm2.947 0v-2.411h2.678v2.41H5.018zM2.07 11.982V9.304h2.411v2.678h-2.41zm2.947 0V9.304h2.678v2.678H5.018zM2.07 8.768v-2.41h2.411v2.41h-2.41zm6.161 6.16v-2.41h2.679v2.41H8.232zm-3.214-6.16v-2.41h2.678v2.41H5.018zm6.428 6.16v-2.41h2.411v2.41h-2.41zm-3.214-2.946V9.304h2.679v2.678H8.232zM5.286 4.75a.275.275 0 0 1-.268.268h-.536a.275.275 0 0 1-.268-.268V2.34c0-.143.126-.269.268-.269h.536c.142 0 .268.126.268.268V4.75zm6.16 7.232V9.304h2.411v2.678h-2.41zM8.232 8.768v-2.41h2.679v2.41H8.232zm3.214 0v-2.41h2.411v2.41h-2.41zm.268-4.018a.275.275 0 0 1-.268.268h-.535a.275.275 0 0 1-.268-.268V2.34c0-.143.125-.269.268-.269h.535c.143 0 .268.126.268.268V4.75zm3.215-.536c0-.586-.486-1.071-1.072-1.071h-1.071v-.804c0-.736-.603-1.339-1.34-1.339h-.535c-.737 0-1.34.603-1.34 1.34v.803H6.357v-.804C6.357 1.603 5.754 1 5.017 1h-.535c-.736 0-1.34.603-1.34 1.34v.803h-1.07C1.484 3.143 1 3.628 1 4.214V14.93C1 15.515 1.485 16 2.071 16h11.786c.586 0 1.072-.485 1.072-1.071V4.214z"}))))}var M={datePickerWrapper:a.css({position:"relative",maxHeight:70}),datePicker:a.css({zIndex:1002,display:"block",".is-hidden":{display:"none"}}),input:a.css({width:"270px",cursor:"pointer",paddingRight:"40px","&:disabled":{cursor:"not-allowed"}}),icon:a.css({cursor:"pointer",zIndex:50,position:"absolute",top:"12px",right:"12px"})},C=function(e){var t,r;function i(){var t;return(t=e.apply(this,arguments)||this).datePickerNode=n.createRef(),t.focusInput=function(){t.datePickerNode&&t.datePickerNode.current&&t.datePickerNode.current.focus()},t.handleOpen=function(){t.pikaday&&t.pikaday.show()},t.handleBlur=function(e){t.props.onBlur(e),t.pikaday&&!t.pikaday.el.contains(e.relatedTarget)&&t.pikaday.hide()},t}r=e,(t=i).prototype=Object.create(r.prototype),t.prototype.constructor=t,p(t,r);var o=i.prototype;return o.componentDidMount=function(){var e=this.props.onChange,t=this.props.value?this.props.value.toDate():void 0;this.pikaday=k({field:this.datePickerNode&&this.datePickerNode.current,defaultDate:t,setDefaultDate:void 0!==t,position:"bottom left",reposition:!1,theme:a.cx(M.datePicker,"hide-carret"),toString:function(e){return y(u(e))},onSelect:function(){e(this.getMoment()||void 0)}})},o.componentWillUnmount=function(){this.pikaday&&this.pikaday.destroy()},o.render=function(){var e=this;return n.createElement("div",{className:M.datePickerWrapper},n.createElement(s.TextInput,{"aria-label":"Select date",testId:"date-input",isReadOnly:!0,isDisabled:this.props.disabled,value:y(this.props.value),ref:this.datePickerNode,onFocus:this.handleOpen,onBlur:this.handleBlur,className:M.input}),n.createElement(b,{onClick:function(){e.focusInput()},className:M.icon}))},i}(t.Component);C.defaultProps={onChange:o,onBlur:o};var z=["hh:mm a","hh:mm A","h:mm a","h:mm A","hh:mm","k:mm","kk:mm","h a","h A","h","hh","HH"],x=function(){return u("12:00 AM","hh:mm A")},E=function(e,t){return t.format(e?"hh:mm A":"HH:mm")},N=function(e){var r=e.disabled,i=e.uses12hClock,o=e.time,l=void 0===o?"12:00":o,c=e.ampm,d=void 0===c?"AM":c,m=e.onChange,f=t.useState((function(){return E(i,x())})),h=f[0],p=f[1];t.useEffect((function(){p(E(i,u(l+" "+d,"hh:mm A")))}),[l,d,i]);var v=t.useCallback((function(e){p(e.currentTarget.value)}),[]),y=t.useCallback((function(e){e.preventDefault(),e.target.select()}),[]);return n.createElement(s.Flex,{className:a.css({width:"140px"})},n.createElement(s.TextInput,{"aria-label":"Select time",placeholder:i?"12:00 AM":"00:00","date-time-type":i?"12":"24",testId:"time-input",value:h,isDisabled:r,onFocus:y,onBlur:function(){var e=function(e){for(var t=null,n=0;n<z.length;n++){var a=u(e,z[n]);if(a.isValid()){t=a;break}}return t}(h),t=null!=e?e:x();p(E(i,t)),m({time:t.format("hh:mm"),ampm:t.format("A")})},onChange:v}))};c.extend(d),c.extend(m);var D=f.timeZonesNames.filter((function(e){return function(e){try{return new Intl.DateTimeFormat("en",{timeZone:e}).resolvedOptions().timeZone===e}catch(e){return!1}}(e)})).map((function(e){return{displayValue:"(GMT"+c.tz(void 0,e).format("Z")+") - "+e.replace("_"," "),ianaName:e}}));c.extend(d),c.extend(m);var O=function(e){var a=e.disabled,r=e.onChange,i=e.value,o=void 0===i?"+00:00":i,u=D.find((function(e){return e.ianaName===c.tz.guess()}))||D.find((function(e){return c.tz(void 0,e.ianaName).format("Z")===o})),l=t.useState(D),d=l[0],m=l[1],f=t.useState(u),h=f[0],p=f[1];t.useEffect((function(){o||p({displayValue:"",ianaName:""})}),[o]);var v=t.useCallback((function(e){r(c.tz(void 0,e.ianaName).format("Z")),p(e)}),[r]);return n.createElement(s.Autocomplete,{isDisabled:a,listMaxHeight:300,items:d.slice(0,100),itemToString:function(e){return e.displayValue},renderItem:function(e){return e.displayValue},onSelectItem:v,onInputValueChange:function(e){var t=D.filter((function(t){return t.displayValue.toLowerCase().includes(e.toLowerCase())}));m(t.length>0?t:D)},selectedItem:h,placeholder:"Select a timezone",noMatchesMessage:"No timezones found",testId:"timezone-input"})},T={root:a.css({display:"flex",alignItems:"center"}),separator:a.css({marginLeft:r.spacingM})};function H(e){var n,a,r,i=e.initialValue,o=e.usesTime,u=e.usesTimezone,l=e.uses12hClock,c=e.disabled,d=e.hasClear,m=e.onChange,f=t.useState((function(){return i})),p=f[0],v=f[1];return n=function(){m(p)},a=[p],r=t.useRef(!0),t.useEffect((function(){r.current?r.current=!1:n()}),a),t.createElement("div",{"data-test-id":"date-editor",className:T.root},t.createElement(C,{disabled:c,value:p.date,onChange:function(e){v((function(t){return h({},t,{date:e})}))}}),o&&t.createElement(t.Fragment,null,t.createElement("div",{className:T.separator}),t.createElement(N,{disabled:c,time:p.time,ampm:p.ampm,onChange:function(e){var t=e.time,n=e.ampm;v((function(e){return h({},e,{time:t,ampm:n})}))},uses12hClock:l})),u&&t.createElement(t.Fragment,null,t.createElement("div",{className:T.separator}),t.createElement(O,{disabled:c,value:p.utcOffset,onChange:function(e){v((function(t){return h({},t,{utcOffset:e})}))}})),d&&t.createElement(t.Fragment,null,t.createElement("div",{className:T.separator}),t.createElement(s.TextLink,{as:"button",isDisabled:c,testId:"date-clear",onClick:function(){v({date:void 0,time:void 0,ampm:"AM",utcOffset:""})}},"Clear")))}function V(e){var n,a,r,o,l=e.parameters,s=null!=(n=null==l||null==(a=l.instance)?void 0:a.format)?n:"timeZ",c=null!=(r=null==l||null==(o=l.instance)?void 0:o.ampm)?r:"24",d="dateonly"!==s,m="timeZ"===s,f="12"===c;return t.createElement(i.FieldConnector,{field:e.field,isInitiallyDisabled:e.isInitiallyDisabled,throttle:0},(function(e){var n=e.value,a=e.disabled,r=e.setValue,i=e.externalReset,o=function(e){var t=e.uses12hClock,n=function(e){if(!e)return null;var t=u(e);return v.test(e)&&t.utcOffset(e),t}(e.value);return n?{date:n,time:n.format(t?"hh:mm":"HH:mm"),ampm:n.format("A"),utcOffset:n.format("Z")}:{ampm:"AM",utcOffset:u().set({hours:0,minutes:0}).format("Z")}}({value:n,uses12hClock:f});return t.createElement(H,{initialValue:o,uses12hClock:f,usesTimezone:m,usesTime:d,disabled:a,hasClear:Boolean(n),onChange:function(e){var t=function(e){var t=e.usesTime,n=e.usesTimezone,a=function(e){if(!e.date)return{valid:null};var t=function(e){return u.utc((e.time||"00:00")+"!"+e.ampm,"HH:mm!A")}(e),n=u.parseZone(e.utcOffset,"Z").set(e.date.toObject()).set({hours:t.hours(),minutes:t.minutes()});return n.isValid()?{valid:n}:{invalid:!0,valid:null}}(e.data);return a.invalid?{invalid:!0}:{valid:null!=a&&a.valid?a.valid.format(n?"YYYY-MM-DDTHH:mmZ":t?"YYYY-MM-DDTHH:mm":"YYYY-MM-DD"):null,invalid:!1}}({data:e,usesTime:d,usesTimezone:m});t.invalid||(Boolean(n)||!n&&Boolean(t.valid))&&r(t.valid)},key:"date-container-"+i})}))}V.defaultProps={isInitiallyDisabled:!0},exports.DateEditor=V,exports.createPikaday=k,exports.zoneOffsets=["-12:00","-11:00","-10:00","-09:30","-09:00","-08:00","-07:00","-06:00","-05:00","-04:30","-04:00","-03:30","-03:00","-02:00","-01:00","+00:00","+01:00","+02:00","+03:00","+03:30","+04:00","+04:30","+05:00","+05:30","+05:45","+06:00","+06:30","+07:00","+08:00","+08:45","+09:00","+09:30","+10:00","+10:30","+11:00","+11:30","+12:00","+12:45","+13:00","+14:00"];
 //# sourceMappingURL=field-editor-date.cjs.production.min.js.map

package/dist/field-editor-date.cjs.production.min.js.map

@@ -1 +1 @@
-{"version":3,"file":"field-editor-date.cjs.production.min.js","sources":["../src/utils/date.ts","../src/utils/createPikaday.ts","../src/icons/CalendarIcon.tsx","../src/DatepickerInput.tsx","../src/TimepickerInput.tsx","../src/utils/zoneOffsets.ts","../src/TimezonePickerInput.tsx","../src/DateEditor.tsx"],"sourcesContent":["// eslint-disable-next-line no-restricted-imports\nimport moment from 'moment';\nimport { TimeResult } from '../types';\n\nconst ZONE_RX = /(Z|[+-]\\d{2}[:+]?\\d{2})$/;\n\nfunction startOfToday(format: string) {\n  return moment().set({ hours: 0, minutes: 0 }).format(format);\n}\n\nfunction fieldValueToMoment(datetimeString: string | null | undefined): moment.Moment | null {\n  if (!datetimeString) {\n    return null;\n  }\n\n  const datetime = moment(datetimeString);\n  if (ZONE_RX.test(datetimeString)) {\n    datetime.utcOffset(datetimeString);\n  }\n  return datetime;\n}\n\nfunction timeFromUserInput(input: TimeResult) {\n  const timeInput = input.time || '00:00';\n  return moment.utc(timeInput + '!' + input.ampm, 'HH:mm!A');\n}\n\n/**\n * Convert the user input object into either a 'moment' value or an\n * invalid symbol.\n *\n * Success is indicated by returning '{valid: value}' and failure is\n * indicated by returning '{invalid: true}'. If 'input.date' is\n * 'null' we return '{valid: null}'\n */\nfunction datetimeFromUserInput(input: TimeResult): {\n  invalid?: boolean;\n  valid: moment.Moment | null;\n} {\n  if (!input.date) {\n    return { valid: null };\n  }\n\n  const time = timeFromUserInput(input);\n\n  const date = moment\n    .parseZone(input.utcOffset, 'Z')\n    .set(input.date.toObject())\n    .set({ hours: time.hours(), minutes: time.minutes() });\n\n  if (date.isValid()) {\n    return { valid: date };\n  } else {\n    return { invalid: true, valid: null };\n  }\n}\n\nexport function formatDateDisplay(date?: moment.Moment) {\n  if (date) {\n    return date.format('dddd, MMMM Do YYYY');\n  } else {\n    return '';\n  }\n}\n\n/**\n * Parse user input into a string that is stored in the API.\n *\n * Returns a sum type with either the string as the `valid` property\n * or the `invalid` property set to `false`.\n */\nexport function buildFieldValue({\n  data,\n  usesTime,\n  usesTimezone,\n}: {\n  data: TimeResult;\n  usesTime: boolean;\n  usesTimezone: boolean;\n}) {\n  const date = datetimeFromUserInput(data);\n  if (date.invalid) {\n    return {\n      invalid: true,\n    };\n  }\n\n  let format;\n  if (usesTimezone) {\n    format = 'YYYY-MM-DDTHH:mmZ';\n  } else if (usesTime) {\n    format = 'YYYY-MM-DDTHH:mm';\n  } else {\n    format = 'YYYY-MM-DD';\n  }\n  return { valid: date?.valid ? date.valid.format(format) : null, invalid: false };\n}\n\nexport function getDefaultAMPM() {\n  return 'AM';\n}\n\nexport function getDefaultUtcOffset() {\n  return startOfToday('Z');\n}\n\n/**\n * Create the user input object from the field value.\n */\nexport function userInputFromDatetime({\n  value,\n  uses12hClock,\n}: {\n  value: string | undefined | null;\n  uses12hClock: boolean;\n}): TimeResult {\n  const datetime = fieldValueToMoment(value);\n\n  if (datetime) {\n    const timeFormat = uses12hClock ? 'hh:mm' : 'HH:mm';\n    return {\n      date: datetime,\n      time: datetime.format(timeFormat),\n      ampm: datetime.format('A'),\n      utcOffset: datetime.format('Z'),\n    };\n  } else {\n    return {\n      ampm: getDefaultAMPM(),\n      utcOffset: getDefaultUtcOffset(),\n    };\n  }\n}\n","import Pikaday from 'pikaday';\n\nconst I18N = {\n  previousMonth: 'Previous Month',\n  nextMonth: 'Next Month',\n  months: [\n    'January',\n    'February',\n    'March',\n    'April',\n    'May',\n    'June',\n    'July',\n    'August',\n    'September',\n    'October',\n    'November',\n    'December',\n  ],\n  weekdaysShort: ['S', 'M', 'T', 'W', 'T', 'F', 'S'],\n  weekdays: ['Sunday', 'Monday', 'Tuesday', 'Wednesday', 'Thursday', 'Friday', 'Saturday'],\n};\n\nconst DEFAULTS = {\n  i18n: I18N,\n  yearRange: 100,\n};\n\n// Gets same options as Pikaday and returns a Pikaday instance\nexport const createPikaday = (opts?: Pikaday.PikadayOptions) =>\n  new Pikaday(Object.assign({}, DEFAULTS, opts));\n","import React from 'react';\n\nexport function CalendarIcon(props: {\n  className?: string;\n  onClick?: React.MouseEventHandler<SVGElement>;\n}) {\n  return (\n    <svg\n      width=\"16\"\n      height=\"17\"\n      viewBox=\"-1 -1 18 19\"\n      onClick={props.onClick}\n      xmlns=\"http://www.w3.org/2000/svg\"\n      className={props.className}>\n      <g fill=\"none\" fillRule=\"evenodd\">\n        <g fill=\"#536171\">\n          <path d=\"M2.071 14.929v-2.411h2.411v2.41h-2.41zm2.947 0v-2.411h2.678v2.41H5.018zM2.07 11.982V9.304h2.411v2.678h-2.41zm2.947 0V9.304h2.678v2.678H5.018zM2.07 8.768v-2.41h2.411v2.41h-2.41zm6.161 6.16v-2.41h2.679v2.41H8.232zm-3.214-6.16v-2.41h2.678v2.41H5.018zm6.428 6.16v-2.41h2.411v2.41h-2.41zm-3.214-2.946V9.304h2.679v2.678H8.232zM5.286 4.75a.275.275 0 0 1-.268.268h-.536a.275.275 0 0 1-.268-.268V2.34c0-.143.126-.269.268-.269h.536c.142 0 .268.126.268.268V4.75zm6.16 7.232V9.304h2.411v2.678h-2.41zM8.232 8.768v-2.41h2.679v2.41H8.232zm3.214 0v-2.41h2.411v2.41h-2.41zm.268-4.018a.275.275 0 0 1-.268.268h-.535a.275.275 0 0 1-.268-.268V2.34c0-.143.125-.269.268-.269h.535c.143 0 .268.126.268.268V4.75zm3.215-.536c0-.586-.486-1.071-1.072-1.071h-1.071v-.804c0-.736-.603-1.339-1.34-1.339h-.535c-.737 0-1.34.603-1.34 1.34v.803H6.357v-.804C6.357 1.603 5.754 1 5.017 1h-.535c-.736 0-1.34.603-1.34 1.34v.803h-1.07C1.484 3.143 1 3.628 1 4.214V14.93C1 15.515 1.485 16 2.071 16h11.786c.586 0 1.072-.485 1.072-1.071V4.214z\" />\n        </g>\n      </g>\n    </svg>\n  );\n}\n","import React, { Component, FocusEventHandler, FocusEvent } from 'react';\nimport noop from 'lodash/noop';\n// eslint-disable-next-line no-restricted-imports\nimport moment from 'moment';\nimport { css, cx } from 'emotion';\nimport { formatDateDisplay } from './utils/date';\nimport { createPikaday } from './utils/createPikaday';\nimport { CalendarIcon } from './icons/CalendarIcon';\n\nimport { TextInput } from '@contentful/f36-components';\n\nconst styles = {\n  datePickerWrapper: css({\n    position: 'relative',\n    maxHeight: 70,\n  }),\n  datePicker: css({\n    zIndex: 1002,\n    display: 'block',\n    '.is-hidden': {\n      display: 'none',\n    },\n  }),\n  input: css({\n    width: '270px',\n    cursor: 'pointer',\n    paddingRight: '40px',\n    '&:disabled': {\n      cursor: 'not-allowed',\n    },\n  }),\n  icon: css({\n    cursor: 'pointer',\n    zIndex: 50,\n    position: 'absolute',\n    top: '12px',\n    right: '12px',\n  }),\n};\n\nexport type DatePickerProps = {\n  value?: moment.Moment;\n  onChange: (val: moment.Moment | undefined) => void;\n  onBlur: FocusEventHandler;\n  disabled?: boolean;\n};\n\nexport class DatepickerInput extends Component<DatePickerProps> {\n  static defaultProps: Partial<DatePickerProps> = {\n    onChange: noop,\n    onBlur: noop,\n  };\n\n  pikaday?: Pikaday;\n  datePickerNode = React.createRef<HTMLInputElement>();\n\n  componentDidMount() {\n    const onChange = this.props.onChange;\n    const defaultDate = this.props.value ? this.props.value.toDate() : undefined;\n    this.pikaday = createPikaday({\n      field: this.datePickerNode && this.datePickerNode.current,\n      defaultDate,\n      setDefaultDate: defaultDate !== undefined,\n      position: 'bottom left',\n      reposition: false,\n      theme: cx(styles.datePicker, 'hide-carret'),\n      toString: (date) => {\n        return formatDateDisplay(moment(date));\n      },\n      // we need to keep this function like this\n      // so `this` refers to pikaday instance\n      onSelect: function onSelect() {\n        onChange(this.getMoment() || undefined);\n      },\n    });\n  }\n\n  focusInput = () => {\n    if (this.datePickerNode && this.datePickerNode.current) {\n      this.datePickerNode.current.focus();\n    }\n  };\n\n  componentWillUnmount() {\n    if (this.pikaday) {\n      this.pikaday.destroy();\n    }\n  }\n\n  handleOpen = () => {\n    if (this.pikaday) {\n      this.pikaday.show();\n    }\n  };\n\n  handleBlur = (e: FocusEvent) => {\n    this.props.onBlur(e);\n    if (this.pikaday && !this.pikaday.el.contains(e.relatedTarget as HTMLInputElement)) {\n      this.pikaday.hide();\n    }\n  };\n\n  render() {\n    return (\n      <div className={styles.datePickerWrapper}>\n        <TextInput\n          aria-label=\"Select date\"\n          testId=\"date-input\"\n          isReadOnly\n          isDisabled={this.props.disabled}\n          value={formatDateDisplay(this.props.value)}\n          ref={this.datePickerNode}\n          onFocus={this.handleOpen}\n          onBlur={this.handleBlur}\n          className={styles.input}\n        />\n        <CalendarIcon\n          onClick={() => {\n            this.focusInput();\n          }}\n          className={styles.icon}\n        />\n      </div>\n    );\n  }\n}\n","import React, { useState, useCallback, useEffect } from 'react';\n// eslint-disable-next-line no-restricted-imports\nimport moment from 'moment';\nimport { css } from 'emotion';\n\nimport { TextInput, Flex } from '@contentful/f36-components';\n\nexport type TimepickerProps = {\n  disabled: boolean;\n  uses12hClock: boolean;\n  onChange: (value: { time: string; ampm: string }) => void;\n  time?: string;\n  ampm?: string;\n};\n\nconst validInputFormats = [\n  'hh:mm a',\n  'hh:mm A',\n  'h:mm a',\n  'h:mm A',\n  'hh:mm',\n  'k:mm',\n  'kk:mm',\n  'h a',\n  'h A',\n  'h',\n  'hh',\n  'HH',\n];\n\nfunction parseRawInput(raw: string): moment.Moment | null {\n  let time: moment.Moment | null = null;\n\n  // eslint-disable-next-line @typescript-eslint/prefer-for-of\n  for (let i = 0; i < validInputFormats.length; i++) {\n    const date = moment(raw, validInputFormats[i]);\n    if (date.isValid()) {\n      time = date;\n      break;\n    }\n  }\n\n  return time;\n}\n\nconst getDefaultTime = () => {\n  return moment(`12:00 AM`, 'hh:mm A');\n};\n\nconst formatToString = (uses12hClock: boolean, value: moment.Moment): string => {\n  return uses12hClock ? value.format('hh:mm A') : value.format('HH:mm');\n};\n\nexport const TimepickerInput = ({\n  disabled,\n  uses12hClock,\n  time = '12:00',\n  ampm = 'AM',\n  onChange,\n}: TimepickerProps) => {\n  const [selectedTime, setSelectedTime] = useState<string>(() => {\n    return formatToString(uses12hClock, getDefaultTime());\n  });\n\n  useEffect(() => {\n    setSelectedTime(formatToString(uses12hClock, moment(`${time} ${ampm}`, 'hh:mm A')));\n  }, [time, ampm, uses12hClock]);\n\n  const handleChange = useCallback((e: React.ChangeEvent<HTMLInputElement>) => {\n    setSelectedTime(e.currentTarget.value);\n  }, []);\n\n  const handleFocus = useCallback((e) => {\n    e.preventDefault();\n    e.target.select();\n  }, []);\n\n  const handleBlur = () => {\n    const parsedTime = parseRawInput(selectedTime);\n    const value = parsedTime ?? getDefaultTime();\n    setSelectedTime(formatToString(uses12hClock, value));\n    onChange({ time: value.format('hh:mm'), ampm: value.format('A') });\n  };\n\n  return (\n    <Flex className={css({ width: '140px' })}>\n      <TextInput\n        aria-label=\"Select time\"\n        placeholder={uses12hClock ? '12:00 AM' : '00:00'}\n        date-time-type={uses12hClock ? '12' : '24'}\n        testId=\"time-input\"\n        value={selectedTime}\n        isDisabled={disabled}\n        onFocus={handleFocus}\n        onBlur={handleBlur}\n        onChange={handleChange}\n      />\n    </Flex>\n  );\n};\n","export const defaultZoneOffset = '+00:00';\n\nexport const zoneOffsets = [\n  '-12:00',\n  '-11:00',\n  '-10:00',\n  '-09:30',\n  '-09:00',\n  '-08:00',\n  '-07:00',\n  '-06:00',\n  '-05:00',\n  '-04:30',\n  '-04:00',\n  '-03:30',\n  '-03:00',\n  '-02:00',\n  '-01:00',\n  '+00:00',\n  '+01:00',\n  '+02:00',\n  '+03:00',\n  '+03:30',\n  '+04:00',\n  '+04:30',\n  '+05:00',\n  '+05:30',\n  '+05:45',\n  '+06:00',\n  '+06:30',\n  '+07:00',\n  '+08:00',\n  '+08:45',\n  '+09:00',\n  '+09:30',\n  '+10:00',\n  '+10:30',\n  '+11:00',\n  '+11:30',\n  '+12:00',\n  '+12:45',\n  '+13:00',\n  '+14:00',\n];\n","import React, { ChangeEvent } from 'react';\nimport { zoneOffsets, defaultZoneOffset } from './utils/zoneOffsets';\n\nimport { Select } from '@contentful/f36-components';\n\nexport type TimezonepickerProps = {\n  disabled: boolean;\n  onChange: (value: string) => void;\n  value?: string;\n};\n\nexport const TimezonepickerInput = ({\n  disabled,\n  onChange,\n  value = defaultZoneOffset,\n}: TimezonepickerProps) => {\n  return (\n    <Select\n      aria-label=\"Select timezone\"\n      testId=\"timezone-input\"\n      value={value}\n      isDisabled={disabled}\n      onChange={(e: ChangeEvent<HTMLSelectElement>) => {\n        onChange(e.currentTarget.value);\n      }}>\n      {zoneOffsets.map((offset) => (\n        <Select.Option key={offset} value={offset}>\n          UTC{offset}\n        </Select.Option>\n      ))}\n    </Select>\n  );\n};\n","import * as React from 'react';\nimport { css } from 'emotion';\nimport tokens from '@contentful/f36-tokens';\nimport { FieldAPI, FieldConnector, ParametersAPI } from '@contentful/field-editor-shared';\nimport { DatepickerInput } from './DatepickerInput';\nimport { TimepickerInput } from './TimepickerInput';\nimport { TimezonepickerInput } from './TimezonePickerInput';\nimport {\n  userInputFromDatetime,\n  buildFieldValue,\n  getDefaultAMPM,\n  getDefaultUtcOffset,\n} from './utils/date';\nimport { TimeFormat, DateTimeFormat, TimeResult } from './types';\n\nimport { TextLink } from '@contentful/f36-components';\n\nexport interface DateEditorProps {\n  /**\n   * is the field disabled initially\n   */\n  isInitiallyDisabled: boolean;\n\n  /**\n   * sdk.field\n   */\n  field: FieldAPI;\n\n  /**\n   * sdk.parameters\n   */\n  parameters?: ParametersAPI & {\n    instance?: {\n      format?: DateTimeFormat;\n      ampm?: TimeFormat;\n    };\n  };\n}\n\nconst styles = {\n  root: css({\n    display: 'flex',\n    alignItems: 'center',\n  }),\n  separator: css({\n    marginLeft: tokens.spacingM,\n  }),\n};\n\nfunction useEffectWithoutFirstRender(callback: Function, deps: Array<any>) {\n  const isFirstRun = React.useRef(true);\n  React.useEffect(() => {\n    if (isFirstRun.current) {\n      isFirstRun.current = false;\n      return;\n    }\n    callback();\n  }, deps);\n}\n\nfunction DateEditorContainer({\n  initialValue,\n  usesTime,\n  usesTimezone,\n  uses12hClock,\n  disabled,\n  hasClear,\n  onChange,\n}: {\n  initialValue: TimeResult;\n  usesTime: boolean;\n  usesTimezone: boolean;\n  uses12hClock: boolean;\n  disabled: boolean;\n  hasClear: boolean;\n  onChange: (value: TimeResult) => void;\n}) {\n  const [value, setValue] = React.useState<TimeResult>(() => initialValue);\n\n  useEffectWithoutFirstRender(() => {\n    onChange(value);\n  }, [value]);\n\n  return (\n    <div data-test-id=\"date-editor\" className={styles.root}>\n      <DatepickerInput\n        disabled={disabled}\n        value={value.date}\n        onChange={(date) => {\n          setValue((value) => ({\n            ...value,\n            date,\n          }));\n        }}\n      />\n      {usesTime && (\n        <>\n          <div className={styles.separator} />\n          <TimepickerInput\n            disabled={disabled}\n            time={value.time}\n            ampm={value.ampm}\n            onChange={({ time, ampm }) => {\n              setValue((value) => ({\n                ...value,\n                time,\n                ampm,\n              }));\n            }}\n            uses12hClock={uses12hClock}\n          />\n        </>\n      )}\n      {usesTimezone && (\n        <>\n          <div className={styles.separator} />\n          <TimezonepickerInput\n            disabled={disabled}\n            value={value.utcOffset}\n            onChange={(utcOffset) => {\n              setValue((value) => ({\n                ...value,\n                utcOffset,\n              }));\n            }}\n          />\n        </>\n      )}\n      {hasClear && (\n        <>\n          <div className={styles.separator} />\n          <TextLink\n            as=\"button\"\n            isDisabled={disabled}\n            testId=\"date-clear\"\n            onClick={() => {\n              setValue({\n                date: undefined,\n                time: undefined,\n                ampm: getDefaultAMPM(),\n                utcOffset: getDefaultUtcOffset(),\n              });\n            }}>\n            Clear\n          </TextLink>\n        </>\n      )}\n    </div>\n  );\n}\n\nexport function DateEditor(props: DateEditorProps) {\n  const { field, parameters } = props;\n\n  const formatParam = parameters?.instance?.format ?? 'timeZ';\n  const ampmParam = parameters?.instance?.ampm ?? '24';\n\n  const usesTime = formatParam !== 'dateonly';\n  const usesTimezone = formatParam === 'timeZ';\n  const uses12hClock = ampmParam === '12';\n\n  return (\n    <FieldConnector<string>\n      field={field}\n      isInitiallyDisabled={props.isInitiallyDisabled}\n      throttle={0}>\n      {({ value, disabled, setValue, externalReset }) => {\n        const datetimeValue = userInputFromDatetime({\n          value,\n          uses12hClock,\n        });\n        return (\n          <DateEditorContainer\n            initialValue={datetimeValue}\n            uses12hClock={uses12hClock}\n            usesTimezone={usesTimezone}\n            usesTime={usesTime}\n            disabled={disabled}\n            hasClear={Boolean(value)}\n            onChange={(data) => {\n              const fieldValue = buildFieldValue({ data, usesTime, usesTimezone });\n              if (fieldValue.invalid) {\n                return;\n              }\n              // if value is present - then override it with a new one\n              // if value is not present - then set a new one if it's not nullable only\n              if (Boolean(value) || (!value && Boolean(fieldValue.valid))) {\n                setValue(fieldValue.valid);\n              }\n            }}\n            key={`date-container-${externalReset}`}\n          />\n        );\n      }}\n    </FieldConnector>\n  );\n}\n\nDateEditor.defaultProps = {\n  isInitiallyDisabled: true,\n};\n"],"names":["ZONE_RX","formatDateDisplay","date","format","getDefaultUtcOffset","moment","set","hours","minutes","DEFAULTS","i18n","previousMonth","nextMonth","months","weekdaysShort","weekdays","yearRange","createPikaday","opts","Pikaday","Object","assign","CalendarIcon","props","React","width","height","viewBox","onClick","xmlns","className","fill","fillRule","d","styles","datePickerWrapper","css","position","maxHeight","datePicker","zIndex","display","input","cursor","paddingRight","icon","top","right","DatepickerInput","createRef","_this","datePickerNode","current","focus","pikaday","show","e","onBlur","el","contains","relatedTarget","hide","componentDidMount","onChange","this","defaultDate","value","toDate","undefined","field","setDefaultDate","reposition","theme","cx","toString","onSelect","getMoment","componentWillUnmount","destroy","render","TextInput","testId","isReadOnly","isDisabled","disabled","ref","onFocus","handleOpen","handleBlur","_this2","focusInput","Component","noop","validInputFormats","getDefaultTime","formatToString","uses12hClock","TimepickerInput","time","ampm","useState","selectedTime","setSelectedTime","useEffect","handleChange","useCallback","currentTarget","handleFocus","preventDefault","target","select","Flex","placeholder","parsedTime","raw","i","length","isValid","parseRawInput","zoneOffsets","TimezonepickerInput","Select","map","offset","Option","key","root","alignItems","separator","marginLeft","tokens","spacingM","DateEditorContainer","callback","deps","isFirstRun","initialValue","usesTime","usesTimezone","hasClear","setValue","utcOffset","TextLink","as","DateEditor","parameters","formatParam","instance","_parameters$instance","ampmParam","_parameters$instance2","FieldConnector","isInitiallyDisabled","throttle","externalReset","datetimeValue","datetime","datetimeString","test","fieldValueToMoment","userInputFromDatetime","Boolean","data","fieldValue","valid","utc","timeFromUserInput","parseZone","toObject","invalid","datetimeFromUserInput","buildFieldValue","defaultProps"],"mappings":"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"}
+{"version":3,"file":"field-editor-date.cjs.production.min.js","sources":["../src/utils/date.ts","../src/utils/createPikaday.ts","../src/icons/CalendarIcon.tsx","../src/DatepickerInput.tsx","../src/TimepickerInput.tsx","../src/utils/timezones.ts","../src/TimezonePickerInput.tsx","../src/utils/zoneOffsets.ts","../src/DateEditor.tsx"],"sourcesContent":["// eslint-disable-next-line no-restricted-imports\nimport moment from 'moment';\nimport { TimeResult } from '../types';\n\nconst ZONE_RX = /(Z|[+-]\\d{2}[:+]?\\d{2})$/;\n\nfunction startOfToday(format: string) {\n  return moment().set({ hours: 0, minutes: 0 }).format(format);\n}\n\nfunction fieldValueToMoment(datetimeString: string | null | undefined): moment.Moment | null {\n  if (!datetimeString) {\n    return null;\n  }\n\n  const datetime = moment(datetimeString);\n  if (ZONE_RX.test(datetimeString)) {\n    datetime.utcOffset(datetimeString);\n  }\n  return datetime;\n}\n\nfunction timeFromUserInput(input: TimeResult) {\n  const timeInput = input.time || '00:00';\n  return moment.utc(timeInput + '!' + input.ampm, 'HH:mm!A');\n}\n\n/**\n * Convert the user input object into either a 'moment' value or an\n * invalid symbol.\n *\n * Success is indicated by returning '{valid: value}' and failure is\n * indicated by returning '{invalid: true}'. If 'input.date' is\n * 'null' we return '{valid: null}'\n */\nfunction datetimeFromUserInput(input: TimeResult): {\n  invalid?: boolean;\n  valid: moment.Moment | null;\n} {\n  if (!input.date) {\n    return { valid: null };\n  }\n\n  const time = timeFromUserInput(input);\n\n  const date = moment\n    .parseZone(input.utcOffset, 'Z')\n    .set(input.date.toObject())\n    .set({ hours: time.hours(), minutes: time.minutes() });\n\n  if (date.isValid()) {\n    return { valid: date };\n  } else {\n    return { invalid: true, valid: null };\n  }\n}\n\nexport function formatDateDisplay(date?: moment.Moment) {\n  if (date) {\n    return date.format('dddd, MMMM Do YYYY');\n  } else {\n    return '';\n  }\n}\n\n/**\n * Parse user input into a string that is stored in the API.\n *\n * Returns a sum type with either the string as the `valid` property\n * or the `invalid` property set to `false`.\n */\nexport function buildFieldValue({\n  data,\n  usesTime,\n  usesTimezone,\n}: {\n  data: TimeResult;\n  usesTime: boolean;\n  usesTimezone: boolean;\n}) {\n  const date = datetimeFromUserInput(data);\n  if (date.invalid) {\n    return {\n      invalid: true,\n    };\n  }\n\n  let format;\n  if (usesTimezone) {\n    format = 'YYYY-MM-DDTHH:mmZ';\n  } else if (usesTime) {\n    format = 'YYYY-MM-DDTHH:mm';\n  } else {\n    format = 'YYYY-MM-DD';\n  }\n  return { valid: date?.valid ? date.valid.format(format) : null, invalid: false };\n}\n\nexport function getDefaultAMPM() {\n  return 'AM';\n}\n\nexport function getDefaultUtcOffset() {\n  return startOfToday('Z');\n}\n\n/**\n * Create the user input object from the field value.\n */\nexport function userInputFromDatetime({\n  value,\n  uses12hClock,\n}: {\n  value: string | undefined | null;\n  uses12hClock: boolean;\n}): TimeResult {\n  const datetime = fieldValueToMoment(value);\n\n  if (datetime) {\n    const timeFormat = uses12hClock ? 'hh:mm' : 'HH:mm';\n    return {\n      date: datetime,\n      time: datetime.format(timeFormat),\n      ampm: datetime.format('A'),\n      utcOffset: datetime.format('Z'),\n    };\n  } else {\n    return {\n      ampm: getDefaultAMPM(),\n      utcOffset: getDefaultUtcOffset(),\n    };\n  }\n}\n","import Pikaday from 'pikaday';\n\nconst I18N = {\n  previousMonth: 'Previous Month',\n  nextMonth: 'Next Month',\n  months: [\n    'January',\n    'February',\n    'March',\n    'April',\n    'May',\n    'June',\n    'July',\n    'August',\n    'September',\n    'October',\n    'November',\n    'December',\n  ],\n  weekdaysShort: ['S', 'M', 'T', 'W', 'T', 'F', 'S'],\n  weekdays: ['Sunday', 'Monday', 'Tuesday', 'Wednesday', 'Thursday', 'Friday', 'Saturday'],\n};\n\nconst DEFAULTS = {\n  i18n: I18N,\n  yearRange: 100,\n};\n\n// Gets same options as Pikaday and returns a Pikaday instance\nexport const createPikaday = (opts?: Pikaday.PikadayOptions) =>\n  new Pikaday(Object.assign({}, DEFAULTS, opts));\n","import React from 'react';\n\nexport function CalendarIcon(props: {\n  className?: string;\n  onClick?: React.MouseEventHandler<SVGElement>;\n}) {\n  return (\n    <svg\n      width=\"16\"\n      height=\"17\"\n      viewBox=\"-1 -1 18 19\"\n      onClick={props.onClick}\n      xmlns=\"http://www.w3.org/2000/svg\"\n      className={props.className}>\n      <g fill=\"none\" fillRule=\"evenodd\">\n        <g fill=\"#536171\">\n          <path d=\"M2.071 14.929v-2.411h2.411v2.41h-2.41zm2.947 0v-2.411h2.678v2.41H5.018zM2.07 11.982V9.304h2.411v2.678h-2.41zm2.947 0V9.304h2.678v2.678H5.018zM2.07 8.768v-2.41h2.411v2.41h-2.41zm6.161 6.16v-2.41h2.679v2.41H8.232zm-3.214-6.16v-2.41h2.678v2.41H5.018zm6.428 6.16v-2.41h2.411v2.41h-2.41zm-3.214-2.946V9.304h2.679v2.678H8.232zM5.286 4.75a.275.275 0 0 1-.268.268h-.536a.275.275 0 0 1-.268-.268V2.34c0-.143.126-.269.268-.269h.536c.142 0 .268.126.268.268V4.75zm6.16 7.232V9.304h2.411v2.678h-2.41zM8.232 8.768v-2.41h2.679v2.41H8.232zm3.214 0v-2.41h2.411v2.41h-2.41zm.268-4.018a.275.275 0 0 1-.268.268h-.535a.275.275 0 0 1-.268-.268V2.34c0-.143.125-.269.268-.269h.535c.143 0 .268.126.268.268V4.75zm3.215-.536c0-.586-.486-1.071-1.072-1.071h-1.071v-.804c0-.736-.603-1.339-1.34-1.339h-.535c-.737 0-1.34.603-1.34 1.34v.803H6.357v-.804C6.357 1.603 5.754 1 5.017 1h-.535c-.736 0-1.34.603-1.34 1.34v.803h-1.07C1.484 3.143 1 3.628 1 4.214V14.93C1 15.515 1.485 16 2.071 16h11.786c.586 0 1.072-.485 1.072-1.071V4.214z\" />\n        </g>\n      </g>\n    </svg>\n  );\n}\n","import React, { Component, FocusEventHandler, FocusEvent } from 'react';\nimport noop from 'lodash/noop';\n// eslint-disable-next-line no-restricted-imports\nimport moment from 'moment';\nimport { css, cx } from 'emotion';\nimport { formatDateDisplay } from './utils/date';\nimport { createPikaday } from './utils/createPikaday';\nimport { CalendarIcon } from './icons/CalendarIcon';\n\nimport { TextInput } from '@contentful/f36-components';\n\nconst styles = {\n  datePickerWrapper: css({\n    position: 'relative',\n    maxHeight: 70,\n  }),\n  datePicker: css({\n    zIndex: 1002,\n    display: 'block',\n    '.is-hidden': {\n      display: 'none',\n    },\n  }),\n  input: css({\n    width: '270px',\n    cursor: 'pointer',\n    paddingRight: '40px',\n    '&:disabled': {\n      cursor: 'not-allowed',\n    },\n  }),\n  icon: css({\n    cursor: 'pointer',\n    zIndex: 50,\n    position: 'absolute',\n    top: '12px',\n    right: '12px',\n  }),\n};\n\nexport type DatePickerProps = {\n  value?: moment.Moment;\n  onChange: (val: moment.Moment | undefined) => void;\n  onBlur: FocusEventHandler;\n  disabled?: boolean;\n};\n\nexport class DatepickerInput extends Component<DatePickerProps> {\n  static defaultProps: Partial<DatePickerProps> = {\n    onChange: noop,\n    onBlur: noop,\n  };\n\n  pikaday?: Pikaday;\n  datePickerNode = React.createRef<HTMLInputElement>();\n\n  componentDidMount() {\n    const onChange = this.props.onChange;\n    const defaultDate = this.props.value ? this.props.value.toDate() : undefined;\n    this.pikaday = createPikaday({\n      field: this.datePickerNode && this.datePickerNode.current,\n      defaultDate,\n      setDefaultDate: defaultDate !== undefined,\n      position: 'bottom left',\n      reposition: false,\n      theme: cx(styles.datePicker, 'hide-carret'),\n      toString: (date) => {\n        return formatDateDisplay(moment(date));\n      },\n      // we need to keep this function like this\n      // so `this` refers to pikaday instance\n      onSelect: function onSelect() {\n        onChange(this.getMoment() || undefined);\n      },\n    });\n  }\n\n  focusInput = () => {\n    if (this.datePickerNode && this.datePickerNode.current) {\n      this.datePickerNode.current.focus();\n    }\n  };\n\n  componentWillUnmount() {\n    if (this.pikaday) {\n      this.pikaday.destroy();\n    }\n  }\n\n  handleOpen = () => {\n    if (this.pikaday) {\n      this.pikaday.show();\n    }\n  };\n\n  handleBlur = (e: FocusEvent) => {\n    this.props.onBlur(e);\n    if (this.pikaday && !this.pikaday.el.contains(e.relatedTarget as HTMLInputElement)) {\n      this.pikaday.hide();\n    }\n  };\n\n  render() {\n    return (\n      <div className={styles.datePickerWrapper}>\n        <TextInput\n          aria-label=\"Select date\"\n          testId=\"date-input\"\n          isReadOnly\n          isDisabled={this.props.disabled}\n          value={formatDateDisplay(this.props.value)}\n          ref={this.datePickerNode}\n          onFocus={this.handleOpen}\n          onBlur={this.handleBlur}\n          className={styles.input}\n        />\n        <CalendarIcon\n          onClick={() => {\n            this.focusInput();\n          }}\n          className={styles.icon}\n        />\n      </div>\n    );\n  }\n}\n","import React, { useState, useCallback, useEffect } from 'react';\n// eslint-disable-next-line no-restricted-imports\nimport moment from 'moment';\nimport { css } from 'emotion';\n\nimport { TextInput, Flex } from '@contentful/f36-components';\n\nexport type TimepickerProps = {\n  disabled: boolean;\n  uses12hClock: boolean;\n  onChange: (value: { time: string; ampm: string }) => void;\n  time?: string;\n  ampm?: string;\n};\n\nconst validInputFormats = [\n  'hh:mm a',\n  'hh:mm A',\n  'h:mm a',\n  'h:mm A',\n  'hh:mm',\n  'k:mm',\n  'kk:mm',\n  'h a',\n  'h A',\n  'h',\n  'hh',\n  'HH',\n];\n\nfunction parseRawInput(raw: string): moment.Moment | null {\n  let time: moment.Moment | null = null;\n\n  // eslint-disable-next-line @typescript-eslint/prefer-for-of\n  for (let i = 0; i < validInputFormats.length; i++) {\n    const date = moment(raw, validInputFormats[i]);\n    if (date.isValid()) {\n      time = date;\n      break;\n    }\n  }\n\n  return time;\n}\n\nconst getDefaultTime = () => {\n  return moment(`12:00 AM`, 'hh:mm A');\n};\n\nconst formatToString = (uses12hClock: boolean, value: moment.Moment): string => {\n  return uses12hClock ? value.format('hh:mm A') : value.format('HH:mm');\n};\n\nexport const TimepickerInput = ({\n  disabled,\n  uses12hClock,\n  time = '12:00',\n  ampm = 'AM',\n  onChange,\n}: TimepickerProps) => {\n  const [selectedTime, setSelectedTime] = useState<string>(() => {\n    return formatToString(uses12hClock, getDefaultTime());\n  });\n\n  useEffect(() => {\n    setSelectedTime(formatToString(uses12hClock, moment(`${time} ${ampm}`, 'hh:mm A')));\n  }, [time, ampm, uses12hClock]);\n\n  const handleChange = useCallback((e: React.ChangeEvent<HTMLInputElement>) => {\n    setSelectedTime(e.currentTarget.value);\n  }, []);\n\n  const handleFocus = useCallback((e) => {\n    e.preventDefault();\n    e.target.select();\n  }, []);\n\n  const handleBlur = () => {\n    const parsedTime = parseRawInput(selectedTime);\n    const value = parsedTime ?? getDefaultTime();\n    setSelectedTime(formatToString(uses12hClock, value));\n    onChange({ time: value.format('hh:mm'), ampm: value.format('A') });\n  };\n\n  return (\n    <Flex className={css({ width: '140px' })}>\n      <TextInput\n        aria-label=\"Select time\"\n        placeholder={uses12hClock ? '12:00 AM' : '00:00'}\n        date-time-type={uses12hClock ? '12' : '24'}\n        testId=\"time-input\"\n        value={selectedTime}\n        isDisabled={disabled}\n        onFocus={handleFocus}\n        onBlur={handleBlur}\n        onChange={handleChange}\n      />\n    </Flex>\n  );\n};\n","import dayjs from 'dayjs';\n\nimport utc from 'dayjs/plugin/utc';\nimport timezone from 'dayjs/plugin/timezone';\n\nimport { timeZonesNames } from '@vvo/tzdb';\n\ndayjs.extend(utc);\ndayjs.extend(timezone);\n\nexport type Timezone = {\n  displayValue: string;\n  ianaName: string;\n};\n\n// Borrowed from https://github.com/tc39/proposal-intl-enumeration/blob/master/polyfill/timeZones.js\nfunction isSupported(timeZone: string): boolean {\n  try {\n    const newFormat = new Intl.DateTimeFormat('en', { timeZone });\n    const options = newFormat.resolvedOptions();\n    return options.timeZone === timeZone;\n  } catch (e) {\n    return false;\n  }\n}\n\nconst timezones = timeZonesNames\n  .filter((timezone: string) => isSupported(timezone))\n  .map((timezone: string) => ({\n    displayValue: `(GMT${dayjs.tz(undefined, timezone).format('Z')}) - ${timezone.replace(\n      '_',\n      ' '\n    )}`,\n    ianaName: timezone,\n  }));\n\nexport default timezones;\n","import React, { useCallback, useEffect, useState } from 'react';\n\nimport { Autocomplete } from '@contentful/f36-components';\n\nimport allTimezones, { Timezone } from './utils/timezones';\nimport { defaultZoneOffset } from './utils/zoneOffsets';\n\nimport dayjs from 'dayjs';\n\nimport utc from 'dayjs/plugin/utc';\nimport timezone from 'dayjs/plugin/timezone';\n\ndayjs.extend(utc);\ndayjs.extend(timezone);\n\nexport type TimezonepickerProps = {\n  disabled: boolean;\n  onChange: (value: string) => void;\n  value?: string;\n};\n\nexport const TimezonepickerInput = ({\n  disabled,\n  onChange,\n  value = defaultZoneOffset,\n}: TimezonepickerProps) => {\n  const defaultTimezone =\n    allTimezones.find((timezone: Timezone) => timezone.ianaName === dayjs.tz.guess()) ||\n    allTimezones.find(\n      (timezone: Timezone) => dayjs.tz(undefined, timezone.ianaName).format('Z') === value\n    );\n\n  const [filteredTimezones, setFilteredTimezones] = useState(allTimezones);\n  const [userInput, setUserInput] = useState(defaultTimezone as Timezone);\n\n  useEffect(() => {\n    if (!value) {\n      setUserInput({\n        displayValue: '',\n        ianaName: '',\n      } as Timezone);\n    }\n  }, [value]);\n\n  const handleSelect = useCallback(\n    (timezone) => {\n      onChange(dayjs.tz(undefined, timezone.ianaName).format('Z'));\n      setUserInput(timezone);\n    },\n    [onChange]\n  );\n\n  const handleChange = (val: string) => {\n    const newFilteredTimezones = allTimezones.filter((timezone: Timezone) =>\n      timezone.displayValue.toLowerCase().includes(val.toLowerCase())\n    );\n    setFilteredTimezones(newFilteredTimezones.length > 0 ? newFilteredTimezones : allTimezones);\n  };\n\n  return (\n    <Autocomplete\n      isDisabled={disabled}\n      listMaxHeight={300}\n      items={filteredTimezones.slice(0, 100)}\n      itemToString={(timezone: Timezone) => timezone.displayValue}\n      renderItem={(timezone: Timezone) => timezone.displayValue}\n      onSelectItem={handleSelect}\n      onInputValueChange={handleChange}\n      selectedItem={userInput}\n      placeholder=\"Select a timezone\"\n      noMatchesMessage=\"No timezones found\"\n      testId=\"timezone-input\"\n    />\n  );\n};\n","export const defaultZoneOffset = '+00:00';\n\nexport const zoneOffsets = [\n  '-12:00',\n  '-11:00',\n  '-10:00',\n  '-09:30',\n  '-09:00',\n  '-08:00',\n  '-07:00',\n  '-06:00',\n  '-05:00',\n  '-04:30',\n  '-04:00',\n  '-03:30',\n  '-03:00',\n  '-02:00',\n  '-01:00',\n  '+00:00',\n  '+01:00',\n  '+02:00',\n  '+03:00',\n  '+03:30',\n  '+04:00',\n  '+04:30',\n  '+05:00',\n  '+05:30',\n  '+05:45',\n  '+06:00',\n  '+06:30',\n  '+07:00',\n  '+08:00',\n  '+08:45',\n  '+09:00',\n  '+09:30',\n  '+10:00',\n  '+10:30',\n  '+11:00',\n  '+11:30',\n  '+12:00',\n  '+12:45',\n  '+13:00',\n  '+14:00',\n];\n","import * as React from 'react';\nimport { css } from 'emotion';\nimport tokens from '@contentful/f36-tokens';\nimport { FieldAPI, FieldConnector, ParametersAPI } from '@contentful/field-editor-shared';\nimport { DatepickerInput } from './DatepickerInput';\nimport { TimepickerInput } from './TimepickerInput';\nimport { TimezonepickerInput } from './TimezonePickerInput';\nimport { userInputFromDatetime, buildFieldValue, getDefaultAMPM } from './utils/date';\nimport { TimeFormat, DateTimeFormat, TimeResult } from './types';\n\nimport { TextLink } from '@contentful/f36-components';\n\nexport interface DateEditorProps {\n  /**\n   * is the field disabled initially\n   */\n  isInitiallyDisabled: boolean;\n\n  /**\n   * sdk.field\n   */\n  field: FieldAPI;\n\n  /**\n   * sdk.parameters\n   */\n  parameters?: ParametersAPI & {\n    instance?: {\n      format?: DateTimeFormat;\n      ampm?: TimeFormat;\n    };\n  };\n}\n\nconst styles = {\n  root: css({\n    display: 'flex',\n    alignItems: 'center',\n  }),\n  separator: css({\n    marginLeft: tokens.spacingM,\n  }),\n};\n\nfunction useEffectWithoutFirstRender(callback: Function, deps: Array<any>) {\n  const isFirstRun = React.useRef(true);\n  React.useEffect(() => {\n    if (isFirstRun.current) {\n      isFirstRun.current = false;\n      return;\n    }\n    callback();\n  }, deps);\n}\n\nfunction DateEditorContainer({\n  initialValue,\n  usesTime,\n  usesTimezone,\n  uses12hClock,\n  disabled,\n  hasClear,\n  onChange,\n}: {\n  initialValue: TimeResult;\n  usesTime: boolean;\n  usesTimezone: boolean;\n  uses12hClock: boolean;\n  disabled: boolean;\n  hasClear: boolean;\n  onChange: (value: TimeResult) => void;\n}) {\n  const [value, setValue] = React.useState<TimeResult>(() => initialValue);\n\n  useEffectWithoutFirstRender(() => {\n    onChange(value);\n  }, [value]);\n\n  return (\n    <div data-test-id=\"date-editor\" className={styles.root}>\n      <DatepickerInput\n        disabled={disabled}\n        value={value.date}\n        onChange={(date) => {\n          setValue((value) => ({\n            ...value,\n            date,\n          }));\n        }}\n      />\n      {usesTime && (\n        <>\n          <div className={styles.separator} />\n          <TimepickerInput\n            disabled={disabled}\n            time={value.time}\n            ampm={value.ampm}\n            onChange={({ time, ampm }) => {\n              setValue((value) => ({\n                ...value,\n                time,\n                ampm,\n              }));\n            }}\n            uses12hClock={uses12hClock}\n          />\n        </>\n      )}\n      {usesTimezone && (\n        <>\n          <div className={styles.separator} />\n          <TimezonepickerInput\n            disabled={disabled}\n            value={value.utcOffset}\n            onChange={(utcOffset) => {\n              setValue((value) => ({\n                ...value,\n                utcOffset,\n              }));\n            }}\n          />\n        </>\n      )}\n      {hasClear && (\n        <>\n          <div className={styles.separator} />\n          <TextLink\n            as=\"button\"\n            isDisabled={disabled}\n            testId=\"date-clear\"\n            onClick={() => {\n              setValue({\n                date: undefined,\n                time: undefined,\n                ampm: getDefaultAMPM(),\n                utcOffset: '',\n              });\n            }}>\n            Clear\n          </TextLink>\n        </>\n      )}\n    </div>\n  );\n}\n\nexport function DateEditor(props: DateEditorProps) {\n  const { field, parameters } = props;\n\n  const formatParam = parameters?.instance?.format ?? 'timeZ';\n  const ampmParam = parameters?.instance?.ampm ?? '24';\n\n  const usesTime = formatParam !== 'dateonly';\n  const usesTimezone = formatParam === 'timeZ';\n  const uses12hClock = ampmParam === '12';\n\n  return (\n    <FieldConnector<string>\n      field={field}\n      isInitiallyDisabled={props.isInitiallyDisabled}\n      throttle={0}>\n      {({ value, disabled, setValue, externalReset }) => {\n        const datetimeValue = userInputFromDatetime({\n          value,\n          uses12hClock,\n        });\n        return (\n          <DateEditorContainer\n            initialValue={datetimeValue}\n            uses12hClock={uses12hClock}\n            usesTimezone={usesTimezone}\n            usesTime={usesTime}\n            disabled={disabled}\n            hasClear={Boolean(value)}\n            onChange={(data) => {\n              const fieldValue = buildFieldValue({ data, usesTime, usesTimezone });\n              if (fieldValue.invalid) {\n                return;\n              }\n              // if value is present - then override it with a new one\n              // if value is not present - then set a new one if it's not nullable only\n              if (Boolean(value) || (!value && Boolean(fieldValue.valid))) {\n                setValue(fieldValue.valid);\n              }\n            }}\n            key={`date-container-${externalReset}`}\n          />\n        );\n      }}\n    </FieldConnector>\n  );\n}\n\nDateEditor.defaultProps = {\n  isInitiallyDisabled: true,\n};\n"],"names":["ZONE_RX","formatDateDisplay","date","format","DEFAULTS","i18n","previousMonth","nextMonth","months","weekdaysShort","weekdays","yearRange","createPikaday","opts","Pikaday","Object","assign","CalendarIcon","props","React","width","height","viewBox","onClick","xmlns","className","fill","fillRule","d","styles","datePickerWrapper","css","position","maxHeight","datePicker","zIndex","display","input","cursor","paddingRight","icon","top","right","DatepickerInput","createRef","_this","datePickerNode","current","focus","pikaday","show","e","onBlur","el","contains","relatedTarget","hide","componentDidMount","onChange","this","defaultDate","value","toDate","undefined","field","setDefaultDate","reposition","theme","cx","toString","moment","onSelect","getMoment","componentWillUnmount","destroy","render","TextInput","testId","isReadOnly","isDisabled","disabled","ref","onFocus","handleOpen","handleBlur","_this2","focusInput","Component","noop","validInputFormats","getDefaultTime","formatToString","uses12hClock","TimepickerInput","time","ampm","useState","selectedTime","setSelectedTime","useEffect","handleChange","useCallback","currentTarget","handleFocus","preventDefault","target","select","Flex","placeholder","parsedTime","raw","i","length","isValid","parseRawInput","dayjs","extend","utc","timezone","timezones","timeZonesNames","filter","timeZone","Intl","DateTimeFormat","resolvedOptions","isSupported","map","displayValue","tz","replace","ianaName","TimezonepickerInput","defaultTimezone","allTimezones","find","guess","filteredTimezones","setFilteredTimezones","userInput","setUserInput","handleSelect","Autocomplete","listMaxHeight","items","slice","itemToString","renderItem","onSelectItem","onInputValueChange","val","newFilteredTimezones","toLowerCase","includes","selectedItem","noMatchesMessage","root","alignItems","separator","marginLeft","tokens","spacingM","DateEditorContainer","callback","deps","isFirstRun","initialValue","usesTime","usesTimezone","hasClear","setValue","utcOffset","TextLink","as","DateEditor","parameters","formatParam","instance","_parameters$instance","ampmParam","_parameters$instance2","FieldConnector","isInitiallyDisabled","throttle","externalReset","datetimeValue","datetime","datetimeString","test","fieldValueToMoment","set","hours","minutes","userInputFromDatetime","Boolean","data","fieldValue","valid","timeFromUserInput","parseZone","toObject","invalid","datetimeFromUserInput","buildFieldValue","key","defaultProps"],"mappings":"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"}

package/dist/field-editor-date.esm.js

@@ -5,7 +5,11 @@ import { FieldConnector } from '@contentful/field-editor-shared';
 import noop from 'lodash-es/noop';
 import moment from 'moment';
 import Pikaday from 'pikaday';
-import { TextInput, Flex, Select, TextLink } from '@contentful/f36-components';
+import { TextInput, Flex, Autocomplete, TextLink } from '@contentful/f36-components';
+import dayjs from 'dayjs';
+import utc from 'dayjs/plugin/utc';
+import timezone from 'dayjs/plugin/timezone';
+import { timeZonesNames } from '@vvo/tzdb';
 
 function _extends() {
   _extends = Object.assign || function (target) {
@@ -407,28 +411,91 @@ var TimepickerInput = function TimepickerInput(_ref) {
   }));
 };
 
+dayjs.extend(utc);
+dayjs.extend(timezone); // Borrowed from https://github.com/tc39/proposal-intl-enumeration/blob/master/polyfill/timeZones.js
+
+function isSupported(timeZone) {
+  try {
+    var newFormat = new Intl.DateTimeFormat('en', {
+      timeZone: timeZone
+    });
+    var options = newFormat.resolvedOptions();
+    return options.timeZone === timeZone;
+  } catch (e) {
+    return false;
+  }
+}
+
+var timezones = /*#__PURE__*/timeZonesNames.filter(function (timezone) {
+  return isSupported(timezone);
+}).map(function (timezone) {
+  return {
+    displayValue: "(GMT" + dayjs.tz(undefined, timezone).format('Z') + ") - " + timezone.replace('_', ' '),
+    ianaName: timezone
+  };
+});
+
 var defaultZoneOffset = '+00:00';
 var zoneOffsets = ['-12:00', '-11:00', '-10:00', '-09:30', '-09:00', '-08:00', '-07:00', '-06:00', '-05:00', '-04:30', '-04:00', '-03:30', '-03:00', '-02:00', '-01:00', '+00:00', '+01:00', '+02:00', '+03:00', '+03:30', '+04:00', '+04:30', '+05:00', '+05:30', '+05:45', '+06:00', '+06:30', '+07:00', '+08:00', '+08:45', '+09:00', '+09:30', '+10:00', '+10:30', '+11:00', '+11:30', '+12:00', '+12:45', '+13:00', '+14:00'];
 
+dayjs.extend(utc);
+dayjs.extend(timezone);
 var TimezonepickerInput = function TimezonepickerInput(_ref) {
   var disabled = _ref.disabled,
-      _onChange = _ref.onChange,
+      onChange = _ref.onChange,
       _ref$value = _ref.value,
       value = _ref$value === void 0 ? defaultZoneOffset : _ref$value;
-  return React__default.createElement(Select, {
-    "aria-label": "Select timezone",
-    testId: "timezone-input",
-    value: value,
-    isDisabled: disabled,
-    onChange: function onChange(e) {
-      _onChange(e.currentTarget.value);
+  var defaultTimezone = timezones.find(function (timezone) {
+    return timezone.ianaName === dayjs.tz.guess();
+  }) || timezones.find(function (timezone) {
+    return dayjs.tz(undefined, timezone.ianaName).format('Z') === value;
+  });
+
+  var _useState = useState(timezones),
+      filteredTimezones = _useState[0],
+      setFilteredTimezones = _useState[1];
+
+  var _useState2 = useState(defaultTimezone),
+      userInput = _useState2[0],
+      setUserInput = _useState2[1];
+
+  useEffect(function () {
+    if (!value) {
+      setUserInput({
+        displayValue: '',
+        ianaName: ''
+      });
     }
-  }, zoneOffsets.map(function (offset) {
-    return React__default.createElement(Select.Option, {
-      key: offset,
-      value: offset
-    }, "UTC", offset);
-  }));
+  }, [value]);
+  var handleSelect = useCallback(function (timezone) {
+    onChange(dayjs.tz(undefined, timezone.ianaName).format('Z'));
+    setUserInput(timezone);
+  }, [onChange]);
+
+  var handleChange = function handleChange(val) {
+    var newFilteredTimezones = timezones.filter(function (timezone) {
+      return timezone.displayValue.toLowerCase().includes(val.toLowerCase());
+    });
+    setFilteredTimezones(newFilteredTimezones.length > 0 ? newFilteredTimezones : timezones);
+  };
+
+  return React__default.createElement(Autocomplete, {
+    isDisabled: disabled,
+    listMaxHeight: 300,
+    items: filteredTimezones.slice(0, 100),
+    itemToString: function itemToString(timezone) {
+      return timezone.displayValue;
+    },
+    renderItem: function renderItem(timezone) {
+      return timezone.displayValue;
+    },
+    onSelectItem: handleSelect,
+    onInputValueChange: handleChange,
+    selectedItem: userInput,
+    placeholder: "Select a timezone",
+    noMatchesMessage: "No timezones found",
+    testId: "timezone-input"
+  });
 };
 
 var styles$1 = {
@@ -524,7 +591,7 @@ function DateEditorContainer(_ref) {
         date: undefined,
         time: undefined,
         ampm: getDefaultAMPM(),
-        utcOffset: getDefaultUtcOffset()
+        utcOffset: ''
       });
     }
   }, "Clear")));

package/dist/field-editor-date.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"field-editor-date.esm.js","sources":["../src/utils/date.ts","../src/utils/createPikaday.ts","../src/icons/CalendarIcon.tsx","../src/DatepickerInput.tsx","../src/TimepickerInput.tsx","../src/utils/zoneOffsets.ts","../src/TimezonePickerInput.tsx","../src/DateEditor.tsx"],"sourcesContent":["// eslint-disable-next-line no-restricted-imports\nimport moment from 'moment';\nimport { TimeResult } from '../types';\n\nconst ZONE_RX = /(Z|[+-]\\d{2}[:+]?\\d{2})$/;\n\nfunction startOfToday(format: string) {\n  return moment().set({ hours: 0, minutes: 0 }).format(format);\n}\n\nfunction fieldValueToMoment(datetimeString: string | null | undefined): moment.Moment | null {\n  if (!datetimeString) {\n    return null;\n  }\n\n  const datetime = moment(datetimeString);\n  if (ZONE_RX.test(datetimeString)) {\n    datetime.utcOffset(datetimeString);\n  }\n  return datetime;\n}\n\nfunction timeFromUserInput(input: TimeResult) {\n  const timeInput = input.time || '00:00';\n  return moment.utc(timeInput + '!' + input.ampm, 'HH:mm!A');\n}\n\n/**\n * Convert the user input object into either a 'moment' value or an\n * invalid symbol.\n *\n * Success is indicated by returning '{valid: value}' and failure is\n * indicated by returning '{invalid: true}'. If 'input.date' is\n * 'null' we return '{valid: null}'\n */\nfunction datetimeFromUserInput(input: TimeResult): {\n  invalid?: boolean;\n  valid: moment.Moment | null;\n} {\n  if (!input.date) {\n    return { valid: null };\n  }\n\n  const time = timeFromUserInput(input);\n\n  const date = moment\n    .parseZone(input.utcOffset, 'Z')\n    .set(input.date.toObject())\n    .set({ hours: time.hours(), minutes: time.minutes() });\n\n  if (date.isValid()) {\n    return { valid: date };\n  } else {\n    return { invalid: true, valid: null };\n  }\n}\n\nexport function formatDateDisplay(date?: moment.Moment) {\n  if (date) {\n    return date.format('dddd, MMMM Do YYYY');\n  } else {\n    return '';\n  }\n}\n\n/**\n * Parse user input into a string that is stored in the API.\n *\n * Returns a sum type with either the string as the `valid` property\n * or the `invalid` property set to `false`.\n */\nexport function buildFieldValue({\n  data,\n  usesTime,\n  usesTimezone,\n}: {\n  data: TimeResult;\n  usesTime: boolean;\n  usesTimezone: boolean;\n}) {\n  const date = datetimeFromUserInput(data);\n  if (date.invalid) {\n    return {\n      invalid: true,\n    };\n  }\n\n  let format;\n  if (usesTimezone) {\n    format = 'YYYY-MM-DDTHH:mmZ';\n  } else if (usesTime) {\n    format = 'YYYY-MM-DDTHH:mm';\n  } else {\n    format = 'YYYY-MM-DD';\n  }\n  return { valid: date?.valid ? date.valid.format(format) : null, invalid: false };\n}\n\nexport function getDefaultAMPM() {\n  return 'AM';\n}\n\nexport function getDefaultUtcOffset() {\n  return startOfToday('Z');\n}\n\n/**\n * Create the user input object from the field value.\n */\nexport function userInputFromDatetime({\n  value,\n  uses12hClock,\n}: {\n  value: string | undefined | null;\n  uses12hClock: boolean;\n}): TimeResult {\n  const datetime = fieldValueToMoment(value);\n\n  if (datetime) {\n    const timeFormat = uses12hClock ? 'hh:mm' : 'HH:mm';\n    return {\n      date: datetime,\n      time: datetime.format(timeFormat),\n      ampm: datetime.format('A'),\n      utcOffset: datetime.format('Z'),\n    };\n  } else {\n    return {\n      ampm: getDefaultAMPM(),\n      utcOffset: getDefaultUtcOffset(),\n    };\n  }\n}\n","import Pikaday from 'pikaday';\n\nconst I18N = {\n  previousMonth: 'Previous Month',\n  nextMonth: 'Next Month',\n  months: [\n    'January',\n    'February',\n    'March',\n    'April',\n    'May',\n    'June',\n    'July',\n    'August',\n    'September',\n    'October',\n    'November',\n    'December',\n  ],\n  weekdaysShort: ['S', 'M', 'T', 'W', 'T', 'F', 'S'],\n  weekdays: ['Sunday', 'Monday', 'Tuesday', 'Wednesday', 'Thursday', 'Friday', 'Saturday'],\n};\n\nconst DEFAULTS = {\n  i18n: I18N,\n  yearRange: 100,\n};\n\n// Gets same options as Pikaday and returns a Pikaday instance\nexport const createPikaday = (opts?: Pikaday.PikadayOptions) =>\n  new Pikaday(Object.assign({}, DEFAULTS, opts));\n","import React from 'react';\n\nexport function CalendarIcon(props: {\n  className?: string;\n  onClick?: React.MouseEventHandler<SVGElement>;\n}) {\n  return (\n    <svg\n      width=\"16\"\n      height=\"17\"\n      viewBox=\"-1 -1 18 19\"\n      onClick={props.onClick}\n      xmlns=\"http://www.w3.org/2000/svg\"\n      className={props.className}>\n      <g fill=\"none\" fillRule=\"evenodd\">\n        <g fill=\"#536171\">\n          <path d=\"M2.071 14.929v-2.411h2.411v2.41h-2.41zm2.947 0v-2.411h2.678v2.41H5.018zM2.07 11.982V9.304h2.411v2.678h-2.41zm2.947 0V9.304h2.678v2.678H5.018zM2.07 8.768v-2.41h2.411v2.41h-2.41zm6.161 6.16v-2.41h2.679v2.41H8.232zm-3.214-6.16v-2.41h2.678v2.41H5.018zm6.428 6.16v-2.41h2.411v2.41h-2.41zm-3.214-2.946V9.304h2.679v2.678H8.232zM5.286 4.75a.275.275 0 0 1-.268.268h-.536a.275.275 0 0 1-.268-.268V2.34c0-.143.126-.269.268-.269h.536c.142 0 .268.126.268.268V4.75zm6.16 7.232V9.304h2.411v2.678h-2.41zM8.232 8.768v-2.41h2.679v2.41H8.232zm3.214 0v-2.41h2.411v2.41h-2.41zm.268-4.018a.275.275 0 0 1-.268.268h-.535a.275.275 0 0 1-.268-.268V2.34c0-.143.125-.269.268-.269h.535c.143 0 .268.126.268.268V4.75zm3.215-.536c0-.586-.486-1.071-1.072-1.071h-1.071v-.804c0-.736-.603-1.339-1.34-1.339h-.535c-.737 0-1.34.603-1.34 1.34v.803H6.357v-.804C6.357 1.603 5.754 1 5.017 1h-.535c-.736 0-1.34.603-1.34 1.34v.803h-1.07C1.484 3.143 1 3.628 1 4.214V14.93C1 15.515 1.485 16 2.071 16h11.786c.586 0 1.072-.485 1.072-1.071V4.214z\" />\n        </g>\n      </g>\n    </svg>\n  );\n}\n","import React, { Component, FocusEventHandler, FocusEvent } from 'react';\nimport noop from 'lodash/noop';\n// eslint-disable-next-line no-restricted-imports\nimport moment from 'moment';\nimport { css, cx } from 'emotion';\nimport { formatDateDisplay } from './utils/date';\nimport { createPikaday } from './utils/createPikaday';\nimport { CalendarIcon } from './icons/CalendarIcon';\n\nimport { TextInput } from '@contentful/f36-components';\n\nconst styles = {\n  datePickerWrapper: css({\n    position: 'relative',\n    maxHeight: 70,\n  }),\n  datePicker: css({\n    zIndex: 1002,\n    display: 'block',\n    '.is-hidden': {\n      display: 'none',\n    },\n  }),\n  input: css({\n    width: '270px',\n    cursor: 'pointer',\n    paddingRight: '40px',\n    '&:disabled': {\n      cursor: 'not-allowed',\n    },\n  }),\n  icon: css({\n    cursor: 'pointer',\n    zIndex: 50,\n    position: 'absolute',\n    top: '12px',\n    right: '12px',\n  }),\n};\n\nexport type DatePickerProps = {\n  value?: moment.Moment;\n  onChange: (val: moment.Moment | undefined) => void;\n  onBlur: FocusEventHandler;\n  disabled?: boolean;\n};\n\nexport class DatepickerInput extends Component<DatePickerProps> {\n  static defaultProps: Partial<DatePickerProps> = {\n    onChange: noop,\n    onBlur: noop,\n  };\n\n  pikaday?: Pikaday;\n  datePickerNode = React.createRef<HTMLInputElement>();\n\n  componentDidMount() {\n    const onChange = this.props.onChange;\n    const defaultDate = this.props.value ? this.props.value.toDate() : undefined;\n    this.pikaday = createPikaday({\n      field: this.datePickerNode && this.datePickerNode.current,\n      defaultDate,\n      setDefaultDate: defaultDate !== undefined,\n      position: 'bottom left',\n      reposition: false,\n      theme: cx(styles.datePicker, 'hide-carret'),\n      toString: (date) => {\n        return formatDateDisplay(moment(date));\n      },\n      // we need to keep this function like this\n      // so `this` refers to pikaday instance\n      onSelect: function onSelect() {\n        onChange(this.getMoment() || undefined);\n      },\n    });\n  }\n\n  focusInput = () => {\n    if (this.datePickerNode && this.datePickerNode.current) {\n      this.datePickerNode.current.focus();\n    }\n  };\n\n  componentWillUnmount() {\n    if (this.pikaday) {\n      this.pikaday.destroy();\n    }\n  }\n\n  handleOpen = () => {\n    if (this.pikaday) {\n      this.pikaday.show();\n    }\n  };\n\n  handleBlur = (e: FocusEvent) => {\n    this.props.onBlur(e);\n    if (this.pikaday && !this.pikaday.el.contains(e.relatedTarget as HTMLInputElement)) {\n      this.pikaday.hide();\n    }\n  };\n\n  render() {\n    return (\n      <div className={styles.datePickerWrapper}>\n        <TextInput\n          aria-label=\"Select date\"\n          testId=\"date-input\"\n          isReadOnly\n          isDisabled={this.props.disabled}\n          value={formatDateDisplay(this.props.value)}\n          ref={this.datePickerNode}\n          onFocus={this.handleOpen}\n          onBlur={this.handleBlur}\n          className={styles.input}\n        />\n        <CalendarIcon\n          onClick={() => {\n            this.focusInput();\n          }}\n          className={styles.icon}\n        />\n      </div>\n    );\n  }\n}\n","import React, { useState, useCallback, useEffect } from 'react';\n// eslint-disable-next-line no-restricted-imports\nimport moment from 'moment';\nimport { css } from 'emotion';\n\nimport { TextInput, Flex } from '@contentful/f36-components';\n\nexport type TimepickerProps = {\n  disabled: boolean;\n  uses12hClock: boolean;\n  onChange: (value: { time: string; ampm: string }) => void;\n  time?: string;\n  ampm?: string;\n};\n\nconst validInputFormats = [\n  'hh:mm a',\n  'hh:mm A',\n  'h:mm a',\n  'h:mm A',\n  'hh:mm',\n  'k:mm',\n  'kk:mm',\n  'h a',\n  'h A',\n  'h',\n  'hh',\n  'HH',\n];\n\nfunction parseRawInput(raw: string): moment.Moment | null {\n  let time: moment.Moment | null = null;\n\n  // eslint-disable-next-line @typescript-eslint/prefer-for-of\n  for (let i = 0; i < validInputFormats.length; i++) {\n    const date = moment(raw, validInputFormats[i]);\n    if (date.isValid()) {\n      time = date;\n      break;\n    }\n  }\n\n  return time;\n}\n\nconst getDefaultTime = () => {\n  return moment(`12:00 AM`, 'hh:mm A');\n};\n\nconst formatToString = (uses12hClock: boolean, value: moment.Moment): string => {\n  return uses12hClock ? value.format('hh:mm A') : value.format('HH:mm');\n};\n\nexport const TimepickerInput = ({\n  disabled,\n  uses12hClock,\n  time = '12:00',\n  ampm = 'AM',\n  onChange,\n}: TimepickerProps) => {\n  const [selectedTime, setSelectedTime] = useState<string>(() => {\n    return formatToString(uses12hClock, getDefaultTime());\n  });\n\n  useEffect(() => {\n    setSelectedTime(formatToString(uses12hClock, moment(`${time} ${ampm}`, 'hh:mm A')));\n  }, [time, ampm, uses12hClock]);\n\n  const handleChange = useCallback((e: React.ChangeEvent<HTMLInputElement>) => {\n    setSelectedTime(e.currentTarget.value);\n  }, []);\n\n  const handleFocus = useCallback((e) => {\n    e.preventDefault();\n    e.target.select();\n  }, []);\n\n  const handleBlur = () => {\n    const parsedTime = parseRawInput(selectedTime);\n    const value = parsedTime ?? getDefaultTime();\n    setSelectedTime(formatToString(uses12hClock, value));\n    onChange({ time: value.format('hh:mm'), ampm: value.format('A') });\n  };\n\n  return (\n    <Flex className={css({ width: '140px' })}>\n      <TextInput\n        aria-label=\"Select time\"\n        placeholder={uses12hClock ? '12:00 AM' : '00:00'}\n        date-time-type={uses12hClock ? '12' : '24'}\n        testId=\"time-input\"\n        value={selectedTime}\n        isDisabled={disabled}\n        onFocus={handleFocus}\n        onBlur={handleBlur}\n        onChange={handleChange}\n      />\n    </Flex>\n  );\n};\n","export const defaultZoneOffset = '+00:00';\n\nexport const zoneOffsets = [\n  '-12:00',\n  '-11:00',\n  '-10:00',\n  '-09:30',\n  '-09:00',\n  '-08:00',\n  '-07:00',\n  '-06:00',\n  '-05:00',\n  '-04:30',\n  '-04:00',\n  '-03:30',\n  '-03:00',\n  '-02:00',\n  '-01:00',\n  '+00:00',\n  '+01:00',\n  '+02:00',\n  '+03:00',\n  '+03:30',\n  '+04:00',\n  '+04:30',\n  '+05:00',\n  '+05:30',\n  '+05:45',\n  '+06:00',\n  '+06:30',\n  '+07:00',\n  '+08:00',\n  '+08:45',\n  '+09:00',\n  '+09:30',\n  '+10:00',\n  '+10:30',\n  '+11:00',\n  '+11:30',\n  '+12:00',\n  '+12:45',\n  '+13:00',\n  '+14:00',\n];\n","import React, { ChangeEvent } from 'react';\nimport { zoneOffsets, defaultZoneOffset } from './utils/zoneOffsets';\n\nimport { Select } from '@contentful/f36-components';\n\nexport type TimezonepickerProps = {\n  disabled: boolean;\n  onChange: (value: string) => void;\n  value?: string;\n};\n\nexport const TimezonepickerInput = ({\n  disabled,\n  onChange,\n  value = defaultZoneOffset,\n}: TimezonepickerProps) => {\n  return (\n    <Select\n      aria-label=\"Select timezone\"\n      testId=\"timezone-input\"\n      value={value}\n      isDisabled={disabled}\n      onChange={(e: ChangeEvent<HTMLSelectElement>) => {\n        onChange(e.currentTarget.value);\n      }}>\n      {zoneOffsets.map((offset) => (\n        <Select.Option key={offset} value={offset}>\n          UTC{offset}\n        </Select.Option>\n      ))}\n    </Select>\n  );\n};\n","import * as React from 'react';\nimport { css } from 'emotion';\nimport tokens from '@contentful/f36-tokens';\nimport { FieldAPI, FieldConnector, ParametersAPI } from '@contentful/field-editor-shared';\nimport { DatepickerInput } from './DatepickerInput';\nimport { TimepickerInput } from './TimepickerInput';\nimport { TimezonepickerInput } from './TimezonePickerInput';\nimport {\n  userInputFromDatetime,\n  buildFieldValue,\n  getDefaultAMPM,\n  getDefaultUtcOffset,\n} from './utils/date';\nimport { TimeFormat, DateTimeFormat, TimeResult } from './types';\n\nimport { TextLink } from '@contentful/f36-components';\n\nexport interface DateEditorProps {\n  /**\n   * is the field disabled initially\n   */\n  isInitiallyDisabled: boolean;\n\n  /**\n   * sdk.field\n   */\n  field: FieldAPI;\n\n  /**\n   * sdk.parameters\n   */\n  parameters?: ParametersAPI & {\n    instance?: {\n      format?: DateTimeFormat;\n      ampm?: TimeFormat;\n    };\n  };\n}\n\nconst styles = {\n  root: css({\n    display: 'flex',\n    alignItems: 'center',\n  }),\n  separator: css({\n    marginLeft: tokens.spacingM,\n  }),\n};\n\nfunction useEffectWithoutFirstRender(callback: Function, deps: Array<any>) {\n  const isFirstRun = React.useRef(true);\n  React.useEffect(() => {\n    if (isFirstRun.current) {\n      isFirstRun.current = false;\n      return;\n    }\n    callback();\n  }, deps);\n}\n\nfunction DateEditorContainer({\n  initialValue,\n  usesTime,\n  usesTimezone,\n  uses12hClock,\n  disabled,\n  hasClear,\n  onChange,\n}: {\n  initialValue: TimeResult;\n  usesTime: boolean;\n  usesTimezone: boolean;\n  uses12hClock: boolean;\n  disabled: boolean;\n  hasClear: boolean;\n  onChange: (value: TimeResult) => void;\n}) {\n  const [value, setValue] = React.useState<TimeResult>(() => initialValue);\n\n  useEffectWithoutFirstRender(() => {\n    onChange(value);\n  }, [value]);\n\n  return (\n    <div data-test-id=\"date-editor\" className={styles.root}>\n      <DatepickerInput\n        disabled={disabled}\n        value={value.date}\n        onChange={(date) => {\n          setValue((value) => ({\n            ...value,\n            date,\n          }));\n        }}\n      />\n      {usesTime && (\n        <>\n          <div className={styles.separator} />\n          <TimepickerInput\n            disabled={disabled}\n            time={value.time}\n            ampm={value.ampm}\n            onChange={({ time, ampm }) => {\n              setValue((value) => ({\n                ...value,\n                time,\n                ampm,\n              }));\n            }}\n            uses12hClock={uses12hClock}\n          />\n        </>\n      )}\n      {usesTimezone && (\n        <>\n          <div className={styles.separator} />\n          <TimezonepickerInput\n            disabled={disabled}\n            value={value.utcOffset}\n            onChange={(utcOffset) => {\n              setValue((value) => ({\n                ...value,\n                utcOffset,\n              }));\n            }}\n          />\n        </>\n      )}\n      {hasClear && (\n        <>\n          <div className={styles.separator} />\n          <TextLink\n            as=\"button\"\n            isDisabled={disabled}\n            testId=\"date-clear\"\n            onClick={() => {\n              setValue({\n                date: undefined,\n                time: undefined,\n                ampm: getDefaultAMPM(),\n                utcOffset: getDefaultUtcOffset(),\n              });\n            }}>\n            Clear\n          </TextLink>\n        </>\n      )}\n    </div>\n  );\n}\n\nexport function DateEditor(props: DateEditorProps) {\n  const { field, parameters } = props;\n\n  const formatParam = parameters?.instance?.format ?? 'timeZ';\n  const ampmParam = parameters?.instance?.ampm ?? '24';\n\n  const usesTime = formatParam !== 'dateonly';\n  const usesTimezone = formatParam === 'timeZ';\n  const uses12hClock = ampmParam === '12';\n\n  return (\n    <FieldConnector<string>\n      field={field}\n      isInitiallyDisabled={props.isInitiallyDisabled}\n      throttle={0}>\n      {({ value, disabled, setValue, externalReset }) => {\n        const datetimeValue = userInputFromDatetime({\n          value,\n          uses12hClock,\n        });\n        return (\n          <DateEditorContainer\n            initialValue={datetimeValue}\n            uses12hClock={uses12hClock}\n            usesTimezone={usesTimezone}\n            usesTime={usesTime}\n            disabled={disabled}\n            hasClear={Boolean(value)}\n            onChange={(data) => {\n              const fieldValue = buildFieldValue({ data, usesTime, usesTimezone });\n              if (fieldValue.invalid) {\n                return;\n              }\n              // if value is present - then override it with a new one\n              // if value is not present - then set a new one if it's not nullable only\n              if (Boolean(value) || (!value && Boolean(fieldValue.valid))) {\n                setValue(fieldValue.valid);\n              }\n            }}\n            key={`date-container-${externalReset}`}\n          />\n        );\n      }}\n    </FieldConnector>\n  );\n}\n\nDateEditor.defaultProps = {\n  isInitiallyDisabled: true,\n};\n"],"names":["ZONE_RX","startOfToday","format","moment","set","hours","minutes","fieldValueToMoment","datetimeString","datetime","test","utcOffset","timeFromUserInput","input","timeInput","time","utc","ampm","datetimeFromUserInput","date","valid","parseZone","toObject","isValid","invalid","formatDateDisplay","buildFieldValue","data","usesTime","usesTimezone","getDefaultAMPM","getDefaultUtcOffset","userInputFromDatetime","value","uses12hClock","timeFormat","I18N","previousMonth","nextMonth","months","weekdaysShort","weekdays","DEFAULTS","i18n","yearRange","createPikaday","opts","Pikaday","Object","assign","CalendarIcon","props","React","width","height","viewBox","onClick","xmlns","className","fill","fillRule","d","styles","datePickerWrapper","css","position","maxHeight","datePicker","zIndex","display","cursor","paddingRight","icon","top","right","DatepickerInput","createRef","datePickerNode","current","focus","pikaday","show","e","onBlur","el","contains","relatedTarget","hide","componentDidMount","onChange","defaultDate","toDate","undefined","field","setDefaultDate","reposition","theme","cx","toString","onSelect","getMoment","componentWillUnmount","destroy","render","TextInput","testId","isReadOnly","isDisabled","disabled","ref","onFocus","handleOpen","handleBlur","focusInput","Component","noop","validInputFormats","parseRawInput","raw","i","length","getDefaultTime","formatToString","TimepickerInput","useState","selectedTime","setSelectedTime","useEffect","handleChange","useCallback","currentTarget","handleFocus","preventDefault","target","select","parsedTime","Flex","placeholder","defaultZoneOffset","zoneOffsets","TimezonepickerInput","Select","map","offset","Option","key","root","alignItems","separator","marginLeft","tokens","spacingM","useEffectWithoutFirstRender","callback","deps","isFirstRun","DateEditorContainer","initialValue","hasClear","setValue","TextLink","as","DateEditor","parameters","formatParam","instance","ampmParam","FieldConnector","isInitiallyDisabled","throttle","externalReset","datetimeValue","Boolean","fieldValue","defaultProps"],"mappings":"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"}
+{"version":3,"file":"field-editor-date.esm.js","sources":["../src/utils/date.ts","../src/utils/createPikaday.ts","../src/icons/CalendarIcon.tsx","../src/DatepickerInput.tsx","../src/TimepickerInput.tsx","../src/utils/timezones.ts","../src/utils/zoneOffsets.ts","../src/TimezonePickerInput.tsx","../src/DateEditor.tsx"],"sourcesContent":["// eslint-disable-next-line no-restricted-imports\nimport moment from 'moment';\nimport { TimeResult } from '../types';\n\nconst ZONE_RX = /(Z|[+-]\\d{2}[:+]?\\d{2})$/;\n\nfunction startOfToday(format: string) {\n  return moment().set({ hours: 0, minutes: 0 }).format(format);\n}\n\nfunction fieldValueToMoment(datetimeString: string | null | undefined): moment.Moment | null {\n  if (!datetimeString) {\n    return null;\n  }\n\n  const datetime = moment(datetimeString);\n  if (ZONE_RX.test(datetimeString)) {\n    datetime.utcOffset(datetimeString);\n  }\n  return datetime;\n}\n\nfunction timeFromUserInput(input: TimeResult) {\n  const timeInput = input.time || '00:00';\n  return moment.utc(timeInput + '!' + input.ampm, 'HH:mm!A');\n}\n\n/**\n * Convert the user input object into either a 'moment' value or an\n * invalid symbol.\n *\n * Success is indicated by returning '{valid: value}' and failure is\n * indicated by returning '{invalid: true}'. If 'input.date' is\n * 'null' we return '{valid: null}'\n */\nfunction datetimeFromUserInput(input: TimeResult): {\n  invalid?: boolean;\n  valid: moment.Moment | null;\n} {\n  if (!input.date) {\n    return { valid: null };\n  }\n\n  const time = timeFromUserInput(input);\n\n  const date = moment\n    .parseZone(input.utcOffset, 'Z')\n    .set(input.date.toObject())\n    .set({ hours: time.hours(), minutes: time.minutes() });\n\n  if (date.isValid()) {\n    return { valid: date };\n  } else {\n    return { invalid: true, valid: null };\n  }\n}\n\nexport function formatDateDisplay(date?: moment.Moment) {\n  if (date) {\n    return date.format('dddd, MMMM Do YYYY');\n  } else {\n    return '';\n  }\n}\n\n/**\n * Parse user input into a string that is stored in the API.\n *\n * Returns a sum type with either the string as the `valid` property\n * or the `invalid` property set to `false`.\n */\nexport function buildFieldValue({\n  data,\n  usesTime,\n  usesTimezone,\n}: {\n  data: TimeResult;\n  usesTime: boolean;\n  usesTimezone: boolean;\n}) {\n  const date = datetimeFromUserInput(data);\n  if (date.invalid) {\n    return {\n      invalid: true,\n    };\n  }\n\n  let format;\n  if (usesTimezone) {\n    format = 'YYYY-MM-DDTHH:mmZ';\n  } else if (usesTime) {\n    format = 'YYYY-MM-DDTHH:mm';\n  } else {\n    format = 'YYYY-MM-DD';\n  }\n  return { valid: date?.valid ? date.valid.format(format) : null, invalid: false };\n}\n\nexport function getDefaultAMPM() {\n  return 'AM';\n}\n\nexport function getDefaultUtcOffset() {\n  return startOfToday('Z');\n}\n\n/**\n * Create the user input object from the field value.\n */\nexport function userInputFromDatetime({\n  value,\n  uses12hClock,\n}: {\n  value: string | undefined | null;\n  uses12hClock: boolean;\n}): TimeResult {\n  const datetime = fieldValueToMoment(value);\n\n  if (datetime) {\n    const timeFormat = uses12hClock ? 'hh:mm' : 'HH:mm';\n    return {\n      date: datetime,\n      time: datetime.format(timeFormat),\n      ampm: datetime.format('A'),\n      utcOffset: datetime.format('Z'),\n    };\n  } else {\n    return {\n      ampm: getDefaultAMPM(),\n      utcOffset: getDefaultUtcOffset(),\n    };\n  }\n}\n","import Pikaday from 'pikaday';\n\nconst I18N = {\n  previousMonth: 'Previous Month',\n  nextMonth: 'Next Month',\n  months: [\n    'January',\n    'February',\n    'March',\n    'April',\n    'May',\n    'June',\n    'July',\n    'August',\n    'September',\n    'October',\n    'November',\n    'December',\n  ],\n  weekdaysShort: ['S', 'M', 'T', 'W', 'T', 'F', 'S'],\n  weekdays: ['Sunday', 'Monday', 'Tuesday', 'Wednesday', 'Thursday', 'Friday', 'Saturday'],\n};\n\nconst DEFAULTS = {\n  i18n: I18N,\n  yearRange: 100,\n};\n\n// Gets same options as Pikaday and returns a Pikaday instance\nexport const createPikaday = (opts?: Pikaday.PikadayOptions) =>\n  new Pikaday(Object.assign({}, DEFAULTS, opts));\n","import React from 'react';\n\nexport function CalendarIcon(props: {\n  className?: string;\n  onClick?: React.MouseEventHandler<SVGElement>;\n}) {\n  return (\n    <svg\n      width=\"16\"\n      height=\"17\"\n      viewBox=\"-1 -1 18 19\"\n      onClick={props.onClick}\n      xmlns=\"http://www.w3.org/2000/svg\"\n      className={props.className}>\n      <g fill=\"none\" fillRule=\"evenodd\">\n        <g fill=\"#536171\">\n          <path d=\"M2.071 14.929v-2.411h2.411v2.41h-2.41zm2.947 0v-2.411h2.678v2.41H5.018zM2.07 11.982V9.304h2.411v2.678h-2.41zm2.947 0V9.304h2.678v2.678H5.018zM2.07 8.768v-2.41h2.411v2.41h-2.41zm6.161 6.16v-2.41h2.679v2.41H8.232zm-3.214-6.16v-2.41h2.678v2.41H5.018zm6.428 6.16v-2.41h2.411v2.41h-2.41zm-3.214-2.946V9.304h2.679v2.678H8.232zM5.286 4.75a.275.275 0 0 1-.268.268h-.536a.275.275 0 0 1-.268-.268V2.34c0-.143.126-.269.268-.269h.536c.142 0 .268.126.268.268V4.75zm6.16 7.232V9.304h2.411v2.678h-2.41zM8.232 8.768v-2.41h2.679v2.41H8.232zm3.214 0v-2.41h2.411v2.41h-2.41zm.268-4.018a.275.275 0 0 1-.268.268h-.535a.275.275 0 0 1-.268-.268V2.34c0-.143.125-.269.268-.269h.535c.143 0 .268.126.268.268V4.75zm3.215-.536c0-.586-.486-1.071-1.072-1.071h-1.071v-.804c0-.736-.603-1.339-1.34-1.339h-.535c-.737 0-1.34.603-1.34 1.34v.803H6.357v-.804C6.357 1.603 5.754 1 5.017 1h-.535c-.736 0-1.34.603-1.34 1.34v.803h-1.07C1.484 3.143 1 3.628 1 4.214V14.93C1 15.515 1.485 16 2.071 16h11.786c.586 0 1.072-.485 1.072-1.071V4.214z\" />\n        </g>\n      </g>\n    </svg>\n  );\n}\n","import React, { Component, FocusEventHandler, FocusEvent } from 'react';\nimport noop from 'lodash/noop';\n// eslint-disable-next-line no-restricted-imports\nimport moment from 'moment';\nimport { css, cx } from 'emotion';\nimport { formatDateDisplay } from './utils/date';\nimport { createPikaday } from './utils/createPikaday';\nimport { CalendarIcon } from './icons/CalendarIcon';\n\nimport { TextInput } from '@contentful/f36-components';\n\nconst styles = {\n  datePickerWrapper: css({\n    position: 'relative',\n    maxHeight: 70,\n  }),\n  datePicker: css({\n    zIndex: 1002,\n    display: 'block',\n    '.is-hidden': {\n      display: 'none',\n    },\n  }),\n  input: css({\n    width: '270px',\n    cursor: 'pointer',\n    paddingRight: '40px',\n    '&:disabled': {\n      cursor: 'not-allowed',\n    },\n  }),\n  icon: css({\n    cursor: 'pointer',\n    zIndex: 50,\n    position: 'absolute',\n    top: '12px',\n    right: '12px',\n  }),\n};\n\nexport type DatePickerProps = {\n  value?: moment.Moment;\n  onChange: (val: moment.Moment | undefined) => void;\n  onBlur: FocusEventHandler;\n  disabled?: boolean;\n};\n\nexport class DatepickerInput extends Component<DatePickerProps> {\n  static defaultProps: Partial<DatePickerProps> = {\n    onChange: noop,\n    onBlur: noop,\n  };\n\n  pikaday?: Pikaday;\n  datePickerNode = React.createRef<HTMLInputElement>();\n\n  componentDidMount() {\n    const onChange = this.props.onChange;\n    const defaultDate = this.props.value ? this.props.value.toDate() : undefined;\n    this.pikaday = createPikaday({\n      field: this.datePickerNode && this.datePickerNode.current,\n      defaultDate,\n      setDefaultDate: defaultDate !== undefined,\n      position: 'bottom left',\n      reposition: false,\n      theme: cx(styles.datePicker, 'hide-carret'),\n      toString: (date) => {\n        return formatDateDisplay(moment(date));\n      },\n      // we need to keep this function like this\n      // so `this` refers to pikaday instance\n      onSelect: function onSelect() {\n        onChange(this.getMoment() || undefined);\n      },\n    });\n  }\n\n  focusInput = () => {\n    if (this.datePickerNode && this.datePickerNode.current) {\n      this.datePickerNode.current.focus();\n    }\n  };\n\n  componentWillUnmount() {\n    if (this.pikaday) {\n      this.pikaday.destroy();\n    }\n  }\n\n  handleOpen = () => {\n    if (this.pikaday) {\n      this.pikaday.show();\n    }\n  };\n\n  handleBlur = (e: FocusEvent) => {\n    this.props.onBlur(e);\n    if (this.pikaday && !this.pikaday.el.contains(e.relatedTarget as HTMLInputElement)) {\n      this.pikaday.hide();\n    }\n  };\n\n  render() {\n    return (\n      <div className={styles.datePickerWrapper}>\n        <TextInput\n          aria-label=\"Select date\"\n          testId=\"date-input\"\n          isReadOnly\n          isDisabled={this.props.disabled}\n          value={formatDateDisplay(this.props.value)}\n          ref={this.datePickerNode}\n          onFocus={this.handleOpen}\n          onBlur={this.handleBlur}\n          className={styles.input}\n        />\n        <CalendarIcon\n          onClick={() => {\n            this.focusInput();\n          }}\n          className={styles.icon}\n        />\n      </div>\n    );\n  }\n}\n","import React, { useState, useCallback, useEffect } from 'react';\n// eslint-disable-next-line no-restricted-imports\nimport moment from 'moment';\nimport { css } from 'emotion';\n\nimport { TextInput, Flex } from '@contentful/f36-components';\n\nexport type TimepickerProps = {\n  disabled: boolean;\n  uses12hClock: boolean;\n  onChange: (value: { time: string; ampm: string }) => void;\n  time?: string;\n  ampm?: string;\n};\n\nconst validInputFormats = [\n  'hh:mm a',\n  'hh:mm A',\n  'h:mm a',\n  'h:mm A',\n  'hh:mm',\n  'k:mm',\n  'kk:mm',\n  'h a',\n  'h A',\n  'h',\n  'hh',\n  'HH',\n];\n\nfunction parseRawInput(raw: string): moment.Moment | null {\n  let time: moment.Moment | null = null;\n\n  // eslint-disable-next-line @typescript-eslint/prefer-for-of\n  for (let i = 0; i < validInputFormats.length; i++) {\n    const date = moment(raw, validInputFormats[i]);\n    if (date.isValid()) {\n      time = date;\n      break;\n    }\n  }\n\n  return time;\n}\n\nconst getDefaultTime = () => {\n  return moment(`12:00 AM`, 'hh:mm A');\n};\n\nconst formatToString = (uses12hClock: boolean, value: moment.Moment): string => {\n  return uses12hClock ? value.format('hh:mm A') : value.format('HH:mm');\n};\n\nexport const TimepickerInput = ({\n  disabled,\n  uses12hClock,\n  time = '12:00',\n  ampm = 'AM',\n  onChange,\n}: TimepickerProps) => {\n  const [selectedTime, setSelectedTime] = useState<string>(() => {\n    return formatToString(uses12hClock, getDefaultTime());\n  });\n\n  useEffect(() => {\n    setSelectedTime(formatToString(uses12hClock, moment(`${time} ${ampm}`, 'hh:mm A')));\n  }, [time, ampm, uses12hClock]);\n\n  const handleChange = useCallback((e: React.ChangeEvent<HTMLInputElement>) => {\n    setSelectedTime(e.currentTarget.value);\n  }, []);\n\n  const handleFocus = useCallback((e) => {\n    e.preventDefault();\n    e.target.select();\n  }, []);\n\n  const handleBlur = () => {\n    const parsedTime = parseRawInput(selectedTime);\n    const value = parsedTime ?? getDefaultTime();\n    setSelectedTime(formatToString(uses12hClock, value));\n    onChange({ time: value.format('hh:mm'), ampm: value.format('A') });\n  };\n\n  return (\n    <Flex className={css({ width: '140px' })}>\n      <TextInput\n        aria-label=\"Select time\"\n        placeholder={uses12hClock ? '12:00 AM' : '00:00'}\n        date-time-type={uses12hClock ? '12' : '24'}\n        testId=\"time-input\"\n        value={selectedTime}\n        isDisabled={disabled}\n        onFocus={handleFocus}\n        onBlur={handleBlur}\n        onChange={handleChange}\n      />\n    </Flex>\n  );\n};\n","import dayjs from 'dayjs';\n\nimport utc from 'dayjs/plugin/utc';\nimport timezone from 'dayjs/plugin/timezone';\n\nimport { timeZonesNames } from '@vvo/tzdb';\n\ndayjs.extend(utc);\ndayjs.extend(timezone);\n\nexport type Timezone = {\n  displayValue: string;\n  ianaName: string;\n};\n\n// Borrowed from https://github.com/tc39/proposal-intl-enumeration/blob/master/polyfill/timeZones.js\nfunction isSupported(timeZone: string): boolean {\n  try {\n    const newFormat = new Intl.DateTimeFormat('en', { timeZone });\n    const options = newFormat.resolvedOptions();\n    return options.timeZone === timeZone;\n  } catch (e) {\n    return false;\n  }\n}\n\nconst timezones = timeZonesNames\n  .filter((timezone: string) => isSupported(timezone))\n  .map((timezone: string) => ({\n    displayValue: `(GMT${dayjs.tz(undefined, timezone).format('Z')}) - ${timezone.replace(\n      '_',\n      ' '\n    )}`,\n    ianaName: timezone,\n  }));\n\nexport default timezones;\n","export const defaultZoneOffset = '+00:00';\n\nexport const zoneOffsets = [\n  '-12:00',\n  '-11:00',\n  '-10:00',\n  '-09:30',\n  '-09:00',\n  '-08:00',\n  '-07:00',\n  '-06:00',\n  '-05:00',\n  '-04:30',\n  '-04:00',\n  '-03:30',\n  '-03:00',\n  '-02:00',\n  '-01:00',\n  '+00:00',\n  '+01:00',\n  '+02:00',\n  '+03:00',\n  '+03:30',\n  '+04:00',\n  '+04:30',\n  '+05:00',\n  '+05:30',\n  '+05:45',\n  '+06:00',\n  '+06:30',\n  '+07:00',\n  '+08:00',\n  '+08:45',\n  '+09:00',\n  '+09:30',\n  '+10:00',\n  '+10:30',\n  '+11:00',\n  '+11:30',\n  '+12:00',\n  '+12:45',\n  '+13:00',\n  '+14:00',\n];\n","import React, { useCallback, useEffect, useState } from 'react';\n\nimport { Autocomplete } from '@contentful/f36-components';\n\nimport allTimezones, { Timezone } from './utils/timezones';\nimport { defaultZoneOffset } from './utils/zoneOffsets';\n\nimport dayjs from 'dayjs';\n\nimport utc from 'dayjs/plugin/utc';\nimport timezone from 'dayjs/plugin/timezone';\n\ndayjs.extend(utc);\ndayjs.extend(timezone);\n\nexport type TimezonepickerProps = {\n  disabled: boolean;\n  onChange: (value: string) => void;\n  value?: string;\n};\n\nexport const TimezonepickerInput = ({\n  disabled,\n  onChange,\n  value = defaultZoneOffset,\n}: TimezonepickerProps) => {\n  const defaultTimezone =\n    allTimezones.find((timezone: Timezone) => timezone.ianaName === dayjs.tz.guess()) ||\n    allTimezones.find(\n      (timezone: Timezone) => dayjs.tz(undefined, timezone.ianaName).format('Z') === value\n    );\n\n  const [filteredTimezones, setFilteredTimezones] = useState(allTimezones);\n  const [userInput, setUserInput] = useState(defaultTimezone as Timezone);\n\n  useEffect(() => {\n    if (!value) {\n      setUserInput({\n        displayValue: '',\n        ianaName: '',\n      } as Timezone);\n    }\n  }, [value]);\n\n  const handleSelect = useCallback(\n    (timezone) => {\n      onChange(dayjs.tz(undefined, timezone.ianaName).format('Z'));\n      setUserInput(timezone);\n    },\n    [onChange]\n  );\n\n  const handleChange = (val: string) => {\n    const newFilteredTimezones = allTimezones.filter((timezone: Timezone) =>\n      timezone.displayValue.toLowerCase().includes(val.toLowerCase())\n    );\n    setFilteredTimezones(newFilteredTimezones.length > 0 ? newFilteredTimezones : allTimezones);\n  };\n\n  return (\n    <Autocomplete\n      isDisabled={disabled}\n      listMaxHeight={300}\n      items={filteredTimezones.slice(0, 100)}\n      itemToString={(timezone: Timezone) => timezone.displayValue}\n      renderItem={(timezone: Timezone) => timezone.displayValue}\n      onSelectItem={handleSelect}\n      onInputValueChange={handleChange}\n      selectedItem={userInput}\n      placeholder=\"Select a timezone\"\n      noMatchesMessage=\"No timezones found\"\n      testId=\"timezone-input\"\n    />\n  );\n};\n","import * as React from 'react';\nimport { css } from 'emotion';\nimport tokens from '@contentful/f36-tokens';\nimport { FieldAPI, FieldConnector, ParametersAPI } from '@contentful/field-editor-shared';\nimport { DatepickerInput } from './DatepickerInput';\nimport { TimepickerInput } from './TimepickerInput';\nimport { TimezonepickerInput } from './TimezonePickerInput';\nimport { userInputFromDatetime, buildFieldValue, getDefaultAMPM } from './utils/date';\nimport { TimeFormat, DateTimeFormat, TimeResult } from './types';\n\nimport { TextLink } from '@contentful/f36-components';\n\nexport interface DateEditorProps {\n  /**\n   * is the field disabled initially\n   */\n  isInitiallyDisabled: boolean;\n\n  /**\n   * sdk.field\n   */\n  field: FieldAPI;\n\n  /**\n   * sdk.parameters\n   */\n  parameters?: ParametersAPI & {\n    instance?: {\n      format?: DateTimeFormat;\n      ampm?: TimeFormat;\n    };\n  };\n}\n\nconst styles = {\n  root: css({\n    display: 'flex',\n    alignItems: 'center',\n  }),\n  separator: css({\n    marginLeft: tokens.spacingM,\n  }),\n};\n\nfunction useEffectWithoutFirstRender(callback: Function, deps: Array<any>) {\n  const isFirstRun = React.useRef(true);\n  React.useEffect(() => {\n    if (isFirstRun.current) {\n      isFirstRun.current = false;\n      return;\n    }\n    callback();\n  }, deps);\n}\n\nfunction DateEditorContainer({\n  initialValue,\n  usesTime,\n  usesTimezone,\n  uses12hClock,\n  disabled,\n  hasClear,\n  onChange,\n}: {\n  initialValue: TimeResult;\n  usesTime: boolean;\n  usesTimezone: boolean;\n  uses12hClock: boolean;\n  disabled: boolean;\n  hasClear: boolean;\n  onChange: (value: TimeResult) => void;\n}) {\n  const [value, setValue] = React.useState<TimeResult>(() => initialValue);\n\n  useEffectWithoutFirstRender(() => {\n    onChange(value);\n  }, [value]);\n\n  return (\n    <div data-test-id=\"date-editor\" className={styles.root}>\n      <DatepickerInput\n        disabled={disabled}\n        value={value.date}\n        onChange={(date) => {\n          setValue((value) => ({\n            ...value,\n            date,\n          }));\n        }}\n      />\n      {usesTime && (\n        <>\n          <div className={styles.separator} />\n          <TimepickerInput\n            disabled={disabled}\n            time={value.time}\n            ampm={value.ampm}\n            onChange={({ time, ampm }) => {\n              setValue((value) => ({\n                ...value,\n                time,\n                ampm,\n              }));\n            }}\n            uses12hClock={uses12hClock}\n          />\n        </>\n      )}\n      {usesTimezone && (\n        <>\n          <div className={styles.separator} />\n          <TimezonepickerInput\n            disabled={disabled}\n            value={value.utcOffset}\n            onChange={(utcOffset) => {\n              setValue((value) => ({\n                ...value,\n                utcOffset,\n              }));\n            }}\n          />\n        </>\n      )}\n      {hasClear && (\n        <>\n          <div className={styles.separator} />\n          <TextLink\n            as=\"button\"\n            isDisabled={disabled}\n            testId=\"date-clear\"\n            onClick={() => {\n              setValue({\n                date: undefined,\n                time: undefined,\n                ampm: getDefaultAMPM(),\n                utcOffset: '',\n              });\n            }}>\n            Clear\n          </TextLink>\n        </>\n      )}\n    </div>\n  );\n}\n\nexport function DateEditor(props: DateEditorProps) {\n  const { field, parameters } = props;\n\n  const formatParam = parameters?.instance?.format ?? 'timeZ';\n  const ampmParam = parameters?.instance?.ampm ?? '24';\n\n  const usesTime = formatParam !== 'dateonly';\n  const usesTimezone = formatParam === 'timeZ';\n  const uses12hClock = ampmParam === '12';\n\n  return (\n    <FieldConnector<string>\n      field={field}\n      isInitiallyDisabled={props.isInitiallyDisabled}\n      throttle={0}>\n      {({ value, disabled, setValue, externalReset }) => {\n        const datetimeValue = userInputFromDatetime({\n          value,\n          uses12hClock,\n        });\n        return (\n          <DateEditorContainer\n            initialValue={datetimeValue}\n            uses12hClock={uses12hClock}\n            usesTimezone={usesTimezone}\n            usesTime={usesTime}\n            disabled={disabled}\n            hasClear={Boolean(value)}\n            onChange={(data) => {\n              const fieldValue = buildFieldValue({ data, usesTime, usesTimezone });\n              if (fieldValue.invalid) {\n                return;\n              }\n              // if value is present - then override it with a new one\n              // if value is not present - then set a new one if it's not nullable only\n              if (Boolean(value) || (!value && Boolean(fieldValue.valid))) {\n                setValue(fieldValue.valid);\n              }\n            }}\n            key={`date-container-${externalReset}`}\n          />\n        );\n      }}\n    </FieldConnector>\n  );\n}\n\nDateEditor.defaultProps = {\n  isInitiallyDisabled: true,\n};\n"],"names":["ZONE_RX","startOfToday","format","moment","set","hours","minutes","fieldValueToMoment","datetimeString","datetime","test","utcOffset","timeFromUserInput","input","timeInput","time","utc","ampm","datetimeFromUserInput","date","valid","parseZone","toObject","isValid","invalid","formatDateDisplay","buildFieldValue","data","usesTime","usesTimezone","getDefaultAMPM","getDefaultUtcOffset","userInputFromDatetime","value","uses12hClock","timeFormat","I18N","previousMonth","nextMonth","months","weekdaysShort","weekdays","DEFAULTS","i18n","yearRange","createPikaday","opts","Pikaday","Object","assign","CalendarIcon","props","React","width","height","viewBox","onClick","xmlns","className","fill","fillRule","d","styles","datePickerWrapper","css","position","maxHeight","datePicker","zIndex","display","cursor","paddingRight","icon","top","right","DatepickerInput","createRef","datePickerNode","current","focus","pikaday","show","e","onBlur","el","contains","relatedTarget","hide","componentDidMount","onChange","defaultDate","toDate","undefined","field","setDefaultDate","reposition","theme","cx","toString","onSelect","getMoment","componentWillUnmount","destroy","render","TextInput","testId","isReadOnly","isDisabled","disabled","ref","onFocus","handleOpen","handleBlur","focusInput","Component","noop","validInputFormats","parseRawInput","raw","i","length","getDefaultTime","formatToString","TimepickerInput","useState","selectedTime","setSelectedTime","useEffect","handleChange","useCallback","currentTarget","handleFocus","preventDefault","target","select","parsedTime","Flex","placeholder","dayjs","extend","timezone","isSupported","timeZone","newFormat","Intl","DateTimeFormat","options","resolvedOptions","timezones","timeZonesNames","filter","map","displayValue","tz","replace","ianaName","defaultZoneOffset","zoneOffsets","TimezonepickerInput","defaultTimezone","allTimezones","find","guess","filteredTimezones","setFilteredTimezones","userInput","setUserInput","handleSelect","val","newFilteredTimezones","toLowerCase","includes","Autocomplete","listMaxHeight","items","slice","itemToString","renderItem","onSelectItem","onInputValueChange","selectedItem","noMatchesMessage","root","alignItems","separator","marginLeft","tokens","spacingM","useEffectWithoutFirstRender","callback","deps","isFirstRun","DateEditorContainer","initialValue","hasClear","setValue","TextLink","as","DateEditor","parameters","formatParam","instance","ampmParam","FieldConnector","isInitiallyDisabled","throttle","externalReset","datetimeValue","Boolean","fieldValue","key","defaultProps"],"mappings":"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"}

package/dist/utils/timezones.d.ts

@@ -0,0 +1,9 @@
+export declare type Timezone = {
+    displayValue: string;
+    ianaName: string;
+};
+declare const timezones: {
+    displayValue: string;
+    ianaName: string;
+}[];
+export default timezones;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@contentful/field-editor-date",
-  "version": "1.1.2",
+  "version": "1.1.3",
   "main": "dist/index.js",
   "module": "dist/field-editor-date.esm.js",
   "typings": "dist/index.d.ts",
@@ -23,9 +23,11 @@
     "test:ci": "tsdx test --env=jsdom --ci"
   },
   "dependencies": {
-    "@contentful/f36-components": "^4.0.27",
+    "@contentful/f36-components": "^4.9.0",
     "@contentful/f36-tokens": "^4.0.0",
     "@contentful/field-editor-shared": "^1.1.2",
+    "@vvo/tzdb": "^6.50.0",
+    "dayjs": "^1.11.2",
     "emotion": "^10.0.17",
     "lodash": "^4.17.15",
     "lodash-es": "^4.17.15",
@@ -50,5 +52,5 @@
       }
     }
   },
-  "gitHead": "de8be92c698f4fd7348e79325f39ea1525439b1e"
+  "gitHead": "cee92ea3b8fdf0dd8e21aa2b67d5145dbf439936"
 }