@atlaskit/datetime-picker 12.3.7 → 12.3.8

package/dist/esm/components/date-time-picker.js

@@ -6,21 +6,15 @@ import _inherits from "@babel/runtime/helpers/inherits";
 import _possibleConstructorReturn from "@babel/runtime/helpers/possibleConstructorReturn";
 import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
-
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
-
 function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
-
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
 /* eslint-disable @repo/internal/react/use-noop */
-
 /** @jsx jsx */
 import React from 'react';
-import { css, jsx } from '@emotion/react'; // eslint-disable-next-line no-restricted-imports
-
+import { css, jsx } from '@emotion/react';
+// eslint-disable-next-line no-restricted-imports
 import { format, isValid, parseISO } from 'date-fns';
 import pick from 'lodash/pick';
 import { createAndFireEvent, withAnalyticsContext, withAnalyticsEvents } from '@atlaskit/analytics-next';
@@ -33,7 +27,8 @@ import DatePicker from './date-picker';
 import TimePicker from './time-picker';
 import { convertTokens } from './utils';
 var packageName = "@atlaskit/datetime-picker";
-var packageVersion = "12.3.7";
+var packageVersion = "12.3.8";
+
 /* eslint-disable react/no-unused-prop-types */
 
 var isInvalidBorderStyles = css({
@@ -87,9 +82,10 @@ var baseContainerStyles = css({
   '&:hover': {
     cursor: 'pointer'
   }
-}); // Make DatePicker 50% the width of DateTimePicker
-// If rendering an icon container, shrink the TimePicker
+});
 
+// Make DatePicker 50% the width of DateTimePicker
+// If rendering an icon container, shrink the TimePicker
 var datePickerContainerStyles = css({
   flexBasis: '50%',
   flexGrow: 1,
@@ -113,8 +109,9 @@ var iconContainerStyles = css({
   '&:hover': {
     color: "var(--ds-text-subtle, ".concat(N500, ")")
   }
-}); // react-select overrides (via @atlaskit/select).
+});
 
