@contentful/field-editor-date 1.2.1 → 1.2.2

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.2.2](https://github.com/contentful/field-editors/compare/@contentful/field-editor-date@1.2.1...@contentful/field-editor-date@1.2.2) (2022-09-16)
+
+### Bug Fixes
+
+- fix the way date is parsed in the DateEditor [BAU-943] ([#1239](https://github.com/contentful/field-editors/issues/1239)) ([97434e7](https://github.com/contentful/field-editors/commit/97434e7cbd223fa9347e513ccb9571f210b88344))
+
 ## [1.2.1](https://github.com/contentful/field-editors/compare/@contentful/field-editor-date@1.2.0...@contentful/field-editor-date@1.2.1) (2022-09-15)
 
 ### Bug Fixes

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

@@ -47,11 +47,17 @@ var DatepickerInput = function DatepickerInput(props) {
     return [fromDate, toDate];
   }, []),
       fromDate = _useMemo[0],
-      toDate = _useMemo[1];
+      toDate = _useMemo[1]; // The DatepickerInput should be time and timezone agnostic,
+  // thats why we use moment().format() instead of moment().toDate().
+  // moment().toDate() takes into account time and timezone and converts it
+  // based on your system timezone which can result in the date change.
+  // e.g. for user who has a timezone +02:00, moment('2022-09-16T00:00+4:00').toDate() will return '2022-09-15'
 
+
+  var selectedDate = props.value && new Date((_props$value = props.value) == null ? void 0 : _props$value.format('YYYY-MM-DD'));
   return React__default.createElement(f36Components.Datepicker, {
     className: styles.root,
-    selected: (_props$value = props.value) == null ? void 0 : _props$value.toDate(),
+    selected: selectedDate,
     onSelect: function onSelect(day) {
       var momentDay = day ? moment(day) : undefined;
       props.onChange(momentDay);

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

@@ -1 +1 @@
-{"version":3,"file":"field-editor-date.cjs.development.js","sources":["../src/DatepickerInput.tsx","../src/TimepickerInput.tsx","../src/utils/zoneOffsets.ts","../src/TimezonePickerInput.tsx","../src/utils/date.ts","../src/DateEditor.tsx"],"sourcesContent":["import React, { useMemo } from 'react';\n\nimport { Datepicker } from '@contentful/f36-components';\nimport { css } from 'emotion';\n// eslint-disable-next-line -- TODO: describe this disable  no-restricted-imports\nimport moment from 'moment';\n\nconst YEAR_RANGE = 100;\n\nconst styles = {\n  root: css({\n    maxWidth: '270px',\n  }),\n};\n\nexport type DatePickerProps = {\n  value?: moment.Moment;\n  onChange: (val: moment.Moment | undefined) => void;\n  disabled?: boolean;\n};\n\nexport const DatepickerInput = (props: DatePickerProps) => {\n  const [fromDate, toDate] = useMemo(() => {\n    const fromDate = new Date();\n    fromDate.setFullYear(fromDate.getFullYear() - YEAR_RANGE);\n    const toDate = new Date();\n    toDate.setFullYear(toDate.getFullYear() + YEAR_RANGE);\n\n    return [fromDate, toDate];\n  }, []);\n\n  return (\n    <Datepicker\n      className={styles.root}\n      selected={props.value?.toDate()}\n      onSelect={(day) => {\n        const momentDay = day ? moment(day) : undefined;\n        props.onChange(momentDay);\n      }}\n      inputProps={{ isDisabled: props.disabled, placeholder: '' }}\n      fromDate={fromDate}\n      toDate={toDate}\n    />\n  );\n};\n","import React, { useState, useCallback, useEffect } from 'react';\n// eslint-disable-next-line -- TODO: describe this disable  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 -- TODO: describe this disable  @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: '145px' })}>\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};\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","// eslint-disable-next-line -- TODO: describe this disable  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\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 * 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    // eslint-disable-next-line react-hooks/exhaustive-deps -- TODO: Evaluate the dependencies\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":["YEAR_RANGE","styles","root","css","maxWidth","DatepickerInput","props","useMemo","fromDate","Date","setFullYear","getFullYear","toDate","React","Datepicker","className","selected","value","onSelect","day","momentDay","moment","undefined","onChange","inputProps","isDisabled","disabled","placeholder","validInputFormats","parseRawInput","raw","time","i","length","date","isValid","getDefaultTime","formatToString","uses12hClock","format","TimepickerInput","ampm","useState","selectedTime","setSelectedTime","useEffect","handleChange","useCallback","e","currentTarget","handleFocus","preventDefault","target","select","handleBlur","parsedTime","Flex","width","TextInput","testId","onFocus","onBlur","defaultZoneOffset","zoneOffsets","TimezonepickerInput","Select","map","offset","Option","key","ZONE_RX","startOfToday","set","hours","minutes","fieldValueToMoment","datetimeString","datetime","test","utcOffset","timeFromUserInput","input","timeInput","utc","datetimeFromUserInput","valid","parseZone","toObject","invalid","buildFieldValue","data","usesTime","usesTimezone","getDefaultAMPM","getDefaultUtcOffset","userInputFromDatetime","timeFormat","display","alignItems","separator","marginLeft","tokens","spacingM","useEffectWithoutFirstRender","callback","deps","isFirstRun","current","DateEditorContainer","initialValue","hasClear","setValue","TextLink","as","onClick","DateEditor","field","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/DatepickerInput.tsx","../src/TimepickerInput.tsx","../src/utils/zoneOffsets.ts","../src/TimezonePickerInput.tsx","../src/utils/date.ts","../src/DateEditor.tsx"],"sourcesContent":["import React, { useMemo } from 'react';\n\nimport { Datepicker } from '@contentful/f36-components';\nimport { css } from 'emotion';\n// eslint-disable-next-line -- TODO: describe this disable  no-restricted-imports\nimport moment from 'moment';\n\nconst YEAR_RANGE = 100;\n\nconst styles = {\n  root: css({\n    maxWidth: '270px',\n  }),\n};\n\nexport type DatePickerProps = {\n  value?: moment.Moment;\n  onChange: (val: moment.Moment | undefined) => void;\n  disabled?: boolean;\n};\n\nexport const DatepickerInput = (props: DatePickerProps) => {\n  const [fromDate, toDate] = useMemo(() => {\n    const fromDate = new Date();\n    fromDate.setFullYear(fromDate.getFullYear() - YEAR_RANGE);\n    const toDate = new Date();\n    toDate.setFullYear(toDate.getFullYear() + YEAR_RANGE);\n\n    return [fromDate, toDate];\n  }, []);\n\n  // The DatepickerInput should be time and timezone agnostic,\n  // thats why we use moment().format() instead of moment().toDate().\n  // moment().toDate() takes into account time and timezone and converts it\n  // based on your system timezone which can result in the date change.\n  // e.g. for user who has a timezone +02:00, moment('2022-09-16T00:00+4:00').toDate() will return '2022-09-15'\n  const selectedDate = props.value && new Date(props.value?.format('YYYY-MM-DD'));\n\n  return (\n    <Datepicker\n      className={styles.root}\n      selected={selectedDate}\n      onSelect={(day) => {\n        const momentDay = day ? moment(day) : undefined;\n        props.onChange(momentDay);\n      }}\n      inputProps={{ isDisabled: props.disabled, placeholder: '' }}\n      fromDate={fromDate}\n      toDate={toDate}\n    />\n  );\n};\n","import React, { useState, useCallback, useEffect } from 'react';\n// eslint-disable-next-line -- TODO: describe this disable  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 -- TODO: describe this disable  @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: '145px' })}>\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};\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","// eslint-disable-next-line -- TODO: describe this disable  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\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 * 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    // eslint-disable-next-line react-hooks/exhaustive-deps -- TODO: Evaluate the dependencies\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":["YEAR_RANGE","styles","root","css","maxWidth","DatepickerInput","props","useMemo","fromDate","Date","setFullYear","getFullYear","toDate","selectedDate","value","format","React","Datepicker","className","selected","onSelect","day","momentDay","moment","undefined","onChange","inputProps","isDisabled","disabled","placeholder","validInputFormats","parseRawInput","raw","time","i","length","date","isValid","getDefaultTime","formatToString","uses12hClock","TimepickerInput","ampm","useState","selectedTime","setSelectedTime","useEffect","handleChange","useCallback","e","currentTarget","handleFocus","preventDefault","target","select","handleBlur","parsedTime","Flex","width","TextInput","testId","onFocus","onBlur","defaultZoneOffset","zoneOffsets","TimezonepickerInput","Select","map","offset","Option","key","ZONE_RX","startOfToday","set","hours","minutes","fieldValueToMoment","datetimeString","datetime","test","utcOffset","timeFromUserInput","input","timeInput","utc","datetimeFromUserInput","valid","parseZone","toObject","invalid","buildFieldValue","data","usesTime","usesTimezone","getDefaultAMPM","getDefaultUtcOffset","userInputFromDatetime","timeFormat","display","alignItems","separator","marginLeft","tokens","spacingM","useEffectWithoutFirstRender","callback","deps","isFirstRun","current","DateEditorContainer","initialValue","hasClear","setValue","TextLink","as","onClick","DateEditor","field","parameters","formatParam","instance","ampmParam","FieldConnector","isInitiallyDisabled","throttle","externalReset","datetimeValue","Boolean","fieldValue","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")),l=require("@contentful/field-editor-shared"),i=require("@contentful/f36-components"),u=e(require("moment"));function o(){return(o=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)}var s={root:a.css({maxWidth:"270px"})},m=function(e){var a,r=t.useMemo((function(){var e=new Date;e.setFullYear(e.getFullYear()-100);var t=new Date;return t.setFullYear(t.getFullYear()+100),[e,t]}),[]),l=r[0],o=r[1];return n.createElement(i.Datepicker,{className:s.root,selected:null==(a=e.value)?void 0:a.toDate(),onSelect:function(t){var n=t?u(t):void 0;e.onChange(n)},inputProps:{isDisabled:e.disabled,placeholder:""},fromDate:l,toDate:o})},c=["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"],d=function(){return u("12:00 AM","hh:mm A")},f=function(e,t){return t.format(e?"hh:mm A":"HH:mm")},v=function(e){var r=e.disabled,l=e.uses12hClock,o=e.time,s=void 0===o?"12:00":o,m=e.ampm,v=void 0===m?"AM":m,h=e.onChange,p=t.useState((function(){return f(l,d())})),b=p[0],g=p[1];t.useEffect((function(){g(f(l,u(s+" "+v,"hh:mm A")))}),[s,v,l]);var C=t.useCallback((function(e){g(e.currentTarget.value)}),[]),D=t.useCallback((function(e){e.preventDefault(),e.target.select()}),[]);return n.createElement(i.Flex,{className:a.css({width:"145px"})},n.createElement(i.TextInput,{"aria-label":"Select time",placeholder:l?"12:00 AM":"00:00","date-time-type":l?"12":"24",testId:"time-input",value:b,isDisabled:r,onFocus:D,onBlur:function(){var e=function(e){for(var t=null,n=0;n<c.length;n++){var a=u(e,c[n]);if(a.isValid()){t=a;break}}return t}(b),t=null!=e?e:d();g(f(l,t)),h({time:t.format("hh:mm"),ampm:t.format("A")})},onChange:C}))},h=["-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"],p=function(e){var t=e.onChange,a=e.value;return n.createElement(i.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)}},h.map((function(e){return n.createElement(i.Select.Option,{key:e,value:e},"UTC",e)})))},b=/(Z|[+-]\d{2}[:+]?\d{2})$/;function g(){return u().set({hours:0,minutes:0}).format("Z")}var C={root:a.css({display:"flex",alignItems:"center"}),separator:a.css({marginLeft:r.spacingM})};function D(e){var n,a,r,l=e.initialValue,u=e.usesTime,s=e.usesTimezone,c=e.uses12hClock,d=e.disabled,f=e.hasClear,h=e.onChange,b=t.useState((function(){return l})),D=b[0],E=b[1];return n=function(){h(D)},a=[D],r=t.useRef(!0),t.useEffect((function(){r.current?r.current=!1:n()}),a),t.createElement("div",{"data-test-id":"date-editor",className:C.root},t.createElement(m,{disabled:d,value:D.date,onChange:function(e){E((function(t){return o({},t,{date:e})}))}}),u&&t.createElement(t.Fragment,null,t.createElement("div",{className:C.separator}),t.createElement(v,{disabled:d,time:D.time,ampm:D.ampm,onChange:function(e){var t=e.time,n=e.ampm;E((function(e){return o({},e,{time:t,ampm:n})}))},uses12hClock:c})),s&&t.createElement(t.Fragment,null,t.createElement("div",{className:C.separator}),t.createElement(p,{disabled:d,value:D.utcOffset,onChange:function(e){E((function(t){return o({},t,{utcOffset:e})}))}})),f&&t.createElement(t.Fragment,null,t.createElement("div",{className:C.separator}),t.createElement(i.TextLink,{as:"button",isDisabled:d,testId:"date-clear",onClick:function(){E({date:void 0,time:void 0,ampm:"AM",utcOffset:g()})}},"Clear")))}function E(e){var n,a,r,i,o=e.parameters,s=null!=(n=null==o||null==(a=o.instance)?void 0:a.format)?n:"timeZ",m=null!=(r=null==o||null==(i=o.instance)?void 0:i.ampm)?r:"24",c="dateonly"!==s,d="timeZ"===s,f="12"===m;return t.createElement(l.FieldConnector,{field:e.field,isInitiallyDisabled:e.isInitiallyDisabled,throttle:0},(function(e){var n=e.value,a=e.disabled,r=e.setValue,l=e.externalReset,i=function(e){var t=e.uses12hClock,n=function(e){if(!e)return null;var t=u(e);return b.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:g()}}({value:n,uses12hClock:f});return t.createElement(D,{initialValue:i,uses12hClock:f,usesTimezone:d,usesTime:c,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:c,usesTimezone:d});t.invalid||(Boolean(n)||!n&&Boolean(t.valid))&&r(t.valid)},key:"date-container-"+l})}))}E.defaultProps={isInitiallyDisabled:!0},exports.DateEditor=E,exports.zoneOffsets=h;
+"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")),l=require("@contentful/field-editor-shared"),i=require("@contentful/f36-components"),u=e(require("moment"));function o(){return(o=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)}var s={root:a.css({maxWidth:"270px"})},m=function(e){var a,r=t.useMemo((function(){var e=new Date;e.setFullYear(e.getFullYear()-100);var t=new Date;return t.setFullYear(t.getFullYear()+100),[e,t]}),[]),l=r[0],o=r[1],m=e.value&&new Date(null==(a=e.value)?void 0:a.format("YYYY-MM-DD"));return n.createElement(i.Datepicker,{className:s.root,selected:m,onSelect:function(t){var n=t?u(t):void 0;e.onChange(n)},inputProps:{isDisabled:e.disabled,placeholder:""},fromDate:l,toDate:o})},c=["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"],d=function(){return u("12:00 AM","hh:mm A")},f=function(e,t){return t.format(e?"hh:mm A":"HH:mm")},v=function(e){var r=e.disabled,l=e.uses12hClock,o=e.time,s=void 0===o?"12:00":o,m=e.ampm,v=void 0===m?"AM":m,h=e.onChange,p=t.useState((function(){return f(l,d())})),b=p[0],g=p[1];t.useEffect((function(){g(f(l,u(s+" "+v,"hh:mm A")))}),[s,v,l]);var C=t.useCallback((function(e){g(e.currentTarget.value)}),[]),D=t.useCallback((function(e){e.preventDefault(),e.target.select()}),[]);return n.createElement(i.Flex,{className:a.css({width:"145px"})},n.createElement(i.TextInput,{"aria-label":"Select time",placeholder:l?"12:00 AM":"00:00","date-time-type":l?"12":"24",testId:"time-input",value:b,isDisabled:r,onFocus:D,onBlur:function(){var e=function(e){for(var t=null,n=0;n<c.length;n++){var a=u(e,c[n]);if(a.isValid()){t=a;break}}return t}(b),t=null!=e?e:d();g(f(l,t)),h({time:t.format("hh:mm"),ampm:t.format("A")})},onChange:C}))},h=["-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"],p=function(e){var t=e.onChange,a=e.value;return n.createElement(i.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)}},h.map((function(e){return n.createElement(i.Select.Option,{key:e,value:e},"UTC",e)})))},b=/(Z|[+-]\d{2}[:+]?\d{2})$/;function g(){return u().set({hours:0,minutes:0}).format("Z")}var C={root:a.css({display:"flex",alignItems:"center"}),separator:a.css({marginLeft:r.spacingM})};function D(e){var n,a,r,l=e.initialValue,u=e.usesTime,s=e.usesTimezone,c=e.uses12hClock,d=e.disabled,f=e.hasClear,h=e.onChange,b=t.useState((function(){return l})),D=b[0],E=b[1];return n=function(){h(D)},a=[D],r=t.useRef(!0),t.useEffect((function(){r.current?r.current=!1:n()}),a),t.createElement("div",{"data-test-id":"date-editor",className:C.root},t.createElement(m,{disabled:d,value:D.date,onChange:function(e){E((function(t){return o({},t,{date:e})}))}}),u&&t.createElement(t.Fragment,null,t.createElement("div",{className:C.separator}),t.createElement(v,{disabled:d,time:D.time,ampm:D.ampm,onChange:function(e){var t=e.time,n=e.ampm;E((function(e){return o({},e,{time:t,ampm:n})}))},uses12hClock:c})),s&&t.createElement(t.Fragment,null,t.createElement("div",{className:C.separator}),t.createElement(p,{disabled:d,value:D.utcOffset,onChange:function(e){E((function(t){return o({},t,{utcOffset:e})}))}})),f&&t.createElement(t.Fragment,null,t.createElement("div",{className:C.separator}),t.createElement(i.TextLink,{as:"button",isDisabled:d,testId:"date-clear",onClick:function(){E({date:void 0,time:void 0,ampm:"AM",utcOffset:g()})}},"Clear")))}function E(e){var n,a,r,i,o=e.parameters,s=null!=(n=null==o||null==(a=o.instance)?void 0:a.format)?n:"timeZ",m=null!=(r=null==o||null==(i=o.instance)?void 0:i.ampm)?r:"24",c="dateonly"!==s,d="timeZ"===s,f="12"===m;return t.createElement(l.FieldConnector,{field:e.field,isInitiallyDisabled:e.isInitiallyDisabled,throttle:0},(function(e){var n=e.value,a=e.disabled,r=e.setValue,l=e.externalReset,i=function(e){var t=e.uses12hClock,n=function(e){if(!e)return null;var t=u(e);return b.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:g()}}({value:n,uses12hClock:f});return t.createElement(D,{initialValue:i,uses12hClock:f,usesTimezone:d,usesTime:c,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:c,usesTimezone:d});t.invalid||(Boolean(n)||!n&&Boolean(t.valid))&&r(t.valid)},key:"date-container-"+l})}))}E.defaultProps={isInitiallyDisabled:!0},exports.DateEditor=E,exports.zoneOffsets=h;
 //# 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/DatepickerInput.tsx","../src/TimepickerInput.tsx","../src/utils/zoneOffsets.ts","../src/TimezonePickerInput.tsx","../src/utils/date.ts","../src/DateEditor.tsx"],"sourcesContent":["import React, { useMemo } from 'react';\n\nimport { Datepicker } from '@contentful/f36-components';\nimport { css } from 'emotion';\n// eslint-disable-next-line -- TODO: describe this disable  no-restricted-imports\nimport moment from 'moment';\n\nconst YEAR_RANGE = 100;\n\nconst styles = {\n  root: css({\n    maxWidth: '270px',\n  }),\n};\n\nexport type DatePickerProps = {\n  value?: moment.Moment;\n  onChange: (val: moment.Moment | undefined) => void;\n  disabled?: boolean;\n};\n\nexport const DatepickerInput = (props: DatePickerProps) => {\n  const [fromDate, toDate] = useMemo(() => {\n    const fromDate = new Date();\n    fromDate.setFullYear(fromDate.getFullYear() - YEAR_RANGE);\n    const toDate = new Date();\n    toDate.setFullYear(toDate.getFullYear() + YEAR_RANGE);\n\n    return [fromDate, toDate];\n  }, []);\n\n  return (\n    <Datepicker\n      className={styles.root}\n      selected={props.value?.toDate()}\n      onSelect={(day) => {\n        const momentDay = day ? moment(day) : undefined;\n        props.onChange(momentDay);\n      }}\n      inputProps={{ isDisabled: props.disabled, placeholder: '' }}\n      fromDate={fromDate}\n      toDate={toDate}\n    />\n  );\n};\n","import React, { useState, useCallback, useEffect } from 'react';\n// eslint-disable-next-line -- TODO: describe this disable  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 -- TODO: describe this disable  @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: '145px' })}>\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};\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","// eslint-disable-next-line -- TODO: describe this disable  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\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 * 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    // eslint-disable-next-line react-hooks/exhaustive-deps -- TODO: Evaluate the dependencies\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":["styles","root","css","maxWidth","DatepickerInput","props","useMemo","fromDate","Date","setFullYear","getFullYear","toDate","React","Datepicker","className","selected","value","_props$value","onSelect","day","momentDay","moment","undefined","onChange","inputProps","isDisabled","disabled","placeholder","validInputFormats","getDefaultTime","formatToString","uses12hClock","format","TimepickerInput","time","ampm","useState","selectedTime","setSelectedTime","useEffect","handleChange","useCallback","e","currentTarget","handleFocus","preventDefault","target","select","Flex","width","TextInput","testId","onFocus","onBlur","parsedTime","raw","i","length","date","isValid","parseRawInput","zoneOffsets","TimezonepickerInput","Select","map","offset","Option","key","ZONE_RX","getDefaultUtcOffset","set","hours","minutes","display","alignItems","separator","marginLeft","tokens","spacingM","DateEditorContainer","callback","deps","isFirstRun","initialValue","usesTime","usesTimezone","hasClear","setValue","current","utcOffset","TextLink","as","onClick","DateEditor","parameters","formatParam","instance","_parameters$instance","ampmParam","_parameters$instance2","FieldConnector","field","isInitiallyDisabled","throttle","externalReset","datetimeValue","datetime","datetimeString","test","fieldValueToMoment","userInputFromDatetime","Boolean","data","fieldValue","input","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/DatepickerInput.tsx","../src/TimepickerInput.tsx","../src/utils/zoneOffsets.ts","../src/TimezonePickerInput.tsx","../src/utils/date.ts","../src/DateEditor.tsx"],"sourcesContent":["import React, { useMemo } from 'react';\n\nimport { Datepicker } from '@contentful/f36-components';\nimport { css } from 'emotion';\n// eslint-disable-next-line -- TODO: describe this disable  no-restricted-imports\nimport moment from 'moment';\n\nconst YEAR_RANGE = 100;\n\nconst styles = {\n  root: css({\n    maxWidth: '270px',\n  }),\n};\n\nexport type DatePickerProps = {\n  value?: moment.Moment;\n  onChange: (val: moment.Moment | undefined) => void;\n  disabled?: boolean;\n};\n\nexport const DatepickerInput = (props: DatePickerProps) => {\n  const [fromDate, toDate] = useMemo(() => {\n    const fromDate = new Date();\n    fromDate.setFullYear(fromDate.getFullYear() - YEAR_RANGE);\n    const toDate = new Date();\n    toDate.setFullYear(toDate.getFullYear() + YEAR_RANGE);\n\n    return [fromDate, toDate];\n  }, []);\n\n  // The DatepickerInput should be time and timezone agnostic,\n  // thats why we use moment().format() instead of moment().toDate().\n  // moment().toDate() takes into account time and timezone and converts it\n  // based on your system timezone which can result in the date change.\n  // e.g. for user who has a timezone +02:00, moment('2022-09-16T00:00+4:00').toDate() will return '2022-09-15'\n  const selectedDate = props.value && new Date(props.value?.format('YYYY-MM-DD'));\n\n  return (\n    <Datepicker\n      className={styles.root}\n      selected={selectedDate}\n      onSelect={(day) => {\n        const momentDay = day ? moment(day) : undefined;\n        props.onChange(momentDay);\n      }}\n      inputProps={{ isDisabled: props.disabled, placeholder: '' }}\n      fromDate={fromDate}\n      toDate={toDate}\n    />\n  );\n};\n","import React, { useState, useCallback, useEffect } from 'react';\n// eslint-disable-next-line -- TODO: describe this disable  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 -- TODO: describe this disable  @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: '145px' })}>\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};\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","// eslint-disable-next-line -- TODO: describe this disable  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\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 * 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    // eslint-disable-next-line react-hooks/exhaustive-deps -- TODO: Evaluate the dependencies\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":["styles","root","css","maxWidth","DatepickerInput","props","useMemo","fromDate","Date","setFullYear","getFullYear","toDate","selectedDate","value","_props$value","format","React","Datepicker","className","selected","onSelect","day","momentDay","moment","undefined","onChange","inputProps","isDisabled","disabled","placeholder","validInputFormats","getDefaultTime","formatToString","uses12hClock","TimepickerInput","time","ampm","useState","selectedTime","setSelectedTime","useEffect","handleChange","useCallback","e","currentTarget","handleFocus","preventDefault","target","select","Flex","width","TextInput","testId","onFocus","onBlur","parsedTime","raw","i","length","date","isValid","parseRawInput","zoneOffsets","TimezonepickerInput","Select","map","offset","Option","key","ZONE_RX","getDefaultUtcOffset","set","hours","minutes","display","alignItems","separator","marginLeft","tokens","spacingM","DateEditorContainer","callback","deps","isFirstRun","initialValue","usesTime","usesTimezone","hasClear","setValue","current","utcOffset","TextLink","as","onClick","DateEditor","parameters","formatParam","instance","_parameters$instance","ampmParam","_parameters$instance2","FieldConnector","field","isInitiallyDisabled","throttle","externalReset","datetimeValue","datetime","datetimeString","test","fieldValueToMoment","userInputFromDatetime","Boolean","data","fieldValue","input","valid","utc","timeFromUserInput","parseZone","toObject","invalid","datetimeFromUserInput","buildFieldValue","defaultProps"],"mappings":"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"}

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

