@atlaskit/datetime-picker 12.7.5 → 12.7.7

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # @atlaskit/datetime-picker
 
+## 12.7.7
+
+### Patch Changes
+
+- [`ba50169844e`](https://bitbucket.org/atlassian/atlassian-frontend/commits/ba50169844e) - Remove lookahead and lookbehind in format util to support browsers without that functionality.
+
+## 12.7.6
+
+### Patch Changes
+
+- [`6d8ce8bb48a`](https://bitbucket.org/atlassian/atlassian-frontend/commits/6d8ce8bb48a) - Revert PR using regex that is not supported by Safari 16.4 and below and can crash a session
+
 ## 12.7.5
 
 ### Patch Changes

package/dist/cjs/components/date-picker.js

@@ -37,7 +37,7 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { va
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2.default)(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2.default)(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2.default)(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 */ /** @jsx jsx */ // eslint-disable-next-line no-restricted-imports
 var packageName = "@atlaskit/datetime-picker";
-var packageVersion = "12.7.5";
+var packageVersion = "12.7.7";
 
 /* eslint-disable react/no-unused-prop-types */
 
@@ -471,56 +471,60 @@ var DatePicker = /*#__PURE__*/function (_Component) {
         nextMonthLabel: nextMonthLabel,
         previousMonthLabel: previousMonthLabel
       };
-      return (0, _react2.jsx)("div", (0, _extends2.default)({}, innerProps, {
-        role: "presentation",
-        onClick: this.onInputClick,
-        onInput: this.onTextInput,
-        onKeyDown: this.onInputKeyDown,
-        ref: this.getContainerRef,
-        "data-testid": testId && "".concat(testId, "--container")
-      }), (0, _react2.jsx)("input", {
-        name: name,
-        type: "hidden",
-        value: value,
-        "data-testid": testId && "".concat(testId, "--input")
-      }), (0, _react2.jsx)(_select.default, (0, _extends2.default)({
-        appearance: this.props.appearance,
-        enableAnimation: false,
-        menuIsOpen: menuIsOpen,
-        closeMenuOnSelect: true,
-        autoFocus: autoFocus,
-        instanceId: id,
-        isDisabled: isDisabled,
-        onBlur: this.onSelectBlur,
-        onFocus: this.onSelectFocus,
-        inputValue: actualSelectInputValue,
-        onInputChange: this.handleSelectInputChange,
-        components: selectComponents,
-        onChange: this.onSelectChange,
-        styles: (0, _select.mergeStyles)(selectStyles, {
-          control: function control(base) {
-            return _objectSpread(_objectSpread({}, base), disabledStyle);
-          },
-          indicatorsContainer: function indicatorsContainer(base) {
-            return _objectSpread(_objectSpread({}, base), {}, {
-              paddingLeft: "var(--ds-space-025, 2px)",
-              // ICON_PADDING = 2
-              paddingRight: "var(--ds-space-075, 6px)" // 8 - ICON_PADDING = 6
-            });
-          }
-        }),
+      return (
+        // TODO: Remove role="presentation", since div's have no semantics anyway
+        // (DSP-11587)
+        (0, _react2.jsx)("div", (0, _extends2.default)({}, innerProps, {
+          role: "presentation",
+          onClick: this.onInputClick,
+          onInput: this.onTextInput,
+          onKeyDown: this.onInputKeyDown,
+          ref: this.getContainerRef,
+          "data-testid": testId && "".concat(testId, "--container")
+        }), (0, _react2.jsx)("input", {
+          name: name,
+          type: "hidden",
+          value: value,
+          "data-testid": testId && "".concat(testId, "--input")
+        }), (0, _react2.jsx)(_select.default, (0, _extends2.default)({
+          appearance: this.props.appearance,
+          enableAnimation: false,
+          menuIsOpen: menuIsOpen,
+          closeMenuOnSelect: true,
+          autoFocus: autoFocus,
+          instanceId: id,
+          isDisabled: isDisabled,
+          onBlur: this.onSelectBlur,
+          onFocus: this.onSelectFocus,
+          inputValue: actualSelectInputValue,
+          onInputChange: this.handleSelectInputChange,
+          components: selectComponents,
+          onChange: this.onSelectChange,
+          styles: (0, _select.mergeStyles)(selectStyles, {
+            control: function control(base) {
+              return _objectSpread(_objectSpread({}, base), disabledStyle);
+            },
+            indicatorsContainer: function indicatorsContainer(base) {
+              return _objectSpread(_objectSpread({}, base), {}, {
+                paddingLeft: "var(--ds-space-025, 2px)",
+                // ICON_PADDING = 2
+                paddingRight: "var(--ds-space-075, 6px)" // 8 - ICON_PADDING = 6
+              });
+            }
+          }),
 
-        placeholder: this.getPlaceholder(),
-        value: value && {
-          label: this.formatDate(value),
-          value: value
-        }
-      }, selectProps, calendarProps, {
-        isClearable: true,
-        spacing: spacing,
-        isInvalid: isInvalid,
-        testId: testId
-      })));
+          placeholder: this.getPlaceholder(),
+          value: value && {
+            label: this.formatDate(value),
+            value: value
+          }
+        }, selectProps, calendarProps, {
+          isClearable: true,
+          spacing: spacing,
+          isInvalid: isInvalid,
+          testId: testId
+        })))
+      );
     }
   }]);
   return DatePicker;

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