+// react-select overrides (via @atlaskit/select).
 var styles = {
   control: function control(style) {
     return _objectSpread(_objectSpread({}, style), {}, {
@@ -148,27 +145,20 @@ var dateTimePickerDefaultProps = {
   timePickerSelectProps: {},
   times: defaultTimes,
   spacing: 'default',
-  locale: 'en-US' // Not including a default prop for value as it will
+  locale: 'en-US'
+  // Not including a default prop for value as it will
   // Make the component a controlled component
-
 };
-
 var DateTimePicker = /*#__PURE__*/function (_React$Component) {
   _inherits(DateTimePicker, _React$Component);
-
   var _super = _createSuper(DateTimePicker);
-
   function DateTimePicker() {
     var _this;
-
     _classCallCheck(this, DateTimePicker);
-
     for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
       args[_key] = arguments[_key];
     }
-
     _this = _super.call.apply(_super, [this].concat(args));
-
     _defineProperty(_assertThisInitialized(_this), "state", {
       active: 0,
       dateValue: '',
@@ -177,58 +167,46 @@ var DateTimePicker = /*#__PURE__*/function (_React$Component) {
       value: _this.props.defaultValue,
       zoneValue: ''
     });
-
     _defineProperty(_assertThisInitialized(_this), "getSafeState", function () {
       var mappedState = _objectSpread(_objectSpread({}, _this.state), pick(_this.props, ['value']));
-
       return _objectSpread(_objectSpread({}, mappedState), _this.parseValue(mappedState.value, mappedState.dateValue, mappedState.timeValue, mappedState.zoneValue));
     });
-
     _defineProperty(_assertThisInitialized(_this), "onBlur", function (event) {
       _this.setState({
         isFocused: false
       });
-
       _this.props.onBlur(event);
     });
-
     _defineProperty(_assertThisInitialized(_this), "onFocus", function (event) {
       _this.setState({
         isFocused: true
       });
-
       _this.props.onFocus(event);
     });
-
     _defineProperty(_assertThisInitialized(_this), "onDateChange", function (dateValue) {
       _this.onValueChange(_objectSpread(_objectSpread({}, _this.getSafeState()), {}, {
         dateValue: dateValue
       }));
     });
-
     _defineProperty(_assertThisInitialized(_this), "onTimeChange", function (timeValue) {
       _this.onValueChange(_objectSpread(_objectSpread({}, _this.getSafeState()), {}, {
         timeValue: timeValue
       }));
     });
-
     _defineProperty(_assertThisInitialized(_this), "onClear", function () {
       _this.onValueChange(_objectSpread(_objectSpread({}, _this.getSafeState()), {}, {
         timeValue: '',
         dateValue: ''
       }));
     });
-
     return _this;
   }
-
   _createClass(DateTimePicker, [{
     key: "parseValue",
     value: function parseValue(value, dateValue, timeValue, zoneValue) {
       if (this.props.parseValue) {
         return this.props.parseValue(value, dateValue, timeValue, zoneValue);
       }
-
       var parsed = parseISO(value);
       return isValid(parsed) ? {
         dateValue: format(parsed, convertTokens('YYYY-MM-DD')),
@@ -244,25 +222,23 @@ var DateTimePicker = /*#__PURE__*/function (_React$Component) {
     key: "onValueChange",
     value: function onValueChange(_ref) {
       var dateValue = _ref.dateValue,
-          timeValue = _ref.timeValue,
-          zoneValue = _ref.zoneValue;
+        timeValue = _ref.timeValue,
+        zoneValue = _ref.zoneValue;
       this.setState({
         dateValue: dateValue,
         timeValue: timeValue,
         zoneValue: zoneValue
       });
-
       if (dateValue && timeValue) {
         var _value = formatDateTimeZoneIntoIso(dateValue, timeValue, zoneValue);
-
         var _this$parseValue = this.parseValue(_value, dateValue, timeValue, zoneValue),
-            parsedZone = _this$parseValue.zoneValue;
-
+          parsedZone = _this$parseValue.zoneValue;
         var valueWithValidZone = formatDateTimeZoneIntoIso(dateValue, timeValue, parsedZone);
         this.setState({
           value: valueWithValidZone
         });
-        this.props.onChange(valueWithValidZone); // If the date or time value was cleared when there is an existing datetime value, then clear the value.
+        this.props.onChange(valueWithValidZone);
+        // If the date or time value was cleared when there is an existing datetime value, then clear the value.
       } else if (this.getSafeState().value) {
         this.setState({
           value: ''
@@ -274,28 +250,26 @@ var DateTimePicker = /*#__PURE__*/function (_React$Component) {
     key: "render",
     value: function render() {
       var _this$props = this.props,
-          autoFocus = _this$props.autoFocus,
-          id = _this$props.id,
-          innerProps = _this$props.innerProps,
-          isDisabled = _this$props.isDisabled,
-          name = _this$props.name,
-          timeIsEditable = _this$props.timeIsEditable,
-          dateFormat = _this$props.dateFormat,
-          datePickerProps = _this$props.datePickerProps,
-          datePickerSelectProps = _this$props.datePickerSelectProps,
-          timePickerProps = _this$props.timePickerProps,
-          timePickerSelectProps = _this$props.timePickerSelectProps,
-          times = _this$props.times,
-          timeFormat = _this$props.timeFormat,
-          locale = _this$props.locale,
-          testId = _this$props.testId;
-
+        autoFocus = _this$props.autoFocus,
+        id = _this$props.id,
+        innerProps = _this$props.innerProps,
+        isDisabled = _this$props.isDisabled,
+        name = _this$props.name,
+        timeIsEditable = _this$props.timeIsEditable,
+        dateFormat = _this$props.dateFormat,
+        datePickerProps = _this$props.datePickerProps,
+        datePickerSelectProps = _this$props.datePickerSelectProps,
+        timePickerProps = _this$props.timePickerProps,
+        timePickerSelectProps = _this$props.timePickerSelectProps,
+        times = _this$props.times,
+        timeFormat = _this$props.timeFormat,
+        locale = _this$props.locale,
+        testId = _this$props.testId;
       var _this$getSafeState = this.getSafeState(),
-          isFocused = _this$getSafeState.isFocused,
-          value = _this$getSafeState.value,
-          dateValue = _this$getSafeState.dateValue,
-          timeValue = _this$getSafeState.timeValue;
-
+        isFocused = _this$getSafeState.isFocused,
+        value = _this$getSafeState.value,
+        dateValue = _this$getSafeState.dateValue,
+        timeValue = _this$getSafeState.timeValue;
       var bothProps = {
         isDisabled: isDisabled,
         onBlur: this.onBlur,
@@ -305,20 +279,18 @@ var DateTimePicker = /*#__PURE__*/function (_React$Component) {
         spacing: this.props.spacing
       };
       var _datePickerSelectProp = datePickerSelectProps.styles,
-          datePickerStyles = _datePickerSelectProp === void 0 ? {} : _datePickerSelectProp;
+        datePickerStyles = _datePickerSelectProp === void 0 ? {} : _datePickerSelectProp;
       var _timePickerSelectProp = timePickerSelectProps.styles,
-          timePickerStyles = _timePickerSelectProp === void 0 ? {} : _timePickerSelectProp;
-
+        timePickerStyles = _timePickerSelectProp === void 0 ? {} : _timePickerSelectProp;
       var mergedDatePickerSelectProps = _objectSpread(_objectSpread({}, datePickerSelectProps), {}, {
         styles: mergeStyles(styles, datePickerStyles)
       });
-
       var mergedTimePickerSelectProps = _objectSpread(_objectSpread({}, timePickerSelectProps), {}, {
         styles: mergeStyles(styles, timePickerStyles)
-      }); // Render DateTimePicker's IconContainer when a value has been filled
-      // Don't use Date or TimePicker's because they can't be customised
-
+      });
 
+      // Render DateTimePicker's IconContainer when a value has been filled
+      // Don't use Date or TimePicker's because they can't be customised
       var isClearable = Boolean(dateValue || timeValue);
       var notFocusedOrIsDisabled = !(isFocused || isDisabled);
       var labelId = (datePickerSelectProps === null || datePickerSelectProps === void 0 ? void 0 : datePickerSelectProps.inputId) || (timePickerSelectProps === null || timePickerSelectProps === void 0 ? void 0 : timePickerSelectProps.inputId) || '';
@@ -355,7 +327,8 @@ var DateTimePicker = /*#__PURE__*/function (_React$Component) {
         timeFormat: timeFormat,
         locale: locale,
         testId: testId && "".concat(testId, "--timepicker")
-      }, timePickerProps))), isClearable && !isDisabled ? // eslint-disable-next-line jsx-a11y/click-events-have-key-events,jsx-a11y/no-static-element-interactions
+      }, timePickerProps))), isClearable && !isDisabled ?
+      // eslint-disable-next-line jsx-a11y/click-events-have-key-events,jsx-a11y/no-static-element-interactions
       jsx("div", {
         css: iconContainerStyles,
         onClick: this.onClear,
@@ -367,12 +340,9 @@ var DateTimePicker = /*#__PURE__*/function (_React$Component) {
       })) : null);
     }
   }]);
-
   return DateTimePicker;
 }(React.Component);
-
 _defineProperty(DateTimePicker, "defaultProps", dateTimePickerDefaultProps);
-
 export { DateTimePicker as DateTimePickerWithoutAnalytics };
 export default withAnalyticsContext({
   componentName: 'dateTimePicker',

package/dist/esm/components/time-picker.js

@@ -8,19 +8,15 @@ import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 var _excluded = ["selectProps"],
-    _excluded2 = ["styles"];
-
+  _excluded2 = ["styles"];
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
-
 function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
-
 /* eslint-disable @repo/internal/react/use-noop */
-import React from 'react'; // eslint-disable-next-line no-restricted-imports
+import React from 'react';
 
+// eslint-disable-next-line no-restricted-imports
 import { format, isValid } from 'date-fns';
 import pick from 'lodash/pick';
 import { createAndFireEvent, withAnalyticsContext, withAnalyticsEvents } from '@atlaskit/analytics-next';
@@ -32,22 +28,18 @@ import FixedLayer from '../internal/fixed-layer';
 import parseTime from '../internal/parse-time';
 import { convertTokens } from './utils';
 var packageName = "@atlaskit/datetime-picker";
-var packageVersion = "12.3.7";
+var packageVersion = "12.3.8";
 var menuStyles = {
   /* Need to remove default absolute positioning as that causes issues with position fixed */
   position: 'static',
-
   /* Need to add overflow to the element with max-height, otherwise causes overflow issues in IE11 */
   overflowY: 'auto',
-
   /* React-Popper has already offset the menu so we need to reset the margin, otherwise the offset value is doubled */
   margin: 0
 };
-
 var FixedLayerMenu = function FixedLayerMenu(_ref) {
   var selectProps = _ref.selectProps,
-      rest = _objectWithoutProperties(_ref, _excluded);
-
+    rest = _objectWithoutProperties(_ref, _excluded);
   return /*#__PURE__*/React.createElement(FixedLayer, {
     inputValue: selectProps.inputValue,
     containerRef: selectProps.fixedLayerRef,
@@ -57,7 +49,6 @@ var FixedLayerMenu = function FixedLayerMenu(_ref) {
     testId: selectProps.testId
   });
 };
-
 var timePickerDefaultProps = {
   appearance: 'default',
   autoFocus: false,
@@ -79,29 +70,21 @@ var timePickerDefaultProps = {
   spacing: 'default',
   times: defaultTimes,
   timeIsEditable: false,
-  locale: 'en-US' // Not including a default prop for value as it will
+  locale: 'en-US'
+  // Not including a default prop for value as it will
   // Make the component a controlled component
-
 };
-
 var TimePicker = /*#__PURE__*/function (_React$Component) {
   _inherits(TimePicker, _React$Component);
-
   var _super = _createSuper(TimePicker);
-
   function TimePicker() {
     var _this;
-
     _classCallCheck(this, TimePicker);
-
     for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
       args[_key] = arguments[_key];
     }
-
     _this = _super.call.apply(_super, [this].concat(args));
-
     _defineProperty(_assertThisInitialized(_this), "containerRef", null);
-
     _defineProperty(_assertThisInitialized(_this), "state", {
       isOpen: _this.props.defaultIsOpen,
       clearingFromIcon: false,
@@ -109,36 +92,29 @@ var TimePicker = /*#__PURE__*/function (_React$Component) {
       isFocused: false,
       l10n: createLocalizationProvider(_this.props.locale)
     });
-
     _defineProperty(_assertThisInitialized(_this), "getSafeState", function () {
       return _objectSpread(_objectSpread({}, _this.state), pick(_this.props, ['value', 'isOpen']));
     });
-
     _defineProperty(_assertThisInitialized(_this), "onChange", function (newValue, action) {
       var rawValue = newValue ? newValue.value || newValue : '';
       var value = rawValue.toString();
       var changedState = {
         value: value
       };
-
       if (action && action.action === 'clear') {
         changedState = _objectSpread(_objectSpread({}, changedState), {}, {
           clearingFromIcon: true
         });
       }
-
       _this.setState(changedState);
-
       _this.props.onChange(value);
     });
-
     _defineProperty(_assertThisInitialized(_this), "onCreateOption", function (inputValue) {
       if (_this.props.timeIsEditable) {
         var _this$props = _this.props,
-            parseInputValue = _this$props.parseInputValue,
-            _timeFormat = _this$props.timeFormat;
+          parseInputValue = _this$props.parseInputValue,
+          _timeFormat = _this$props.timeFormat;
         var sanitizedInput;
-
         try {
           sanitizedInput = parseInputValue(inputValue, _timeFormat || defaultTimeFormat);
         } catch (e) {
@@ -146,17 +122,14 @@ var TimePicker = /*#__PURE__*/function (_React$Component) {
         }
 
         var formattedValue = format(sanitizedInput, 'HH:mm') || '';
-
         _this.setState({
           value: formattedValue
         });
-
         _this.props.onChange(formattedValue);
       } else {
         _this.onChange(inputValue);
       }
     });
-
     _defineProperty(_assertThisInitialized(_this), "onMenuOpen", function () {
       // Don't open menu after the user has clicked clear
       if (_this.getSafeState().clearingFromIcon) {
@@ -169,7 +142,6 @@ var TimePicker = /*#__PURE__*/function (_React$Component) {
         });
       }
     });
-
     _defineProperty(_assertThisInitialized(_this), "onMenuClose", function () {
       // Don't close menu after the user has clicked clear
       if (_this.getSafeState().clearingFromIcon) {
@@ -182,37 +154,30 @@ var TimePicker = /*#__PURE__*/function (_React$Component) {
         });
       }
     });
-
     _defineProperty(_assertThisInitialized(_this), "setContainerRef", function (ref) {
       var oldRef = _this.containerRef;
-      _this.containerRef = ref; // Cause a re-render if we're getting the container ref for the first time
+      _this.containerRef = ref;
+      // Cause a re-render if we're getting the container ref for the first time
       // as the layered menu requires it for dimension calculation
-
       if (oldRef == null && ref != null) {
         _this.forceUpdate();
       }
     });
-
     _defineProperty(_assertThisInitialized(_this), "onBlur", function (event) {
       _this.setState({
         isFocused: false
       });
-
       _this.props.onBlur(event);
     });
-
     _defineProperty(_assertThisInitialized(_this), "onFocus", function (event) {
       _this.setState({
         isFocused: true
       });
-
       _this.props.onFocus(event);
     });
-
     _defineProperty(_assertThisInitialized(_this), "onSelectKeyDown", function (event) {
       var key = event.key;
       var keyPressed = key.toLowerCase();
-
       if (_this.getSafeState().clearingFromIcon && (keyPressed === 'backspace' || keyPressed === 'delete')) {
         // If being cleared from keyboard, don't change behaviour
         _this.setState({
@@ -220,52 +185,38 @@ var TimePicker = /*#__PURE__*/function (_React$Component) {
         });
       }
     });
-
     _defineProperty(_assertThisInitialized(_this), "formatTime", function (time) {
       var _this$props2 = _this.props,
-          formatDisplayLabel = _this$props2.formatDisplayLabel,
-          timeFormat = _this$props2.timeFormat;
-
+        formatDisplayLabel = _this$props2.formatDisplayLabel,
+        timeFormat = _this$props2.timeFormat;
       var _this$getSafeState = _this.getSafeState(),
-          l10n = _this$getSafeState.l10n;
-
+        l10n = _this$getSafeState.l10n;
       if (formatDisplayLabel) {
         return formatDisplayLabel(time, timeFormat || defaultTimeFormat);
       }
-
       var date = parseTime(time);
-
       if (!(date instanceof Date)) {
         return '';
       }
-
       if (!isValid(date)) {
         return time;
       }
-
       if (timeFormat) {
         return format(date, convertTokens(timeFormat));
       }
-
       return l10n.formatTime(date);
     });
-
     _defineProperty(_assertThisInitialized(_this), "getPlaceholder", function () {
       var placeholder = _this.props.placeholder;
-
       if (placeholder) {
         return placeholder;
       }
-
       var _this$getSafeState2 = _this.getSafeState(),
-          l10n = _this$getSafeState2.l10n;
-
+        l10n = _this$getSafeState2.l10n;
       return l10n.formatTime(placeholderDatetime);
     });
-
     return _this;
   }
-
   _createClass(TimePicker, [{
     key: "UNSAFE_componentWillReceiveProps",
     value: function UNSAFE_componentWillReceiveProps(nextProps) {
@@ -274,14 +225,14 @@ var TimePicker = /*#__PURE__*/function (_React$Component) {
           l10n: createLocalizationProvider(nextProps.locale)
         });
       }
-    } // All state needs to be accessed via this function so that the state is mapped from props
-    // correctly to allow controlled/uncontrolled usage.
+    }
 
+    // All state needs to be accessed via this function so that the state is mapped from props
+    // correctly to allow controlled/uncontrolled usage.
   }, {
     key: "getOptions",
     value: function getOptions() {
       var _this2 = this;
-
       return this.props.times.map(function (time) {
         return {
           label: _this2.formatTime(time),
@@ -293,43 +244,37 @@ var TimePicker = /*#__PURE__*/function (_React$Component) {
     key: "render",
     value: function render() {
       var _this3 = this;
-
       var _this$props3 = this.props,
-          autoFocus = _this$props3.autoFocus,
-          hideIcon = _this$props3.hideIcon,
-          id = _this$props3.id,
-          innerProps = _this$props3.innerProps,
-          isDisabled = _this$props3.isDisabled,
-          name = _this$props3.name,
-          selectProps = _this$props3.selectProps,
-          spacing = _this$props3.spacing,
-          testId = _this$props3.testId,
-          isInvalid = _this$props3.isInvalid,
-          timeIsEditable = _this$props3.timeIsEditable;
+        autoFocus = _this$props3.autoFocus,
+        hideIcon = _this$props3.hideIcon,
+        id = _this$props3.id,
+        innerProps = _this$props3.innerProps,
+        isDisabled = _this$props3.isDisabled,
+        name = _this$props3.name,
+        selectProps = _this$props3.selectProps,
+        spacing = _this$props3.spacing,
+        testId = _this$props3.testId,
+        isInvalid = _this$props3.isInvalid,
+        timeIsEditable = _this$props3.timeIsEditable;
       var ICON_PADDING = 2;
-
       var _this$getSafeState3 = this.getSafeState(),
-          _this$getSafeState3$v = _this$getSafeState3.value,
-          value = _this$getSafeState3$v === void 0 ? '' : _this$getSafeState3$v,
-          isOpen = _this$getSafeState3.isOpen;
-
+        _this$getSafeState3$v = _this$getSafeState3.value,
+        value = _this$getSafeState3$v === void 0 ? '' : _this$getSafeState3$v,
+        isOpen = _this$getSafeState3.isOpen;
       var _selectProps$styles = selectProps.styles,
-          selectStyles = _selectProps$styles === void 0 ? {} : _selectProps$styles,
-          otherSelectProps = _objectWithoutProperties(selectProps, _excluded2);
-
+        selectStyles = _selectProps$styles === void 0 ? {} : _selectProps$styles,
+        otherSelectProps = _objectWithoutProperties(selectProps, _excluded2);
       var SelectComponent = timeIsEditable ? CreatableSelect : Select;
       var labelAndValue = value && {
         label: this.formatTime(value),
         value: value
       };
-
       var selectComponents = _objectSpread({
         DropdownIndicator: EmptyComponent,
         Menu: FixedLayerMenu
       }, hideIcon && {
         ClearIndicator: EmptyComponent
       });
-
       var renderIconContainer = Boolean(!hideIcon && value);
       var mergedStyles = mergeStyles(selectStyles, {
         control: function control(base) {
@@ -381,7 +326,8 @@ var TimePicker = /*#__PURE__*/function (_React$Component) {
           placeholder: this.getPlaceholder(),
           styles: mergedStyles,
           value: labelAndValue,
-          spacing: spacing // @ts-ignore caused by prop not part of @atlaskit/select
+          spacing: spacing
+          // @ts-ignore caused by prop not part of @atlaskit/select
           ,
           fixedLayerRef: this.containerRef,
           isInvalid: isInvalid,
@@ -390,12 +336,9 @@ var TimePicker = /*#__PURE__*/function (_React$Component) {
       );
     }
   }]);
-
   return TimePicker;
 }(React.Component);
-
 _defineProperty(TimePicker, "defaultProps", timePickerDefaultProps);
-
 export { TimePicker as TimePickerWithoutAnalytics };
 export default withAnalyticsContext({
   componentName: 'timePicker',

package/dist/esm/components/utils.js

@@ -1,4 +1,5 @@
 // https://github.com/date-fns/date-fns-upgrade/blob/master/src/v2/convertTokens/index.ts
+
 var tokensMap = {
   // 'D MMMM': '',
   // 'Do MMMM': '',
@@ -52,32 +53,25 @@ var v1tokens = Object.keys(tokensMap).sort().reverse();
 var tokensRegExp = new RegExp('(\\[[^\\[]*\\])|(\\\\)?' + '(' + v1tokens.join('|') + '|.)', 'g');
 export function convertTokens(format) {
   var tokensCaptures = format.match(tokensRegExp);
-
   if (tokensCaptures) {
     return tokensCaptures.reduce(function (acc, tokenString, index) {
       var v2token = tokensMap[tokenString];
-
       if (!v2token) {
         var escapedCaptures = tokenString.match(/^\[(.+)\]$/);
-
         if (escapedCaptures) {
           acc.textBuffer.push(escapedCaptures[1]);
         } else {
           acc.textBuffer.push(tokenString);
         }
       }
-
       var endOfString = index === tokensCaptures.length - 1;
-
       if (acc.textBuffer.length && (v2token || endOfString)) {
         acc.formatBuffer.push("'".concat(acc.textBuffer.join(''), "'"));
         acc.textBuffer = [];
       }
-
       if (v2token) {
         acc.formatBuffer.push(v2token);
       }
-
       return acc;
     }, {
       formatBuffer: [],