@@ -40,11 +40,17 @@ var DatepickerInput = function DatepickerInput(props) {
     return [fromDate, toDate];
   }, []),
       fromDate = _useMemo[0],
-      toDate = _useMemo[1];
+      toDate = _useMemo[1]; // The DatepickerInput should be time and timezone agnostic,
+  // thats why we use moment().format() instead of moment().toDate().
+  // moment().toDate() takes into account time and timezone and converts it
+  // based on your system timezone which can result in the date change.
+  // e.g. for user who has a timezone +02:00, moment('2022-09-16T00:00+4:00').toDate() will return '2022-09-15'
 
+
+  var selectedDate = props.value && new Date((_props$value = props.value) == null ? void 0 : _props$value.format('YYYY-MM-DD'));
   return React__default.createElement(Datepicker, {
     className: styles.root,
-    selected: (_props$value = props.value) == null ? void 0 : _props$value.toDate(),
+    selected: selectedDate,
     onSelect: function onSelect(day) {
       var momentDay = day ? moment(day) : undefined;
       props.onChange(momentDay);

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

@@ -1 +1 @@
-{"version":3,"file":"field-editor-date.esm.js","sources":["../src/DatepickerInput.tsx","../src/TimepickerInput.tsx","../src/utils/zoneOffsets.ts","../src/TimezonePickerInput.tsx","../src/utils/date.ts","../src/DateEditor.tsx"],"sourcesContent":["import React, { useMemo } from 'react';\n\nimport { Datepicker } from '@contentful/f36-components';\nimport { css } from 'emotion';\n// eslint-disable-next-line -- TODO: describe this disable  no-restricted-imports\nimport moment from 'moment';\n\nconst YEAR_RANGE = 100;\n\nconst styles = {\n  root: css({\n    maxWidth: '270px',\n  }),\n};\n\nexport type DatePickerProps = {\n  value?: moment.Moment;\n  onChange: (val: moment.Moment | undefined) => void;\n  disabled?: boolean;\n};\n\nexport const DatepickerInput = (props: DatePickerProps) => {\n  const [fromDate, toDate] = useMemo(() => {\n    const fromDate = new Date();\n    fromDate.setFullYear(fromDate.getFullYear() - YEAR_RANGE);\n    const toDate = new Date();\n    toDate.setFullYear(toDate.getFullYear() + YEAR_RANGE);\n\n    return [fromDate, toDate];\n  }, []);\n\n  return (\n    <Datepicker\n      className={styles.root}\n      selected={props.value?.toDate()}\n      onSelect={(day) => {\n        const momentDay = day ? moment(day) : undefined;\n        props.onChange(momentDay);\n      }}\n      inputProps={{ isDisabled: props.disabled, placeholder: '' }}\n      fromDate={fromDate}\n      toDate={toDate}\n    />\n  );\n};\n","import React, { useState, useCallback, useEffect } from 'react';\n// eslint-disable-next-line -- TODO: describe this disable  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 -- TODO: describe this disable  @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: '145px' })}>\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};\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","// eslint-disable-next-line -- TODO: describe this disable  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\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 * 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    // eslint-disable-next-line react-hooks/exhaustive-deps -- TODO: Evaluate the dependencies\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":["YEAR_RANGE","styles","root","css","maxWidth","DatepickerInput","props","useMemo","fromDate","Date","setFullYear","getFullYear","toDate","React","Datepicker","className","selected","value","onSelect","day","momentDay","moment","undefined","onChange","inputProps","isDisabled","disabled","placeholder","validInputFormats","parseRawInput","raw","time","i","length","date","isValid","getDefaultTime","formatToString","uses12hClock","format","TimepickerInput","ampm","useState","selectedTime","setSelectedTime","useEffect","handleChange","useCallback","e","currentTarget","handleFocus","preventDefault","target","select","handleBlur","parsedTime","Flex","width","TextInput","testId","onFocus","onBlur","defaultZoneOffset","zoneOffsets","TimezonepickerInput","Select","map","offset","Option","key","ZONE_RX","startOfToday","set","hours","minutes","fieldValueToMoment","datetimeString","datetime","test","utcOffset","timeFromUserInput","input","timeInput","utc","datetimeFromUserInput","valid","parseZone","toObject","invalid","buildFieldValue","data","usesTime","usesTimezone","getDefaultAMPM","getDefaultUtcOffset","userInputFromDatetime","timeFormat","display","alignItems","separator","marginLeft","tokens","spacingM","useEffectWithoutFirstRender","callback","deps","isFirstRun","current","DateEditorContainer","initialValue","hasClear","setValue","TextLink","as","onClick","DateEditor","field","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/DatepickerInput.tsx","../src/TimepickerInput.tsx","../src/utils/zoneOffsets.ts","../src/TimezonePickerInput.tsx","../src/utils/date.ts","../src/DateEditor.tsx"],"sourcesContent":["import React, { useMemo } from 'react';\n\nimport { Datepicker } from '@contentful/f36-components';\nimport { css } from 'emotion';\n// eslint-disable-next-line -- TODO: describe this disable  no-restricted-imports\nimport moment from 'moment';\n\nconst YEAR_RANGE = 100;\n\nconst styles = {\n  root: css({\n    maxWidth: '270px',\n  }),\n};\n\nexport type DatePickerProps = {\n  value?: moment.Moment;\n  onChange: (val: moment.Moment | undefined) => void;\n  disabled?: boolean;\n};\n\nexport const DatepickerInput = (props: DatePickerProps) => {\n  const [fromDate, toDate] = useMemo(() => {\n    const fromDate = new Date();\n    fromDate.setFullYear(fromDate.getFullYear() - YEAR_RANGE);\n    const toDate = new Date();\n    toDate.setFullYear(toDate.getFullYear() + YEAR_RANGE);\n\n    return [fromDate, toDate];\n  }, []);\n\n  // The DatepickerInput should be time and timezone agnostic,\n  // thats why we use moment().format() instead of moment().toDate().\n  // moment().toDate() takes into account time and timezone and converts it\n  // based on your system timezone which can result in the date change.\n  // e.g. for user who has a timezone +02:00, moment('2022-09-16T00:00+4:00').toDate() will return '2022-09-15'\n  const selectedDate = props.value && new Date(props.value?.format('YYYY-MM-DD'));\n\n  return (\n    <Datepicker\n      className={styles.root}\n      selected={selectedDate}\n      onSelect={(day) => {\n        const momentDay = day ? moment(day) : undefined;\n        props.onChange(momentDay);\n      }}\n      inputProps={{ isDisabled: props.disabled, placeholder: '' }}\n      fromDate={fromDate}\n      toDate={toDate}\n    />\n  );\n};\n","import React, { useState, useCallback, useEffect } from 'react';\n// eslint-disable-next-line -- TODO: describe this disable  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 -- TODO: describe this disable  @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: '145px' })}>\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};\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","// eslint-disable-next-line -- TODO: describe this disable  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\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 * 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    // eslint-disable-next-line react-hooks/exhaustive-deps -- TODO: Evaluate the dependencies\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":["YEAR_RANGE","styles","root","css","maxWidth","DatepickerInput","props","useMemo","fromDate","Date","setFullYear","getFullYear","toDate","selectedDate","value","format","React","Datepicker","className","selected","onSelect","day","momentDay","moment","undefined","onChange","inputProps","isDisabled","disabled","placeholder","validInputFormats","parseRawInput","raw","time","i","length","date","isValid","getDefaultTime","formatToString","uses12hClock","TimepickerInput","ampm","useState","selectedTime","setSelectedTime","useEffect","handleChange","useCallback","e","currentTarget","handleFocus","preventDefault","target","select","handleBlur","parsedTime","Flex","width","TextInput","testId","onFocus","onBlur","defaultZoneOffset","zoneOffsets","TimezonepickerInput","Select","map","offset","Option","key","ZONE_RX","startOfToday","set","hours","minutes","fieldValueToMoment","datetimeString","datetime","test","utcOffset","timeFromUserInput","input","timeInput","utc","datetimeFromUserInput","valid","parseZone","toObject","invalid","buildFieldValue","data","usesTime","usesTimezone","getDefaultAMPM","getDefaultUtcOffset","userInputFromDatetime","timeFormat","display","alignItems","separator","marginLeft","tokens","spacingM","useEffectWithoutFirstRender","callback","deps","isFirstRun","current","DateEditorContainer","initialValue","hasClear","setValue","TextLink","as","onClick","DateEditor","field","parameters","formatParam","instance","ampmParam","FieldConnector","isInitiallyDisabled","throttle","externalReset","datetimeValue","Boolean","fieldValue","defaultProps"],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@contentful/field-editor-date",
-  "version": "1.2.1",
+  "version": "1.2.2",
   "main": "dist/index.js",
   "module": "dist/field-editor-date.esm.js",
   "typings": "dist/index.d.ts",
@@ -45,5 +45,5 @@
       }
     }
   },
-  "gitHead": "0873b2fd607d5dd32b6012014d8747ccdddac18e"
+  "gitHead": "038b37fa5e74abc8f1634f986ce98597ca91a8ca"
 }