@@ -31,7 +31,7 @@ function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Re
 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) { (0, _defineProperty2.default)(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 */ // eslint-disable-next-line no-restricted-imports
 var packageName = "@atlaskit/datetime-picker";
-var packageVersion = "12.7.5";
+var packageVersion = "12.7.7";
 
 /* eslint-disable react/no-unused-prop-types */
 

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

@@ -38,7 +38,7 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { va
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2.default)(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2.default)(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2.default)(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; } }
 var packageName = "@atlaskit/datetime-picker";
-var packageVersion = "12.7.5";
+var packageVersion = "12.7.7";
 
 /* eslint-disable react/no-unused-prop-types */
 

package/dist/cjs/components/utils.js

@@ -60,7 +60,7 @@ var tokensRegExp = new RegExp(
 // v1 escape string (unsure the purpose of post-pipe capture group)
 '(\\[[^\\[]*\\])|(\\\\)?' +
 // v2 escape string
-"((?<=').+(?=')|" +
+"('.+'|" +
 // All v1 tokens
 v1tokens.join('|') + '|.)', 'g');
 function convertTokens(format) {
@@ -83,7 +83,13 @@ function convertTokens(format) {
       // This allows double parentheses to be rendered correctly
       // according to date-fns's spec.
       // https://date-fns.org/v2.29.3/docs/format
-      var filteredEscapedTextBuffer = parsed.escapedTextBuffer.filter(function (token) {
+      //
+      // We have to keep the single quote and then remove it because
+      // browser support for lookahead/behind is low and causes breaking
+      // errors (HOT-104152)
+      var filteredEscapedTextBuffer = parsed.escapedTextBuffer.map(function (token) {
+        return token[0] === "'" && token.slice(-1) === "'" ? token.slice(1, -1) : token;
+      }).filter(function (token) {
         return token !== "'";
       }).join('');
       parsed.formatBuffer.push("'".concat(filteredEscapedTextBuffer, "'"));

package/dist/cjs/version.json

@@ -1,5 +1,5 @@
 {
 	"name": "@atlaskit/datetime-picker",
-	"version": "12.7.5",
+	"version": "12.7.7",
 	"sideEffects": false
 }

package/dist/es2019/components/date-picker.js

@@ -19,7 +19,7 @@ import { defaultDateFormat, EmptyComponent, padToTwo, placeholderDatetime } from
 import FixedLayer from '../internal/fixed-layer';
 import { convertTokens } from './utils';
 const packageName = "@atlaskit/datetime-picker";
-const packageVersion = "12.7.5";
+const packageVersion = "12.7.7";
 
 /* eslint-disable react/no-unused-prop-types */
 
@@ -461,56 +461,60 @@ class DatePicker extends Component {
       nextMonthLabel,
       previousMonthLabel
     };
-    return jsx("div", _extends({}, innerProps, {
-      role: "presentation",
-      onClick: this.onInputClick,
-      onInput: this.onTextInput,
-      onKeyDown: this.onInputKeyDown,
-      ref: this.getContainerRef,
-      "data-testid": testId && `${testId}--container`
-    }), jsx("input", {
-      name: name,
-      type: "hidden",
-      value: value,
-      "data-testid": testId && `${testId}--input`
-    }), jsx(Select, _extends({
-      appearance: this.props.appearance,
-      enableAnimation: false,
-      menuIsOpen: menuIsOpen,
-      closeMenuOnSelect: true,
-      autoFocus: autoFocus,
-      instanceId: id,
-      isDisabled: isDisabled,
-      onBlur: this.onSelectBlur,
-      onFocus: this.onSelectFocus,
-      inputValue: actualSelectInputValue,
-      onInputChange: this.handleSelectInputChange,
-      components: selectComponents,
-      onChange: this.onSelectChange,
-      styles: mergeStyles(selectStyles, {
-        control: base => ({
-          ...base,
-          ...disabledStyle
+    return (
+      // TODO: Remove role="presentation", since div's have no semantics anyway
+      // (DSP-11587)
+      jsx("div", _extends({}, innerProps, {
+        role: "presentation",
+        onClick: this.onInputClick,
+        onInput: this.onTextInput,
+        onKeyDown: this.onInputKeyDown,
+        ref: this.getContainerRef,
+        "data-testid": testId && `${testId}--container`
+      }), jsx("input", {
+        name: name,
+        type: "hidden",
+        value: value,
+        "data-testid": testId && `${testId}--input`
+      }), jsx(Select, _extends({
+        appearance: this.props.appearance,
+        enableAnimation: false,
+        menuIsOpen: menuIsOpen,
+        closeMenuOnSelect: true,
+        autoFocus: autoFocus,
+        instanceId: id,
+        isDisabled: isDisabled,
+        onBlur: this.onSelectBlur,
+        onFocus: this.onSelectFocus,
+        inputValue: actualSelectInputValue,
+        onInputChange: this.handleSelectInputChange,
+        components: selectComponents,
+        onChange: this.onSelectChange,
+        styles: mergeStyles(selectStyles, {
+          control: base => ({
+            ...base,
+            ...disabledStyle
+          }),
+          indicatorsContainer: base => ({
+            ...base,
+            paddingLeft: "var(--ds-space-025, 2px)",
+            // ICON_PADDING = 2
+            paddingRight: "var(--ds-space-075, 6px)" // 8 - ICON_PADDING = 6
+          })
         }),
-        indicatorsContainer: base => ({
-          ...base,
-          paddingLeft: "var(--ds-space-025, 2px)",
-          // ICON_PADDING = 2
-          paddingRight: "var(--ds-space-075, 6px)" // 8 - ICON_PADDING = 6
-        })
-      }),
 
-      placeholder: this.getPlaceholder(),
-      value: value && {
-        label: this.formatDate(value),
-        value
-      }
-    }, selectProps, calendarProps, {
-      isClearable: true,
-      spacing: spacing,
-      isInvalid: isInvalid,
-      testId: testId
-    })));
+        placeholder: this.getPlaceholder(),
+        value: value && {
+          label: this.formatDate(value),
+          value
+        }
+      }, selectProps, calendarProps, {
+        isClearable: true,
+        spacing: spacing,
+        isInvalid: isInvalid,
+        testId: testId
+      })))
+    );
   }
 }
 _defineProperty(DatePicker, "defaultProps", datePickerDefaultProps);

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

@@ -17,7 +17,7 @@ import DatePicker from './date-picker';
 import TimePicker from './time-picker';
 import { convertTokens } from './utils';
 const packageName = "@atlaskit/datetime-picker";
-const packageVersion = "12.7.5";
+const packageVersion = "12.7.7";
 
 /* eslint-disable react/no-unused-prop-types */
 

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

@@ -16,7 +16,7 @@ import FixedLayer from '../internal/fixed-layer';
 import parseTime from '../internal/parse-time';
 import { convertTokens } from './utils';
 const packageName = "@atlaskit/datetime-picker";
-const packageVersion = "12.7.5";
+const packageVersion = "12.7.7";
 
 /* eslint-disable react/no-unused-prop-types */
 

package/dist/es2019/components/utils.js

@@ -54,7 +54,7 @@ const tokensRegExp = new RegExp(
 // v1 escape string (unsure the purpose of post-pipe capture group)
 '(\\[[^\\[]*\\])|(\\\\)?' +
 // v2 escape string
-"((?<=').+(?=')|" +
+"('.+'|" +
 // All v1 tokens
 v1tokens.join('|') + '|.)', 'g');
 export function convertTokens(format) {
@@ -77,7 +77,11 @@ export function convertTokens(format) {
       // This allows double parentheses to be rendered correctly
       // according to date-fns's spec.
       // https://date-fns.org/v2.29.3/docs/format
-      const filteredEscapedTextBuffer = parsed.escapedTextBuffer.filter(token => token !== "'").join('');
+      //
+      // We have to keep the single quote and then remove it because
+      // browser support for lookahead/behind is low and causes breaking
+      // errors (HOT-104152)
+      const filteredEscapedTextBuffer = parsed.escapedTextBuffer.map(token => token[0] === "'" && token.slice(-1) === "'" ? token.slice(1, -1) : token).filter(token => token !== "'").join('');
       parsed.formatBuffer.push(`'${filteredEscapedTextBuffer}'`);
       parsed.escapedTextBuffer = [];
     }

package/dist/es2019/version.json

@@ -1,5 +1,5 @@
 {
 	"name": "@atlaskit/datetime-picker",
-	"version": "12.7.5",
+	"version": "12.7.7",
 	"sideEffects": false
 }

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

@@ -30,7 +30,7 @@ import { defaultDateFormat, EmptyComponent, padToTwo, placeholderDatetime } from
 import FixedLayer from '../internal/fixed-layer';
 import { convertTokens } from './utils';
 var packageName = "@atlaskit/datetime-picker";
-var packageVersion = "12.7.5";
+var packageVersion = "12.7.7";
 
 /* eslint-disable react/no-unused-prop-types */
 
@@ -464,56 +464,60 @@ var DatePicker = /*#__PURE__*/function (_Component) {
         nextMonthLabel: nextMonthLabel,
         previousMonthLabel: previousMonthLabel
       };
-      return jsx("div", _extends({}, innerProps, {
-        role: "presentation",
-        onClick: this.onInputClick,
-        onInput: this.onTextInput,
-        onKeyDown: this.onInputKeyDown,
-        ref: this.getContainerRef,
-        "data-testid": testId && "".concat(testId, "--container")
-      }), jsx("input", {
-        name: name,
-        type: "hidden",
-        value: value,
-        "data-testid": testId && "".concat(testId, "--input")
-      }), jsx(Select, _extends({
-        appearance: this.props.appearance,
-        enableAnimation: false,
-        menuIsOpen: menuIsOpen,
-        closeMenuOnSelect: true,
-        autoFocus: autoFocus,
-        instanceId: id,
-        isDisabled: isDisabled,
-        onBlur: this.onSelectBlur,
-        onFocus: this.onSelectFocus,
-        inputValue: actualSelectInputValue,
-        onInputChange: this.handleSelectInputChange,
-        components: selectComponents,
-        onChange: this.onSelectChange,
-        styles: mergeStyles(selectStyles, {
-          control: function control(base) {
-            return _objectSpread(_objectSpread({}, base), disabledStyle);
-          },
-          indicatorsContainer: function indicatorsContainer(base) {
-            return _objectSpread(_objectSpread({}, base), {}, {
-              paddingLeft: "var(--ds-space-025, 2px)",
-              // ICON_PADDING = 2
-              paddingRight: "var(--ds-space-075, 6px)" // 8 - ICON_PADDING = 6
-            });
-          }
-        }),
+      return (
+        // TODO: Remove role="presentation", since div's have no semantics anyway
+        // (DSP-11587)
+        jsx("div", _extends({}, innerProps, {
+          role: "presentation",
+          onClick: this.onInputClick,
+          onInput: this.onTextInput,
+          onKeyDown: this.onInputKeyDown,
+          ref: this.getContainerRef,
+          "data-testid": testId && "".concat(testId, "--container")
+        }), jsx("input", {
+          name: name,
+          type: "hidden",
+          value: value,
+          "data-testid": testId && "".concat(testId, "--input")
+        }), jsx(Select, _extends({
+          appearance: this.props.appearance,
+          enableAnimation: false,
+          menuIsOpen: menuIsOpen,
+          closeMenuOnSelect: true,
+          autoFocus: autoFocus,
+          instanceId: id,
+          isDisabled: isDisabled,
+          onBlur: this.onSelectBlur,
+          onFocus: this.onSelectFocus,
+          inputValue: actualSelectInputValue,
+          onInputChange: this.handleSelectInputChange,
+          components: selectComponents,
+          onChange: this.onSelectChange,
+          styles: mergeStyles(selectStyles, {
+            control: function control(base) {
+              return _objectSpread(_objectSpread({}, base), disabledStyle);
+            },
+            indicatorsContainer: function indicatorsContainer(base) {
+              return _objectSpread(_objectSpread({}, base), {}, {
+                paddingLeft: "var(--ds-space-025, 2px)",
+                // ICON_PADDING = 2
+                paddingRight: "var(--ds-space-075, 6px)" // 8 - ICON_PADDING = 6
+              });
+            }
+          }),
 
-        placeholder: this.getPlaceholder(),
-        value: value && {
-          label: this.formatDate(value),
-          value: value
-        }
-      }, selectProps, calendarProps, {
-        isClearable: true,
-        spacing: spacing,
-        isInvalid: isInvalid,
-        testId: testId
-      })));
+          placeholder: this.getPlaceholder(),
+          value: value && {
+            label: this.formatDate(value),
+            value: value
+          }
+        }, selectProps, calendarProps, {
+          isClearable: true,
+          spacing: spacing,
+          isInvalid: isInvalid,
+          testId: testId
+        })))
+      );
     }
   }]);
   return DatePicker;

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

@@ -27,7 +27,7 @@ import DatePicker from './date-picker';
 import TimePicker from './time-picker';
 import { convertTokens } from './utils';
 var packageName = "@atlaskit/datetime-picker";
-var packageVersion = "12.7.5";
+var packageVersion = "12.7.7";
 
 /* eslint-disable react/no-unused-prop-types */
 

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

@@ -29,7 +29,7 @@ import FixedLayer from '../internal/fixed-layer';
 import parseTime from '../internal/parse-time';
 import { convertTokens } from './utils';
 var packageName = "@atlaskit/datetime-picker";
-var packageVersion = "12.7.5";
+var packageVersion = "12.7.7";
 
 /* eslint-disable react/no-unused-prop-types */
 

package/dist/esm/components/utils.js

@@ -54,7 +54,7 @@ var tokensRegExp = new RegExp(
 // v1 escape string (unsure the purpose of post-pipe capture group)
 '(\\[[^\\[]*\\])|(\\\\)?' +
 // v2 escape string
-"((?<=').+(?=')|" +
+"('.+'|" +
 // All v1 tokens
 v1tokens.join('|') + '|.)', 'g');
 export function convertTokens(format) {
@@ -77,7 +77,13 @@ export function convertTokens(format) {
       // This allows double parentheses to be rendered correctly
       // according to date-fns's spec.
       // https://date-fns.org/v2.29.3/docs/format
-      var filteredEscapedTextBuffer = parsed.escapedTextBuffer.filter(function (token) {
+      //
+      // We have to keep the single quote and then remove it because
+      // browser support for lookahead/behind is low and causes breaking
+      // errors (HOT-104152)
+      var filteredEscapedTextBuffer = parsed.escapedTextBuffer.map(function (token) {
+        return token[0] === "'" && token.slice(-1) === "'" ? token.slice(1, -1) : token;
+      }).filter(function (token) {
         return token !== "'";
       }).join('');
       parsed.formatBuffer.push("'".concat(filteredEscapedTextBuffer, "'"));

package/dist/esm/version.json

@@ -1,5 +1,5 @@
 {
 	"name": "@atlaskit/datetime-picker",
-	"version": "12.7.5",
+	"version": "12.7.7",
 	"sideEffects": false
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/datetime-picker",
-  "version": "12.7.5",
+  "version": "12.7.7",
   "description": "A date time picker allows the user to select an associated date and time.",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"

package/tmp/api-report-tmp.d.ts

@@ -1,274 +0,0 @@
-## API Report File for "@atlaskit/datetime-picker"
-
-> Do not edit this file. It is a report generated by [API Extractor](https://api-extractor.com/).
-
-```ts
-
-import { ComponentType } from 'react';
-import { DropdownIndicatorProps } from '@atlaskit/select';
-import { FocusEvent as FocusEvent_2 } from 'react';
-import { ForwardRefExoticComponent } from 'react';
-import { GroupType } from '@atlaskit/select';
-import { OptionType } from '@atlaskit/select';
-import { default as React_2 } from 'react';
-import { RefAttributes } from 'react';
-import { SelectProps as SelectProps_2 } from '@atlaskit/select';
-import { WithAnalyticsEventsProps } from '@atlaskit/analytics-next';
-import { WithContextProps } from '@atlaskit/analytics-next';
-
-// @public (undocumented)
-export type Appearance = 'default' | 'none' | 'subtle';
-
-// @public (undocumented)
-export const DatePicker: ForwardRefExoticComponent<Pick<Pick<Omit<DatePickerProps_2, keyof WithAnalyticsEventsProps>, "dateFormat" | "formatDisplayLabel" | "isOpen" | "maxDate" | "minDate" | "nextMonthLabel" | "parseInputValue" | "placeholder" | "previousMonthLabel" | "testId" | "value" | "weekStartDay"> & Partial<Pick<Omit<DatePickerProps_2, keyof WithAnalyticsEventsProps>, "appearance" | "autoFocus" | "defaultIsOpen" | "defaultValue" | "disabled" | "disabledDateFilter" | "hideIcon" | "icon" | "id" | "innerProps" | "isDisabled" | "isInvalid" | "locale" | "name" | "onBlur" | "onChange" | "onFocus" | "selectProps" | "spacing">> & Partial<Pick<{
-appearance: Appearance;
-autoFocus: boolean;
-defaultIsOpen: boolean;
-defaultValue: string;
-disabled: string[];
-disabledDateFilter: (_: string) => boolean;
-hideIcon: boolean;
-icon: ComponentType<DropdownIndicatorProps<OptionType, boolean, GroupType<OptionType>>>;
-id: string;
-innerProps: {};
-isDisabled: boolean;
-isInvalid: boolean;
-name: string;
-onBlur: (event: FocusEvent_2<HTMLInputElement>) => void;
-onChange: (value: string) => void;
-onFocus: (event: FocusEvent_2<HTMLInputElement>) => void;
-selectProps: {};
-spacing: Spacing;
-locale: string;
-}, never>> & RefAttributes<any> & WithContextProps, "analyticsContext" | "appearance" | "autoFocus" | "dateFormat" | "defaultIsOpen" | "defaultValue" | "disabled" | "disabledDateFilter" | "formatDisplayLabel" | "hideIcon" | "icon" | "id" | "innerProps" | "isDisabled" | "isInvalid" | "isOpen" | "key" | "locale" | "maxDate" | "minDate" | "name" | "nextMonthLabel" | "onBlur" | "onChange" | "onFocus" | "parseInputValue" | "placeholder" | "previousMonthLabel" | "selectProps" | "spacing" | "testId" | "value" | "weekStartDay"> & RefAttributes<any>>;
-
-// @public (undocumented)
-const datePickerDefaultProps: {
-    appearance: Appearance;
-    autoFocus: boolean;
-    defaultIsOpen: boolean;
-    defaultValue: string;
-    disabled: string[];
-    disabledDateFilter: (_: string) => boolean;
-    hideIcon: boolean;
-    icon: ComponentType<DropdownIndicatorProps<OptionType, boolean, GroupType<OptionType>>>;
-    id: string;
-    innerProps: {};
-    isDisabled: boolean;
-    isInvalid: boolean;
-    name: string;
-    onBlur: (event: React.FocusEvent<HTMLInputElement>) => void;
-    onChange: (value: string) => void;
-    onFocus: (event: React.FocusEvent<HTMLInputElement>) => void;
-    selectProps: {};
-    spacing: Spacing;
-    locale: string;
-};
-
-// @public (undocumented)
-export interface DatePickerProps extends WithAnalyticsEventsProps {
-    appearance?: Appearance;
-    autoFocus?: boolean;
-    dateFormat?: string;
-    defaultIsOpen?: boolean;
-    defaultValue?: string;
-    disabled?: string[];
-    disabledDateFilter?: (date: string) => boolean;
-    formatDisplayLabel?: (value: string, dateFormat: string) => string;
-    hideIcon?: boolean;
-    icon?: React.ComponentType<DropdownIndicatorProps<OptionType>>;
-    id?: string;
-    innerProps?: React.AllHTMLAttributes<HTMLElement>;
-    isDisabled?: boolean;
-    isInvalid?: boolean;
-    isOpen?: boolean;
-    locale?: string;
-    maxDate?: string;
-    minDate?: string;
-    name?: string;
-    nextMonthLabel?: string;
-    onBlur?: React.FocusEventHandler<HTMLInputElement>;
-    onChange?: (value: string) => void;
-    onFocus?: React.FocusEventHandler<HTMLInputElement>;
-    parseInputValue?: (date: string, dateFormat: string) => Date;
-    placeholder?: string;
-    previousMonthLabel?: string;
-    selectProps?: SelectProps;
-    spacing?: Spacing;
-    testId?: string;
-    value?: string;
-    weekStartDay?: 0 | 1 | 2 | 3 | 4 | 5 | 6;
-}
-
-// @public (undocumented)
-type DatePickerProps_2 = typeof datePickerDefaultProps & DatePickerProps;
-
-// @public (undocumented)
-export const DateTimePicker: React_2.ForwardRefExoticComponent<Pick<Pick<Omit<DateTimePickerProps_2, keyof WithAnalyticsEventsProps>, "dateFormat" | "parseValue" | "testId" | "timeFormat" | "value"> & Partial<Pick<Omit<DateTimePickerProps_2, keyof WithAnalyticsEventsProps>, "appearance" | "autoFocus" | "datePickerProps" | "datePickerSelectProps" | "defaultValue" | "id" | "innerProps" | "isDisabled" | "isInvalid" | "locale" | "name" | "onBlur" | "onChange" | "onFocus" | "spacing" | "timeIsEditable" | "timePickerProps" | "timePickerSelectProps" | "times">> & Partial<Pick<{
-    appearance: string;
-    autoFocus: boolean;
-    isDisabled: boolean;
-    name: string;
-    onBlur: (event: React_2.FocusEvent<HTMLInputElement>) => void;
-    onChange: (value: string) => void;
-    onFocus: (event: React_2.FocusEvent<HTMLInputElement>) => void;
-    innerProps: {};
-    id: string;
-    defaultValue: string;
-    timeIsEditable: boolean;
-    isInvalid: boolean;
-    datePickerProps: {};
-    timePickerProps: {};
-    datePickerSelectProps: {};
-    timePickerSelectProps: {};
-    times: string[];
-    spacing: string;
-    locale: string;
-}, never>> & React_2.RefAttributes<any> & WithContextProps, "analyticsContext" | "appearance" | "autoFocus" | "dateFormat" | "datePickerProps" | "datePickerSelectProps" | "defaultValue" | "id" | "innerProps" | "isDisabled" | "isInvalid" | "key" | "locale" | "name" | "onBlur" | "onChange" | "onFocus" | "parseValue" | "spacing" | "testId" | "timeFormat" | "timeIsEditable" | "timePickerProps" | "timePickerSelectProps" | "times" | "value"> & React_2.RefAttributes<any>>;
-
-// @public (undocumented)
-const dateTimePickerDefaultProps: {
-    appearance: string;
-    autoFocus: boolean;
-    isDisabled: boolean;
-    name: string;
-    onBlur: (event: React_2.FocusEvent<HTMLInputElement>) => void;
-    onChange: (value: string) => void;
-    onFocus: (event: React_2.FocusEvent<HTMLInputElement>) => void;
-    innerProps: {};
-    id: string;
-    defaultValue: string;
-    timeIsEditable: boolean;
-    isInvalid: boolean;
-    datePickerProps: {};
-    timePickerProps: {};
-    datePickerSelectProps: {};
-    timePickerSelectProps: {};
-    times: string[];
-    spacing: string;
-    locale: string;
-};
-
-// @public (undocumented)
-export interface DateTimePickerProps extends WithAnalyticsEventsProps {
-    appearance?: Appearance;
-    autoFocus?: boolean;
-    dateFormat?: string;
-    datePickerProps?: DatePickerProps;
-    datePickerSelectProps?: SelectProps_2<any>;
-    defaultValue?: string;
-    id?: string;
-    innerProps?: React_2.AllHTMLAttributes<HTMLElement>;
-    isDisabled?: boolean;
-    isInvalid?: boolean;
-    locale?: string;
-    name?: string;
-    onBlur?: React_2.FocusEventHandler<HTMLInputElement>;
-    onChange?: (value: string) => void;
-    onFocus?: React_2.FocusEventHandler<HTMLInputElement>;
-    parseValue?: (dateTimeValue: string, date: string, time: string, timezone: string) => {
-        dateValue: string;
-        timeValue: string;
-        zoneValue: string;
-    };
-    spacing?: Spacing;
-    testId?: string;
-    timeFormat?: string;
-    timeIsEditable?: boolean;
-    timePickerProps?: TimePickerProps;
-    timePickerSelectProps?: SelectProps_2<any>;
-    times?: Array<string>;
-    value?: string;
-}
-
-// @public (undocumented)
-type DateTimePickerProps_2 = typeof dateTimePickerDefaultProps & DateTimePickerProps;
-
-// @public (undocumented)
-type SelectProps = any;
-
-// @public (undocumented)
-export type Spacing = 'compact' | 'default';
-
-// @public (undocumented)
-export const TimePicker: React_2.ForwardRefExoticComponent<Pick<Pick<Omit<TimePickerProps_2, keyof WithAnalyticsEventsProps>, "formatDisplayLabel" | "isOpen" | "placeholder" | "testId" | "timeFormat" | "value"> & Partial<Pick<Omit<TimePickerProps_2, keyof WithAnalyticsEventsProps>, "appearance" | "autoFocus" | "defaultIsOpen" | "defaultValue" | "hideIcon" | "id" | "innerProps" | "isDisabled" | "isInvalid" | "locale" | "name" | "onBlur" | "onChange" | "onFocus" | "parseInputValue" | "selectProps" | "spacing" | "timeIsEditable" | "times">> & Partial<Pick<{
-    appearance: Appearance;
-    autoFocus: boolean;
-    defaultIsOpen: boolean;
-    defaultValue: string;
-    hideIcon: boolean;
-    id: string;
-    innerProps: {};
-    isDisabled: boolean;
-    isInvalid: boolean;
-    name: string;
-    onBlur: (event: React_2.FocusEvent<HTMLInputElement>) => void;
-    onChange: (value: string) => void;
-    onFocus: (event: React_2.FocusEvent<HTMLInputElement>) => void;
-    parseInputValue: (time: string, timeFormat: string) => Date | string;
-    selectProps: {};
-    spacing: Spacing;
-    times: string[];
-    timeIsEditable: boolean;
-    locale: string;
-}, never>> & React_2.RefAttributes<any> & WithContextProps, "analyticsContext" | "appearance" | "autoFocus" | "defaultIsOpen" | "defaultValue" | "formatDisplayLabel" | "hideIcon" | "id" | "innerProps" | "isDisabled" | "isInvalid" | "isOpen" | "key" | "locale" | "name" | "onBlur" | "onChange" | "onFocus" | "parseInputValue" | "placeholder" | "selectProps" | "spacing" | "testId" | "timeFormat" | "timeIsEditable" | "times" | "value"> & React_2.RefAttributes<any>>;
-
-// @public (undocumented)
-const timePickerDefaultProps: {
-    appearance: Appearance;
-    autoFocus: boolean;
-    defaultIsOpen: boolean;
-    defaultValue: string;
-    hideIcon: boolean;
-    id: string;
-    innerProps: {};
-    isDisabled: boolean;
-    isInvalid: boolean;
-    name: string;
-    onBlur: (event: React_2.FocusEvent<HTMLInputElement>) => void;
-    onChange: (value: string) => void;
-    onFocus: (event: React_2.FocusEvent<HTMLInputElement>) => void;
-    parseInputValue: (time: string, timeFormat: string) => Date | string;
-    selectProps: {};
-    spacing: Spacing;
-    times: string[];
-    timeIsEditable: boolean;
-    locale: string;
-};
-
-// @public (undocumented)
-export interface TimePickerProps extends WithAnalyticsEventsProps {
-    appearance?: Appearance;
-    autoFocus?: boolean;
-    defaultIsOpen?: boolean;
-    defaultValue?: string;
-    formatDisplayLabel?: (time: string, timeFormat: string) => string;
-    hideIcon?: boolean;
-    id?: string;
-    innerProps?: React_2.AllHTMLAttributes<HTMLElement>;
-    isDisabled?: boolean;
-    isInvalid?: boolean;
-    isOpen?: boolean;
-    locale?: string;
-    name?: string;
-    onBlur?: React_2.FocusEventHandler<HTMLElement>;
-    onChange?: (value: string) => void;
-    onFocus?: React_2.FocusEventHandler<HTMLElement>;
-    // (undocumented)
-    parseInputValue?: (time: string, timeFormat: string) => Date | string;
-    placeholder?: string;
-    selectProps?: SelectProps_2<any>;
-    spacing?: Spacing;
-    testId?: string;
-    timeFormat?: string;
-    timeIsEditable?: boolean;
-    times?: string[];
-    value?: string;
-}
-
-// @public (undocumented)
-type TimePickerProps_2 = typeof timePickerDefaultProps & TimePickerProps;
-
-// (No @packageDocumentation comment for this package)
-
-```