@contentful/field-editor-date 1.1.10 → 1.2.1

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"field-editor-date.cjs.production.min.js","sources":["../src/utils/date.ts","../src/utils/createPikaday.ts","../src/icons/CalendarIcon.tsx","../src/DatepickerInput.tsx","../src/TimepickerInput.tsx","../src/utils/zoneOffsets.ts","../src/TimezonePickerInput.tsx","../src/DateEditor.tsx"],"sourcesContent":["// eslint-disable-next-line -- 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\nexport function formatDateDisplay(date?: moment.Moment) {\n  if (date) {\n    return date.format('dddd, MMMM Do YYYY');\n  } else {\n    return '';\n  }\n}\n\n/**\n * Parse user input into a string that is stored in the API.\n *\n * Returns a sum type with either the string as the `valid` property\n * or the `invalid` property set to `false`.\n */\nexport function buildFieldValue({\n  data,\n  usesTime,\n  usesTimezone,\n}: {\n  data: TimeResult;\n  usesTime: boolean;\n  usesTimezone: boolean;\n}) {\n  const date = datetimeFromUserInput(data);\n  if (date.invalid) {\n    return {\n      invalid: true,\n    };\n  }\n\n  let format;\n  if (usesTimezone) {\n    format = 'YYYY-MM-DDTHH:mmZ';\n  } else if (usesTime) {\n    format = 'YYYY-MM-DDTHH:mm';\n  } else {\n    format = 'YYYY-MM-DD';\n  }\n  return { valid: date?.valid ? date.valid.format(format) : null, invalid: false };\n}\n\nexport function getDefaultAMPM() {\n  return 'AM';\n}\n\nexport function getDefaultUtcOffset() {\n  return startOfToday('Z');\n}\n\n/**\n * Create the user input object from the field value.\n */\nexport function userInputFromDatetime({\n  value,\n  uses12hClock,\n}: {\n  value: string | undefined | null;\n  uses12hClock: boolean;\n}): TimeResult {\n  const datetime = fieldValueToMoment(value);\n\n  if (datetime) {\n    const timeFormat = uses12hClock ? 'hh:mm' : 'HH:mm';\n    return {\n      date: datetime,\n      time: datetime.format(timeFormat),\n      ampm: datetime.format('A'),\n      utcOffset: datetime.format('Z'),\n    };\n  } else {\n    return {\n      ampm: getDefaultAMPM(),\n      utcOffset: getDefaultUtcOffset(),\n    };\n  }\n}\n","import Pikaday from 'pikaday';\n\nconst I18N = {\n  previousMonth: 'Previous Month',\n  nextMonth: 'Next Month',\n  months: [\n    'January',\n    'February',\n    'March',\n    'April',\n    'May',\n    'June',\n    'July',\n    'August',\n    'September',\n    'October',\n    'November',\n    'December',\n  ],\n  weekdaysShort: ['S', 'M', 'T', 'W', 'T', 'F', 'S'],\n  weekdays: ['Sunday', 'Monday', 'Tuesday', 'Wednesday', 'Thursday', 'Friday', 'Saturday'],\n};\n\nconst DEFAULTS = {\n  i18n: I18N,\n  yearRange: 100,\n};\n\n// Gets same options as Pikaday and returns a Pikaday instance\nexport const createPikaday = (opts?: Pikaday.PikadayOptions) =>\n  new Pikaday(Object.assign({}, DEFAULTS, opts));\n","import React from 'react';\n\nexport function CalendarIcon(props: {\n  className?: string;\n  onClick?: React.MouseEventHandler<SVGElement>;\n}) {\n  return (\n    <svg\n      width=\"16\"\n      height=\"17\"\n      viewBox=\"-1 -1 18 19\"\n      onClick={props.onClick}\n      xmlns=\"http://www.w3.org/2000/svg\"\n      className={props.className}>\n      <g fill=\"none\" fillRule=\"evenodd\">\n        <g fill=\"#536171\">\n          <path d=\"M2.071 14.929v-2.411h2.411v2.41h-2.41zm2.947 0v-2.411h2.678v2.41H5.018zM2.07 11.982V9.304h2.411v2.678h-2.41zm2.947 0V9.304h2.678v2.678H5.018zM2.07 8.768v-2.41h2.411v2.41h-2.41zm6.161 6.16v-2.41h2.679v2.41H8.232zm-3.214-6.16v-2.41h2.678v2.41H5.018zm6.428 6.16v-2.41h2.411v2.41h-2.41zm-3.214-2.946V9.304h2.679v2.678H8.232zM5.286 4.75a.275.275 0 0 1-.268.268h-.536a.275.275 0 0 1-.268-.268V2.34c0-.143.126-.269.268-.269h.536c.142 0 .268.126.268.268V4.75zm6.16 7.232V9.304h2.411v2.678h-2.41zM8.232 8.768v-2.41h2.679v2.41H8.232zm3.214 0v-2.41h2.411v2.41h-2.41zm.268-4.018a.275.275 0 0 1-.268.268h-.535a.275.275 0 0 1-.268-.268V2.34c0-.143.125-.269.268-.269h.535c.143 0 .268.126.268.268V4.75zm3.215-.536c0-.586-.486-1.071-1.072-1.071h-1.071v-.804c0-.736-.603-1.339-1.34-1.339h-.535c-.737 0-1.34.603-1.34 1.34v.803H6.357v-.804C6.357 1.603 5.754 1 5.017 1h-.535c-.736 0-1.34.603-1.34 1.34v.803h-1.07C1.484 3.143 1 3.628 1 4.214V14.93C1 15.515 1.485 16 2.071 16h11.786c.586 0 1.072-.485 1.072-1.071V4.214z\" />\n        </g>\n      </g>\n    </svg>\n  );\n}\n","import React, { Component, FocusEventHandler, FocusEvent } from 'react';\nimport noop from 'lodash/noop';\n// eslint-disable-next-line -- TODO: describe this disable  no-restricted-imports\nimport moment from 'moment';\nimport { css, cx } from 'emotion';\nimport { formatDateDisplay } from './utils/date';\nimport { createPikaday } from './utils/createPikaday';\nimport { CalendarIcon } from './icons/CalendarIcon';\n\nimport { TextInput } from '@contentful/f36-components';\n\nconst styles = {\n  datePickerWrapper: css({\n    position: 'relative',\n    maxHeight: 70,\n  }),\n  datePicker: css({\n    zIndex: 1002,\n    display: 'block',\n    '.is-hidden': {\n      display: 'none',\n    },\n  }),\n  input: css({\n    width: '270px',\n    cursor: 'pointer',\n    paddingRight: '40px',\n    '&:disabled': {\n      cursor: 'not-allowed',\n    },\n  }),\n  icon: css({\n    cursor: 'pointer',\n    zIndex: 50,\n    position: 'absolute',\n    top: '12px',\n    right: '12px',\n  }),\n};\n\nexport type DatePickerProps = {\n  value?: moment.Moment;\n  onChange: (val: moment.Moment | undefined) => void;\n  onBlur: FocusEventHandler;\n  disabled?: boolean;\n};\n\nexport class DatepickerInput extends Component<DatePickerProps> {\n  static defaultProps: Partial<DatePickerProps> = {\n    onChange: noop,\n    onBlur: noop,\n  };\n\n  pikaday?: Pikaday;\n  datePickerNode = React.createRef<HTMLInputElement>();\n\n  componentDidMount() {\n    const onChange = this.props.onChange;\n    const defaultDate = this.props.value ? this.props.value.toDate() : undefined;\n    this.pikaday = createPikaday({\n      field: this.datePickerNode && this.datePickerNode.current,\n      defaultDate,\n      setDefaultDate: defaultDate !== undefined,\n      position: 'bottom left',\n      reposition: false,\n      theme: cx(styles.datePicker, 'hide-carret'),\n      toString: (date) => {\n        return formatDateDisplay(moment(date));\n      },\n      // we need to keep this function like this\n      // so `this` refers to pikaday instance\n      onSelect: function onSelect() {\n        onChange(this.getMoment() || undefined);\n      },\n    });\n  }\n\n  focusInput = () => {\n    if (this.datePickerNode && this.datePickerNode.current) {\n      this.datePickerNode.current.focus();\n    }\n  };\n\n  componentWillUnmount() {\n    if (this.pikaday) {\n      this.pikaday.destroy();\n    }\n  }\n\n  handleOpen = () => {\n    if (this.pikaday) {\n      this.pikaday.show();\n    }\n  };\n\n  handleBlur = (e: FocusEvent) => {\n    this.props.onBlur(e);\n    if (this.pikaday && !this.pikaday.el.contains(e.relatedTarget as HTMLInputElement)) {\n      this.pikaday.hide();\n    }\n  };\n\n  render() {\n    return (\n      <div className={styles.datePickerWrapper}>\n        <TextInput\n          aria-label=\"Select date\"\n          testId=\"date-input\"\n          isReadOnly\n          isDisabled={this.props.disabled}\n          value={formatDateDisplay(this.props.value)}\n          ref={this.datePickerNode}\n          onFocus={this.handleOpen}\n          onBlur={this.handleBlur}\n          className={styles.input}\n        />\n        <CalendarIcon\n          onClick={() => {\n            this.focusInput();\n          }}\n          className={styles.icon}\n        />\n      </div>\n    );\n  }\n}\n","import React, { useState, useCallback, useEffect } from 'react';\n// eslint-disable-next-line -- 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","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":["ZONE_RX","formatDateDisplay","date","format","getDefaultUtcOffset","moment","set","hours","minutes","DEFAULTS","i18n","previousMonth","nextMonth","months","weekdaysShort","weekdays","yearRange","createPikaday","opts","Pikaday","Object","assign","CalendarIcon","props","React","width","height","viewBox","onClick","xmlns","className","fill","fillRule","d","styles","datePickerWrapper","css","position","maxHeight","datePicker","zIndex","display","input","cursor","paddingRight","icon","top","right","DatepickerInput","createRef","_this","datePickerNode","current","focus","pikaday","show","e","onBlur","el","contains","relatedTarget","hide","componentDidMount","onChange","this","defaultDate","value","toDate","undefined","field","setDefaultDate","reposition","theme","cx","toString","onSelect","getMoment","componentWillUnmount","destroy","render","TextInput","testId","isReadOnly","isDisabled","disabled","ref","onFocus","handleOpen","handleBlur","_this2","focusInput","Component","noop","validInputFormats","getDefaultTime","formatToString","uses12hClock","TimepickerInput","time","ampm","useState","selectedTime","setSelectedTime","useEffect","handleChange","useCallback","currentTarget","handleFocus","preventDefault","target","select","Flex","placeholder","parsedTime","raw","i","length","isValid","parseRawInput","zoneOffsets","TimezonepickerInput","Select","map","offset","Option","key","root","alignItems","separator","marginLeft","tokens","spacingM","DateEditorContainer","callback","deps","isFirstRun","initialValue","usesTime","usesTimezone","hasClear","setValue","utcOffset","TextLink","as","DateEditor","parameters","formatParam","instance","_parameters$instance","ampmParam","_parameters$instance2","FieldConnector","isInitiallyDisabled","throttle","externalReset","datetimeValue","datetime","datetimeString","test","fieldValueToMoment","userInputFromDatetime","Boolean","data","fieldValue","valid","utc","timeFromUserInput","parseZone","toObject","invalid","datetimeFromUserInput","buildFieldValue","defaultProps"],"mappings":"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"}
+{"version":3,"file":"field-editor-date.cjs.production.min.js","sources":["../src/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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"}

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

@@ -1,11 +1,9 @@
-import React__default, { Component, useState, useEffect, useCallback, createElement, Fragment, useRef } from 'react';
-import { cx, css } from 'emotion';
+import React__default, { useMemo, useState, useEffect, useCallback, createElement, Fragment, useRef } from 'react';
+import { css } from 'emotion';
 import tokens from '@contentful/f36-tokens';
 import { FieldConnector } from '@contentful/field-editor-shared';
-import noop from 'lodash-es/noop';
+import { Datepicker, Flex, TextInput, Select, TextLink } from '@contentful/f36-components';
 import moment from 'moment';
-import Pikaday from 'pikaday';
-import { TextInput, Flex, Select, TextLink } from '@contentful/f36-components';
 
 function _extends() {
   _extends = Object.assign || function (target) {
@@ -25,21 +23,142 @@ function _extends() {
   return _extends.apply(this, arguments);
 }
 
-function _inheritsLoose(subClass, superClass) {
-  subClass.prototype = Object.create(superClass.prototype);
-  subClass.prototype.constructor = subClass;
+var YEAR_RANGE = 100;
+var styles = {
+  root: /*#__PURE__*/css({
+    maxWidth: '270px'
+  })
+};
+var DatepickerInput = function DatepickerInput(props) {
+  var _props$value;
+
+  var _useMemo = useMemo(function () {
+    var fromDate = new Date();
+    fromDate.setFullYear(fromDate.getFullYear() - YEAR_RANGE);
+    var toDate = new Date();
+    toDate.setFullYear(toDate.getFullYear() + YEAR_RANGE);
+    return [fromDate, toDate];
+  }, []),
+      fromDate = _useMemo[0],
+      toDate = _useMemo[1];
+
+  return React__default.createElement(Datepicker, {
+    className: styles.root,
+    selected: (_props$value = props.value) == null ? void 0 : _props$value.toDate(),
+    onSelect: function onSelect(day) {
+      var momentDay = day ? moment(day) : undefined;
+      props.onChange(momentDay);
+    },
+    inputProps: {
+      isDisabled: props.disabled,
+      placeholder: ''
+    },
+    fromDate: fromDate,
+    toDate: toDate
+  });
+};
+
+var validInputFormats = ['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'];
+
+function parseRawInput(raw) {
+  var time = null; // eslint-disable-next-line -- TODO: describe this disable  @typescript-eslint/prefer-for-of
+
+  for (var i = 0; i < validInputFormats.length; i++) {
+    var date = moment(raw, validInputFormats[i]);
 
-  _setPrototypeOf(subClass, superClass);
+    if (date.isValid()) {
+      time = date;
+      break;
+    }
+  }
+
+  return time;
 }
 
-function _setPrototypeOf(o, p) {
-  _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) {
-    o.__proto__ = p;
-    return o;
+var getDefaultTime = function getDefaultTime() {
+  return moment("12:00 AM", 'hh:mm A');
+};
+
+var formatToString = function formatToString(uses12hClock, value) {
+  return uses12hClock ? value.format('hh:mm A') : value.format('HH:mm');
+};
+
+var TimepickerInput = function TimepickerInput(_ref) {
+  var disabled = _ref.disabled,
+      uses12hClock = _ref.uses12hClock,
+      _ref$time = _ref.time,
+      time = _ref$time === void 0 ? '12:00' : _ref$time,
+      _ref$ampm = _ref.ampm,
+      ampm = _ref$ampm === void 0 ? 'AM' : _ref$ampm,
+      onChange = _ref.onChange;
+
+  var _useState = useState(function () {
+    return formatToString(uses12hClock, getDefaultTime());
+  }),
+      selectedTime = _useState[0],
+      setSelectedTime = _useState[1];
+
+  useEffect(function () {
+    setSelectedTime(formatToString(uses12hClock, moment(time + " " + ampm, 'hh:mm A')));
+  }, [time, ampm, uses12hClock]);
+  var handleChange = useCallback(function (e) {
+    setSelectedTime(e.currentTarget.value);
+  }, []);
+  var handleFocus = useCallback(function (e) {
+    e.preventDefault();
+    e.target.select();
+  }, []);
+
+  var handleBlur = function handleBlur() {
+    var parsedTime = parseRawInput(selectedTime);
+    var value = parsedTime != null ? parsedTime : getDefaultTime();
+    setSelectedTime(formatToString(uses12hClock, value));
+    onChange({
+      time: value.format('hh:mm'),
+      ampm: value.format('A')
+    });
   };
 
-  return _setPrototypeOf(o, p);
-}
+  return React__default.createElement(Flex, {
+    className: css({
+      width: '145px'
+    })
+  }, React__default.createElement(TextInput, {
+    "aria-label": "Select time",
+    placeholder: uses12hClock ? '12:00 AM' : '00:00',
+    "date-time-type": uses12hClock ? '12' : '24',
+    testId: "time-input",
+    value: selectedTime,
+    isDisabled: disabled,
+    onFocus: handleFocus,
+    onBlur: handleBlur,
+    onChange: handleChange
+  }));
+};
+
+var defaultZoneOffset = '+00:00';
+var zoneOffsets = ['-12:00', '-11:00', '-10:00', '-09:30', '-09:00', '-08:00', '-07:00', '-06:00', '-05:00', '-04:30', '-04:00', '-03:30', '-03:00', '-02:00', '-01:00', '+00:00', '+01:00', '+02:00', '+03:00', '+03:30', '+04:00', '+04:30', '+05:00', '+05:30', '+05:45', '+06:00', '+06:30', '+07:00', '+08:00', '+08:45', '+09:00', '+09:30', '+10:00', '+10:30', '+11:00', '+11:30', '+12:00', '+12:45', '+13:00', '+14:00'];
+
+var TimezonepickerInput = function TimezonepickerInput(_ref) {
+  var disabled = _ref.disabled,
+      _onChange = _ref.onChange,
+      _ref$value = _ref.value,
+      value = _ref$value === void 0 ? defaultZoneOffset : _ref$value;
+  return React__default.createElement(Select, {
+    "aria-label": "Select timezone",
+    testId: "timezone-input",
+    value: value,
+    isDisabled: disabled,
+    onChange: function onChange(e) {
+      _onChange(e.currentTarget.value);
+    }
+  }, zoneOffsets.map(function (offset) {
+    return React__default.createElement(Select.Option, {
+      key: offset,
+      value: offset
+    }, "UTC", offset);
+  }));
+};
 
 // eslint-disable-next-line -- TODO: describe this disable  no-restricted-imports
 var ZONE_RX = /(Z|[+-]\d{2}[:+]?\d{2})$/;
@@ -103,14 +222,6 @@ function datetimeFromUserInput(input) {
     };
   }
 }
-
-function formatDateDisplay(date) {
-  if (date) {
-    return date.format('dddd, MMMM Do YYYY');
-  } else {
-    return '';
-  }
-}
 /**
  * Parse user input into a string that is stored in the API.
  *
@@ -118,6 +229,7 @@ function formatDateDisplay(date) {
  * or the `invalid` property set to `false`.
  */
 
+
 function buildFieldValue(_ref) {
   var data = _ref.data,
       usesTime = _ref.usesTime,
@@ -176,261 +288,6 @@ function userInputFromDatetime(_ref2) {
   }
 }
 
-var I18N = {
-  previousMonth: 'Previous Month',
-  nextMonth: 'Next Month',
-  months: ['January', 'February', 'March', 'April', 'May', 'June', 'July', 'August', 'September', 'October', 'November', 'December'],
-  weekdaysShort: ['S', 'M', 'T', 'W', 'T', 'F', 'S'],
-  weekdays: ['Sunday', 'Monday', 'Tuesday', 'Wednesday', 'Thursday', 'Friday', 'Saturday']
-};
-var DEFAULTS = {
-  i18n: I18N,
-  yearRange: 100
-}; // Gets same options as Pikaday and returns a Pikaday instance
-
-var createPikaday = function createPikaday(opts) {
-  return new Pikaday(Object.assign({}, DEFAULTS, opts));
-};
-
-function CalendarIcon(props) {
-  return React__default.createElement("svg", {
-    width: "16",
-    height: "17",
-    viewBox: "-1 -1 18 19",
-    onClick: props.onClick,
-    xmlns: "http://www.w3.org/2000/svg",
-    className: props.className
-  }, React__default.createElement("g", {
-    fill: "none",
-    fillRule: "evenodd"
-  }, React__default.createElement("g", {
-    fill: "#536171"
-  }, React__default.createElement("path", {
-    d: "M2.071 14.929v-2.411h2.411v2.41h-2.41zm2.947 0v-2.411h2.678v2.41H5.018zM2.07 11.982V9.304h2.411v2.678h-2.41zm2.947 0V9.304h2.678v2.678H5.018zM2.07 8.768v-2.41h2.411v2.41h-2.41zm6.161 6.16v-2.41h2.679v2.41H8.232zm-3.214-6.16v-2.41h2.678v2.41H5.018zm6.428 6.16v-2.41h2.411v2.41h-2.41zm-3.214-2.946V9.304h2.679v2.678H8.232zM5.286 4.75a.275.275 0 0 1-.268.268h-.536a.275.275 0 0 1-.268-.268V2.34c0-.143.126-.269.268-.269h.536c.142 0 .268.126.268.268V4.75zm6.16 7.232V9.304h2.411v2.678h-2.41zM8.232 8.768v-2.41h2.679v2.41H8.232zm3.214 0v-2.41h2.411v2.41h-2.41zm.268-4.018a.275.275 0 0 1-.268.268h-.535a.275.275 0 0 1-.268-.268V2.34c0-.143.125-.269.268-.269h.535c.143 0 .268.126.268.268V4.75zm3.215-.536c0-.586-.486-1.071-1.072-1.071h-1.071v-.804c0-.736-.603-1.339-1.34-1.339h-.535c-.737 0-1.34.603-1.34 1.34v.803H6.357v-.804C6.357 1.603 5.754 1 5.017 1h-.535c-.736 0-1.34.603-1.34 1.34v.803h-1.07C1.484 3.143 1 3.628 1 4.214V14.93C1 15.515 1.485 16 2.071 16h11.786c.586 0 1.072-.485 1.072-1.071V4.214z"
-  }))));
-}
-
-var styles = {
-  datePickerWrapper: /*#__PURE__*/css({
-    position: 'relative',
-    maxHeight: 70
-  }),
-  datePicker: /*#__PURE__*/css({
-    zIndex: 1002,
-    display: 'block',
-    '.is-hidden': {
-      display: 'none'
-    }
-  }),
-  input: /*#__PURE__*/css({
-    width: '270px',
-    cursor: 'pointer',
-    paddingRight: '40px',
-    '&:disabled': {
-      cursor: 'not-allowed'
-    }
-  }),
-  icon: /*#__PURE__*/css({
-    cursor: 'pointer',
-    zIndex: 50,
-    position: 'absolute',
-    top: '12px',
-    right: '12px'
-  })
-};
-var DatepickerInput = /*#__PURE__*/function (_Component) {
-  _inheritsLoose(DatepickerInput, _Component);
-
-  function DatepickerInput() {
-    var _this;
-
-    _this = _Component.apply(this, arguments) || this;
-    _this.datePickerNode = React__default.createRef();
-
-    _this.focusInput = function () {
-      if (_this.datePickerNode && _this.datePickerNode.current) {
-        _this.datePickerNode.current.focus();
-      }
-    };
-
-    _this.handleOpen = function () {
-      if (_this.pikaday) {
-        _this.pikaday.show();
-      }
-    };
-
-    _this.handleBlur = function (e) {
-      _this.props.onBlur(e);
-
-      if (_this.pikaday && !_this.pikaday.el.contains(e.relatedTarget)) {
-        _this.pikaday.hide();
-      }
-    };
-
-    return _this;
-  }
-
-  var _proto = DatepickerInput.prototype;
-
-  _proto.componentDidMount = function componentDidMount() {
-    var onChange = this.props.onChange;
-    var defaultDate = this.props.value ? this.props.value.toDate() : undefined;
-    this.pikaday = createPikaday({
-      field: this.datePickerNode && this.datePickerNode.current,
-      defaultDate: defaultDate,
-      setDefaultDate: defaultDate !== undefined,
-      position: 'bottom left',
-      reposition: false,
-      theme: cx(styles.datePicker, 'hide-carret'),
-      toString: function toString(date) {
-        return formatDateDisplay(moment(date));
-      },
-      // we need to keep this function like this
-      // so `this` refers to pikaday instance
-      onSelect: function onSelect() {
-        onChange(this.getMoment() || undefined);
-      }
-    });
-  };
-
-  _proto.componentWillUnmount = function componentWillUnmount() {
-    if (this.pikaday) {
-      this.pikaday.destroy();
-    }
-  };
-
-  _proto.render = function render() {
-    var _this2 = this;
-
-    return React__default.createElement("div", {
-      className: styles.datePickerWrapper
-    }, React__default.createElement(TextInput, {
-      "aria-label": "Select date",
-      testId: "date-input",
-      isReadOnly: true,
-      isDisabled: this.props.disabled,
-      value: formatDateDisplay(this.props.value),
-      ref: this.datePickerNode,
-      onFocus: this.handleOpen,
-      onBlur: this.handleBlur,
-      className: styles.input
-    }), React__default.createElement(CalendarIcon, {
-      onClick: function onClick() {
-        _this2.focusInput();
-      },
-      className: styles.icon
-    }));
-  };
-
-  return DatepickerInput;
-}(Component);
-DatepickerInput.defaultProps = {
-  onChange: noop,
-  onBlur: noop
-};
-
-var validInputFormats = ['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'];
-
-function parseRawInput(raw) {
-  var time = null; // eslint-disable-next-line -- TODO: describe this disable  @typescript-eslint/prefer-for-of
-
-  for (var i = 0; i < validInputFormats.length; i++) {
-    var date = moment(raw, validInputFormats[i]);
-
-    if (date.isValid()) {
-      time = date;
-      break;
-    }
-  }
-
-  return time;
-}
-
-var getDefaultTime = function getDefaultTime() {
-  return moment("12:00 AM", 'hh:mm A');
-};
-
-var formatToString = function formatToString(uses12hClock, value) {
-  return uses12hClock ? value.format('hh:mm A') : value.format('HH:mm');
-};
-
-var TimepickerInput = function TimepickerInput(_ref) {
-  var disabled = _ref.disabled,
-      uses12hClock = _ref.uses12hClock,
-      _ref$time = _ref.time,
-      time = _ref$time === void 0 ? '12:00' : _ref$time,
-      _ref$ampm = _ref.ampm,
-      ampm = _ref$ampm === void 0 ? 'AM' : _ref$ampm,
-      onChange = _ref.onChange;
-
-  var _useState = useState(function () {
-    return formatToString(uses12hClock, getDefaultTime());
-  }),
-      selectedTime = _useState[0],
-      setSelectedTime = _useState[1];
-
-  useEffect(function () {
-    setSelectedTime(formatToString(uses12hClock, moment(time + " " + ampm, 'hh:mm A')));
-  }, [time, ampm, uses12hClock]);
-  var handleChange = useCallback(function (e) {
-    setSelectedTime(e.currentTarget.value);
-  }, []);
-  var handleFocus = useCallback(function (e) {
-    e.preventDefault();
-    e.target.select();
-  }, []);
-
-  var handleBlur = function handleBlur() {
-    var parsedTime = parseRawInput(selectedTime);
-    var value = parsedTime != null ? parsedTime : getDefaultTime();
-    setSelectedTime(formatToString(uses12hClock, value));
-    onChange({
-      time: value.format('hh:mm'),
-      ampm: value.format('A')
-    });
-  };
-
-  return React__default.createElement(Flex, {
-    className: css({
-      width: '145px'
-    })
-  }, React__default.createElement(TextInput, {
-    "aria-label": "Select time",
-    placeholder: uses12hClock ? '12:00 AM' : '00:00',
-    "date-time-type": uses12hClock ? '12' : '24',
-    testId: "time-input",
-    value: selectedTime,
-    isDisabled: disabled,
-    onFocus: handleFocus,
-    onBlur: handleBlur,
-    onChange: handleChange
-  }));
-};
-
-var defaultZoneOffset = '+00:00';
-var zoneOffsets = ['-12:00', '-11:00', '-10:00', '-09:30', '-09:00', '-08:00', '-07:00', '-06:00', '-05:00', '-04:30', '-04:00', '-03:30', '-03:00', '-02:00', '-01:00', '+00:00', '+01:00', '+02:00', '+03:00', '+03:30', '+04:00', '+04:30', '+05:00', '+05:30', '+05:45', '+06:00', '+06:30', '+07:00', '+08:00', '+08:45', '+09:00', '+09:30', '+10:00', '+10:30', '+11:00', '+11:30', '+12:00', '+12:45', '+13:00', '+14:00'];
-
-var TimezonepickerInput = function TimezonepickerInput(_ref) {
-  var disabled = _ref.disabled,
-      _onChange = _ref.onChange,
-      _ref$value = _ref.value,
-      value = _ref$value === void 0 ? defaultZoneOffset : _ref$value;
-  return React__default.createElement(Select, {
-    "aria-label": "Select timezone",
-    testId: "timezone-input",
-    value: value,
-    isDisabled: disabled,
-    onChange: function onChange(e) {
-      _onChange(e.currentTarget.value);
-    }
-  }, zoneOffsets.map(function (offset) {
-    return React__default.createElement(Select.Option, {
-      key: offset,
-      value: offset
-    }, "UTC", offset);
-  }));
-};
-
 var styles$1 = {
   root: /*#__PURE__*/css({
     display: 'flex',
@@ -585,5 +442,5 @@ DateEditor.defaultProps = {
   isInitiallyDisabled: true
 };
 
-export { DateEditor, createPikaday, zoneOffsets };
+export { DateEditor, zoneOffsets };
 //# sourceMappingURL=field-editor-date.esm.js.map