@atlaskit/datetime-picker 13.0.1 → 13.0.2

package/CHANGELOG.md

@@ -1,5 +1,11 @@
 # @atlaskit/datetime-picker
 
+## 13.0.2
+
+### Patch Changes
+
+- [#58458](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/58458) [`536478cdcf0b`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/536478cdcf0b) - Made some tiny tweaks to the weekday header so its height is now an integer.
+
 ## 13.0.1
 
 ### Patch Changes

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

@@ -38,9 +38,9 @@ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj &&
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 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; } } /** @jsx jsx */
+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 = "13.0.1";
+var packageVersion = "13.0.2";
 function getValidDate(iso) {
   var date = (0, _dateFns.parseISO)(iso);
   return (0, _dateFns.isValid)(date) ? {
@@ -62,14 +62,14 @@ var menuStyles = (0, _react2.css)({
 var Menu = function Menu(_ref) {
   var selectProps = _ref.selectProps,
     innerProps = _ref.innerProps;
-  return (0, _react2.jsx)(_layering.UNSAFE_LAYERING, {
+  return /*#__PURE__*/React.createElement(_layering.UNSAFE_LAYERING, {
     isDisabled: (0, _platformFeatureFlags.getBooleanFF)('platform.design-system-team.layering_qmiw3') ? false : true
-  }, (0, _react2.jsx)(_fixedLayer.default, {
+  }, /*#__PURE__*/React.createElement(_fixedLayer.default, {
     inputValue: selectProps.inputValue,
     containerRef: selectProps.calendarContainerRef,
-    content: (0, _react2.jsx)("div", (0, _extends2.default)({
+    content: /*#__PURE__*/React.createElement("div", (0, _extends2.default)({
       css: menuStyles
-    }, innerProps), (0, _react2.jsx)(_calendar.default, (0, _extends2.default)({}, getValidDate(selectProps.calendarValue), getValidDate(selectProps.calendarView), {
+    }, innerProps), /*#__PURE__*/React.createElement(_calendar.default, (0, _extends2.default)({}, getValidDate(selectProps.calendarValue), getValidDate(selectProps.calendarView), {
       disabled: selectProps.calendarDisabled,
       disabledDateFilter: selectProps.calendarDisabledDateFilter,
       minDate: selectProps.calendarMinDate,
@@ -468,9 +468,10 @@ var DatePicker = exports.DatePickerWithoutAnalytics = /*#__PURE__*/function (_Co
         previousMonthLabel: previousMonthLabel
       };
       return (
+        /*#__PURE__*/
         // These event handlers must be on this element because the events come
         // from different child elements.
-        (0, _react2.jsx)("div", (0, _extends2.default)({}, innerProps, {
+        React.createElement("div", (0, _extends2.default)({}, innerProps, {
           role: "presentation",
           onBlur: this.onContainerBlur,
           onClick: this.onInputClick,
@@ -478,12 +479,12 @@ var DatePicker = exports.DatePickerWithoutAnalytics = /*#__PURE__*/function (_Co
           onKeyDown: this.onInputKeyDown,
           ref: this.getContainerRef,
           "data-testid": testId && "".concat(testId, "--container")
-        }), (0, _react2.jsx)("input", {
+        }), /*#__PURE__*/React.createElement("input", {
           name: name,
           type: "hidden",
           value: value,
           "data-testid": testId && "".concat(testId, "--input")
-        }), (0, _react2.jsx)(_select.default, (0, _extends2.default)({
+        }), /*#__PURE__*/React.createElement(_select.default, (0, _extends2.default)({
           appearance: this.props.appearance,
           enableAnimation: false,
           menuIsOpen: menuIsOpen,

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

@@ -29,9 +29,9 @@ var _utils = require("./utils");
 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; } }
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; } /** @jsx jsx */
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var packageName = "@atlaskit/datetime-picker";
-var packageVersion = "13.0.1";
+var packageVersion = "13.0.2";
 var isInvalidBorderStyles = (0, _react2.css)({
   borderColor: "var(--ds-border-danger, ".concat(_colors.R400, ")")
 });
@@ -306,19 +306,19 @@ var DateTimePicker = exports.DateTimePickerWithoutAnalytics = /*#__PURE__*/funct
       var isClearable = Boolean(dateValue || timeValue);
       var notFocusedOrIsDisabled = !(isFocused || isDisabled);
       var ariaLabelledbyId = id && "label--".concat(id);
-      return (0, _react2.jsx)("div", (0, _extends2.default)({
+      return /*#__PURE__*/_react.default.createElement("div", (0, _extends2.default)({
         css: [baseContainerStyles, isDisabled && isDisabledStyles, isFocused && isFocusedStyles, bothProps.appearance === 'subtle' && (isFocused ? subtleFocusedBgStyles : subtleBgStyles), isFocused && isFocusedBorderStyles, bothProps.isInvalid && isInvalidBorderStyles, notFocusedOrIsDisabled && (bothProps.isInvalid ? isInvalidHoverStyles : hoverStyles), bothProps.appearance === 'none' && noBgStyles]
       }, innerProps, {
         "aria-labelledby": innerProps['aria-labelledby'] || ariaLabelledbyId,
         "data-testid": testId
-      }), (0, _react2.jsx)("input", {
+      }), /*#__PURE__*/_react.default.createElement("input", {
         name: name,
         type: "hidden",
         value: value,
         "data-testid": testId && "".concat(testId, "--input")
-      }), (0, _react2.jsx)("div", {
+      }), /*#__PURE__*/_react.default.createElement("div", {
         css: datePickerContainerStyles
-      }, (0, _react2.jsx)(_datePicker.default, (0, _extends2.default)({}, bothProps, {
+      }, /*#__PURE__*/_react.default.createElement(_datePicker.default, (0, _extends2.default)({}, bothProps, {
         autoFocus: autoFocus,
         dateFormat: dateFormat,
         hideIcon: true,
@@ -328,9 +328,9 @@ var DateTimePicker = exports.DateTimePickerWithoutAnalytics = /*#__PURE__*/funct
         value: dateValue,
         locale: locale,
         testId: testId && "".concat(testId, "--datepicker")
-      }, datePickerProps))), (0, _react2.jsx)("div", {
+      }, datePickerProps))), /*#__PURE__*/_react.default.createElement("div", {
         css: timePickerContainerStyles
-      }, (0, _react2.jsx)(_timePicker.default, (0, _extends2.default)({}, bothProps, {
+      }, /*#__PURE__*/_react.default.createElement(_timePicker.default, (0, _extends2.default)({}, bothProps, {
         hideIcon: true,
         onChange: this.onTimeChange,
         selectProps: mergedTimePickerSelectProps,
@@ -340,7 +340,7 @@ var DateTimePicker = exports.DateTimePickerWithoutAnalytics = /*#__PURE__*/funct
         timeFormat: timeFormat,
         locale: locale,
         testId: testId && "".concat(testId, "--timepicker")
-      }, timePickerProps))), isClearable && !isDisabled ? (0, _react2.jsx)(_clearButton.default, {
+      }, timePickerProps))), isClearable && !isDisabled ? /*#__PURE__*/_react.default.createElement(_clearButton.default, {
         inputId: id,
         buttonStyles: iconContainerStyles,
         onClick: this.onClear,

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

@@ -38,7 +38,7 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
 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 = "13.0.1";
+var packageVersion = "13.0.2";
 var menuStyles = {
   /* Need to remove default absolute positioning as that causes issues with position fixed */
   position: 'static',

package/dist/cjs/internal/clear-button.js

@@ -5,10 +5,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _react = require("@emotion/react");
 var _selectClear = _interopRequireDefault(require("@atlaskit/icon/glyph/select-clear"));
-/** @jsx jsx */
-
 /**
  * __Clear button__
  */
@@ -24,21 +21,21 @@ var ClearButton = function ClearButton(_ref) {
     onClick = _ref.onClick;
   var labelId = inputId && "label--".concat(inputId);
   var clearButtonId = inputId && "clear-btn--".concat(inputId);
-  return (0, _react.jsx)("button", {
+  return /*#__PURE__*/React.createElement("button", {
+    "aria-labelledby": inputId ? "".concat(clearButtonId, " ").concat(labelId) : "".concat(clearButtonId),
     css: buttonStyles,
     type: "button",
     tabIndex: -1,
     "data-testid": "".concat(dataTestId, "--clear--btn"),
     onClick: onClick
-  }, (0, _react.jsx)("span", {
+  }, /*#__PURE__*/React.createElement("span", {
     hidden: true,
     id: clearButtonId
-  }, "Clear"), (0, _react.jsx)("span", {
+  }, "Clear"), /*#__PURE__*/React.createElement("span", {
     style: {
       display: 'flex'
-    },
-    "aria-labelledby": inputId ? "".concat(clearButtonId, " ").concat(labelId) : "".concat(clearButtonId)
-  }, (0, _react.jsx)(_selectClear.default, {
+    }
+  }, /*#__PURE__*/React.createElement(_selectClear.default, {
     size: iconSize,
     label: inputId ? '' : label,
     primaryColor: primaryColor

package/dist/cjs/internal/clear-indicator.js

@@ -10,7 +10,7 @@ var _react = require("@emotion/react");
 var _select = require("@atlaskit/select");
 var _clearButton = _interopRequireDefault(require("./clear-button"));
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; } /** @jsx jsx */
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var buttonStyles = (0, _react.css)({
   display: 'flex',
   alignItems: 'center',
@@ -24,11 +24,11 @@ var buttonStyles = (0, _react.css)({
  *
  */
 var ClearIndicator = function ClearIndicator(props) {
-  return (0, _react.jsx)(_select.components.ClearIndicator, _objectSpread(_objectSpread({}, props), {}, {
+  return /*#__PURE__*/React.createElement(_select.components.ClearIndicator, _objectSpread(_objectSpread({}, props), {}, {
     innerProps: _objectSpread(_objectSpread({}, props.innerProps), {}, {
       'aria-hidden': 'false'
     })
-  }), (0, _react.jsx)(_clearButton.default, {
+  }), /*#__PURE__*/React.createElement(_clearButton.default, {
     buttonStyles: buttonStyles,
     inputId: props.selectProps.inputId,
     dataTestId: props.selectProps.testId

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

@@ -1,8 +1,7 @@
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import _extends from "@babel/runtime/helpers/extends";
-/** @jsx jsx */
 import { Component } from 'react';
-import { css, jsx } from '@emotion/react';
+import { css } from '@emotion/react';
 import { format, isValid, lastDayOfMonth, parseISO } from 'date-fns';
 import pick from 'lodash/pick';
 import { createAndFireEvent, withAnalyticsContext, withAnalyticsEvents } from '@atlaskit/analytics-next';
@@ -20,7 +19,7 @@ import FixedLayer from '../internal/fixed-layer';
 import { makeSingleValue } from '../internal/single-value';
 import { convertTokens } from './utils';
 const packageName = "@atlaskit/datetime-picker";
-const packageVersion = "13.0.1";
+const packageVersion = "13.0.2";
 function getValidDate(iso) {
   const date = parseISO(iso);
   return isValid(date) ? {
@@ -42,14 +41,14 @@ const menuStyles = css({
 const Menu = ({
   selectProps,
   innerProps
-}) => jsx(UNSAFE_LAYERING, {
+}) => /*#__PURE__*/React.createElement(UNSAFE_LAYERING, {
   isDisabled: getBooleanFF('platform.design-system-team.layering_qmiw3') ? false : true
-}, jsx(FixedLayer, {
+}, /*#__PURE__*/React.createElement(FixedLayer, {
   inputValue: selectProps.inputValue,
   containerRef: selectProps.calendarContainerRef,
-  content: jsx("div", _extends({
+  content: /*#__PURE__*/React.createElement("div", _extends({
     css: menuStyles
-  }, innerProps), jsx(Calendar, _extends({}, getValidDate(selectProps.calendarValue), getValidDate(selectProps.calendarView), {
+  }, innerProps), /*#__PURE__*/React.createElement(Calendar, _extends({}, getValidDate(selectProps.calendarValue), getValidDate(selectProps.calendarView), {
     disabled: selectProps.calendarDisabled,
     disabledDateFilter: selectProps.calendarDisabledDateFilter,
     minDate: selectProps.calendarMinDate,
@@ -468,9 +467,10 @@ class DatePicker extends Component {
       previousMonthLabel
     };
     return (
+      /*#__PURE__*/
       // These event handlers must be on this element because the events come
       // from different child elements.
-      jsx("div", _extends({}, innerProps, {
+      React.createElement("div", _extends({}, innerProps, {
         role: "presentation",
         onBlur: this.onContainerBlur,
         onClick: this.onInputClick,
@@ -478,12 +478,12 @@ class DatePicker extends Component {
         onKeyDown: this.onInputKeyDown,
         ref: this.getContainerRef,
         "data-testid": testId && `${testId}--container`
-      }), jsx("input", {
+      }), /*#__PURE__*/React.createElement("input", {
         name: name,
         type: "hidden",
         value: value,
         "data-testid": testId && `${testId}--input`
-      }), jsx(Select, _extends({
+      }), /*#__PURE__*/React.createElement(Select, _extends({
         appearance: this.props.appearance,
         enableAnimation: false,
         menuIsOpen: menuIsOpen,

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

@@ -1,8 +1,7 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
-/** @jsx jsx */
 import React from 'react';
-import { css, jsx } from '@emotion/react';
+import { css } from '@emotion/react';
 import { format, isValid, parseISO } from 'date-fns';
 import pick from 'lodash/pick';
 import { createAndFireEvent, withAnalyticsContext, withAnalyticsEvents } from '@atlaskit/analytics-next';
@@ -15,7 +14,7 @@ import DatePicker from './date-picker';
 import TimePicker from './time-picker';
 import { convertTokens } from './utils';
 const packageName = "@atlaskit/datetime-picker";
-const packageVersion = "13.0.1";
+const packageVersion = "13.0.2";
 const isInvalidBorderStyles = css({
   borderColor: `var(--ds-border-danger, ${R400})`
 });
@@ -292,19 +291,19 @@ class DateTimePicker extends React.Component {
     const isClearable = Boolean(dateValue || timeValue);
     const notFocusedOrIsDisabled = !(isFocused || isDisabled);
     const ariaLabelledbyId = id && `label--${id}`;
-    return jsx("div", _extends({
+    return /*#__PURE__*/React.createElement("div", _extends({
       css: [baseContainerStyles, isDisabled && isDisabledStyles, isFocused && isFocusedStyles, bothProps.appearance === 'subtle' && (isFocused ? subtleFocusedBgStyles : subtleBgStyles), isFocused && isFocusedBorderStyles, bothProps.isInvalid && isInvalidBorderStyles, notFocusedOrIsDisabled && (bothProps.isInvalid ? isInvalidHoverStyles : hoverStyles), bothProps.appearance === 'none' && noBgStyles]
     }, innerProps, {
       "aria-labelledby": innerProps['aria-labelledby'] || ariaLabelledbyId,
       "data-testid": testId
-    }), jsx("input", {
+    }), /*#__PURE__*/React.createElement("input", {
       name: name,
       type: "hidden",
       value: value,
       "data-testid": testId && `${testId}--input`
-    }), jsx("div", {
+    }), /*#__PURE__*/React.createElement("div", {
       css: datePickerContainerStyles
-    }, jsx(DatePicker, _extends({}, bothProps, {
+    }, /*#__PURE__*/React.createElement(DatePicker, _extends({}, bothProps, {
       autoFocus: autoFocus,
       dateFormat: dateFormat,
       hideIcon: true,
@@ -314,9 +313,9 @@ class DateTimePicker extends React.Component {
       value: dateValue,
       locale: locale,
       testId: testId && `${testId}--datepicker`
-    }, datePickerProps))), jsx("div", {
+    }, datePickerProps))), /*#__PURE__*/React.createElement("div", {
       css: timePickerContainerStyles
-    }, jsx(TimePicker, _extends({}, bothProps, {
+    }, /*#__PURE__*/React.createElement(TimePicker, _extends({}, bothProps, {
       hideIcon: true,
       onChange: this.onTimeChange,
       selectProps: mergedTimePickerSelectProps,
@@ -326,7 +325,7 @@ class DateTimePicker extends React.Component {
       timeFormat: timeFormat,
       locale: locale,
       testId: testId && `${testId}--timepicker`
-    }, timePickerProps))), isClearable && !isDisabled ? jsx(ClearButton, {
+    }, timePickerProps))), isClearable && !isDisabled ? /*#__PURE__*/React.createElement(ClearButton, {
       inputId: id,
       buttonStyles: iconContainerStyles,
       onClick: this.onClear,

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

@@ -17,7 +17,7 @@ import parseTime from '../internal/parse-time';
 import { makeSingleValue } from '../internal/single-value';
 import { convertTokens } from './utils';
 const packageName = "@atlaskit/datetime-picker";
-const packageVersion = "13.0.1";
+const packageVersion = "13.0.2";
 const menuStyles = {
   /* Need to remove default absolute positioning as that causes issues with position fixed */
   position: 'static',

package/dist/es2019/internal/clear-button.js

@@ -1,5 +1,3 @@
-/** @jsx jsx */
-import { jsx } from '@emotion/react';
 import SelectClearIcon from '@atlaskit/icon/glyph/select-clear';
 /**
  * __Clear button__
@@ -15,21 +13,21 @@ const ClearButton = ({
 }) => {
   const labelId = inputId && `label--${inputId}`;
   const clearButtonId = inputId && `clear-btn--${inputId}`;
-  return jsx("button", {
+  return /*#__PURE__*/React.createElement("button", {
+    "aria-labelledby": inputId ? `${clearButtonId} ${labelId}` : `${clearButtonId}`,
     css: buttonStyles,
     type: "button",
     tabIndex: -1,
     "data-testid": `${dataTestId}--clear--btn`,
     onClick: onClick
-  }, jsx("span", {
+  }, /*#__PURE__*/React.createElement("span", {
     hidden: true,
     id: clearButtonId
-  }, "Clear"), jsx("span", {
+  }, "Clear"), /*#__PURE__*/React.createElement("span", {
     style: {
       display: 'flex'
-    },
-    "aria-labelledby": inputId ? `${clearButtonId} ${labelId}` : `${clearButtonId}`
-  }, jsx(SelectClearIcon, {
+    }
+  }, /*#__PURE__*/React.createElement(SelectClearIcon, {
     size: iconSize,
     label: inputId ? '' : label,
     primaryColor: primaryColor

package/dist/es2019/internal/clear-indicator.js

@@ -1,7 +1,5 @@
 import _extends from "@babel/runtime/helpers/extends";
-/** @jsx jsx */
-
-import { css, jsx } from '@emotion/react';
+import { css } from '@emotion/react';
 import { components } from '@atlaskit/select';
 import ClearButton from './clear-button';
 const buttonStyles = css({
@@ -17,12 +15,12 @@ const buttonStyles = css({
  *
  */
 const ClearIndicator = props => {
-  return jsx(components.ClearIndicator, _extends({}, props, {
+  return /*#__PURE__*/React.createElement(components.ClearIndicator, _extends({}, props, {
     innerProps: {
       ...props.innerProps,
       'aria-hidden': 'false'
     }
-  }), jsx(ClearButton, {
+  }), /*#__PURE__*/React.createElement(ClearButton, {
     buttonStyles: buttonStyles,
     inputId: props.selectProps.inputId,
     dataTestId: props.selectProps.testId

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

@@ -11,9 +11,8 @@ function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbol
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 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; } }
-/** @jsx jsx */
 import { Component } from 'react';
-import { css, jsx } from '@emotion/react';
+import { css } from '@emotion/react';
 import { format, isValid, lastDayOfMonth, parseISO } from 'date-fns';
 import pick from 'lodash/pick';
 import { createAndFireEvent, withAnalyticsContext, withAnalyticsEvents } from '@atlaskit/analytics-next';
@@ -31,7 +30,7 @@ import FixedLayer from '../internal/fixed-layer';
 import { makeSingleValue } from '../internal/single-value';
 import { convertTokens } from './utils';
 var packageName = "@atlaskit/datetime-picker";
-var packageVersion = "13.0.1";
+var packageVersion = "13.0.2";
 function getValidDate(iso) {
   var date = parseISO(iso);
   return isValid(date) ? {
@@ -53,14 +52,14 @@ var menuStyles = css({
 var Menu = function Menu(_ref) {
   var selectProps = _ref.selectProps,
     innerProps = _ref.innerProps;
-  return jsx(UNSAFE_LAYERING, {
+  return /*#__PURE__*/React.createElement(UNSAFE_LAYERING, {
     isDisabled: getBooleanFF('platform.design-system-team.layering_qmiw3') ? false : true
-  }, jsx(FixedLayer, {
+  }, /*#__PURE__*/React.createElement(FixedLayer, {
     inputValue: selectProps.inputValue,
     containerRef: selectProps.calendarContainerRef,
-    content: jsx("div", _extends({
+    content: /*#__PURE__*/React.createElement("div", _extends({
       css: menuStyles
-    }, innerProps), jsx(Calendar, _extends({}, getValidDate(selectProps.calendarValue), getValidDate(selectProps.calendarView), {
+    }, innerProps), /*#__PURE__*/React.createElement(Calendar, _extends({}, getValidDate(selectProps.calendarValue), getValidDate(selectProps.calendarView), {
       disabled: selectProps.calendarDisabled,
       disabledDateFilter: selectProps.calendarDisabledDateFilter,
       minDate: selectProps.calendarMinDate,
@@ -459,9 +458,10 @@ var DatePicker = /*#__PURE__*/function (_Component) {
         previousMonthLabel: previousMonthLabel
       };
       return (
+        /*#__PURE__*/
         // These event handlers must be on this element because the events come
         // from different child elements.
-        jsx("div", _extends({}, innerProps, {
+        React.createElement("div", _extends({}, innerProps, {
           role: "presentation",
           onBlur: this.onContainerBlur,
           onClick: this.onInputClick,
@@ -469,12 +469,12 @@ var DatePicker = /*#__PURE__*/function (_Component) {
           onKeyDown: this.onInputKeyDown,
           ref: this.getContainerRef,
           "data-testid": testId && "".concat(testId, "--container")
-        }), jsx("input", {
+        }), /*#__PURE__*/React.createElement("input", {
           name: name,
           type: "hidden",
           value: value,
           "data-testid": testId && "".concat(testId, "--input")
-        }), jsx(Select, _extends({
+        }), /*#__PURE__*/React.createElement(Select, _extends({
           appearance: this.props.appearance,
           enableAnimation: false,
           menuIsOpen: menuIsOpen,

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

@@ -10,9 +10,8 @@ function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflec
 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(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-/** @jsx jsx */
 import React from 'react';
-import { css, jsx } from '@emotion/react';
+import { css } from '@emotion/react';
 import { format, isValid, parseISO } from 'date-fns';
 import pick from 'lodash/pick';
 import { createAndFireEvent, withAnalyticsContext, withAnalyticsEvents } from '@atlaskit/analytics-next';
@@ -25,7 +24,7 @@ import DatePicker from './date-picker';
 import TimePicker from './time-picker';
 import { convertTokens } from './utils';
 var packageName = "@atlaskit/datetime-picker";
-var packageVersion = "13.0.1";
+var packageVersion = "13.0.2";
 var isInvalidBorderStyles = css({
   borderColor: "var(--ds-border-danger, ".concat(R400, ")")
 });
@@ -300,19 +299,19 @@ var DateTimePicker = /*#__PURE__*/function (_React$Component) {
       var isClearable = Boolean(dateValue || timeValue);
       var notFocusedOrIsDisabled = !(isFocused || isDisabled);
       var ariaLabelledbyId = id && "label--".concat(id);
-      return jsx("div", _extends({
+      return /*#__PURE__*/React.createElement("div", _extends({
         css: [baseContainerStyles, isDisabled && isDisabledStyles, isFocused && isFocusedStyles, bothProps.appearance === 'subtle' && (isFocused ? subtleFocusedBgStyles : subtleBgStyles), isFocused && isFocusedBorderStyles, bothProps.isInvalid && isInvalidBorderStyles, notFocusedOrIsDisabled && (bothProps.isInvalid ? isInvalidHoverStyles : hoverStyles), bothProps.appearance === 'none' && noBgStyles]
       }, innerProps, {
         "aria-labelledby": innerProps['aria-labelledby'] || ariaLabelledbyId,
         "data-testid": testId
-      }), jsx("input", {
+      }), /*#__PURE__*/React.createElement("input", {
         name: name,
         type: "hidden",
         value: value,
         "data-testid": testId && "".concat(testId, "--input")
-      }), jsx("div", {
+      }), /*#__PURE__*/React.createElement("div", {
         css: datePickerContainerStyles
-      }, jsx(DatePicker, _extends({}, bothProps, {
+      }, /*#__PURE__*/React.createElement(DatePicker, _extends({}, bothProps, {
         autoFocus: autoFocus,
         dateFormat: dateFormat,
         hideIcon: true,
@@ -322,9 +321,9 @@ var DateTimePicker = /*#__PURE__*/function (_React$Component) {
         value: dateValue,
         locale: locale,
         testId: testId && "".concat(testId, "--datepicker")
-      }, datePickerProps))), jsx("div", {
+      }, datePickerProps))), /*#__PURE__*/React.createElement("div", {
         css: timePickerContainerStyles
-      }, jsx(TimePicker, _extends({}, bothProps, {
+      }, /*#__PURE__*/React.createElement(TimePicker, _extends({}, bothProps, {
         hideIcon: true,
         onChange: this.onTimeChange,
         selectProps: mergedTimePickerSelectProps,
@@ -334,7 +333,7 @@ var DateTimePicker = /*#__PURE__*/function (_React$Component) {
         timeFormat: timeFormat,
         locale: locale,
         testId: testId && "".concat(testId, "--timepicker")
-      }, timePickerProps))), isClearable && !isDisabled ? jsx(ClearButton, {
+      }, timePickerProps))), isClearable && !isDisabled ? /*#__PURE__*/React.createElement(ClearButton, {
         inputId: id,
         buttonStyles: iconContainerStyles,
         onClick: this.onClear,

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

@@ -30,7 +30,7 @@ import parseTime from '../internal/parse-time';
 import { makeSingleValue } from '../internal/single-value';
 import { convertTokens } from './utils';
 var packageName = "@atlaskit/datetime-picker";
-var packageVersion = "13.0.1";
+var packageVersion = "13.0.2";
 var menuStyles = {
   /* Need to remove default absolute positioning as that causes issues with position fixed */
   position: 'static',

package/dist/esm/internal/clear-button.js

@@ -1,5 +1,3 @@
-/** @jsx jsx */
-import { jsx } from '@emotion/react';
 import SelectClearIcon from '@atlaskit/icon/glyph/select-clear';
 /**
  * __Clear button__
@@ -16,21 +14,21 @@ var ClearButton = function ClearButton(_ref) {
     onClick = _ref.onClick;
   var labelId = inputId && "label--".concat(inputId);
   var clearButtonId = inputId && "clear-btn--".concat(inputId);
-  return jsx("button", {
+  return /*#__PURE__*/React.createElement("button", {
+    "aria-labelledby": inputId ? "".concat(clearButtonId, " ").concat(labelId) : "".concat(clearButtonId),
     css: buttonStyles,
     type: "button",
     tabIndex: -1,
     "data-testid": "".concat(dataTestId, "--clear--btn"),
     onClick: onClick
-  }, jsx("span", {
+  }, /*#__PURE__*/React.createElement("span", {
     hidden: true,
     id: clearButtonId
-  }, "Clear"), jsx("span", {
+  }, "Clear"), /*#__PURE__*/React.createElement("span", {
     style: {
       display: 'flex'
-    },
-    "aria-labelledby": inputId ? "".concat(clearButtonId, " ").concat(labelId) : "".concat(clearButtonId)
-  }, jsx(SelectClearIcon, {
+    }
+  }, /*#__PURE__*/React.createElement(SelectClearIcon, {
     size: iconSize,
     label: inputId ? '' : label,
     primaryColor: primaryColor

package/dist/esm/internal/clear-indicator.js

@@ -1,9 +1,7 @@
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-/** @jsx jsx */
-
-import { css, jsx } from '@emotion/react';
+import { css } from '@emotion/react';
 import { components } from '@atlaskit/select';
 import ClearButton from './clear-button';
 var buttonStyles = css({
@@ -19,11 +17,11 @@ var buttonStyles = css({
  *
  */
 var ClearIndicator = function ClearIndicator(props) {
-  return jsx(components.ClearIndicator, _objectSpread(_objectSpread({}, props), {}, {
+  return /*#__PURE__*/React.createElement(components.ClearIndicator, _objectSpread(_objectSpread({}, props), {}, {
     innerProps: _objectSpread(_objectSpread({}, props.innerProps), {}, {
       'aria-hidden': 'false'
     })
-  }), jsx(ClearButton, {
+  }), /*#__PURE__*/React.createElement(ClearButton, {
     buttonStyles: buttonStyles,
     inputId: props.selectProps.inputId,
     dataTestId: props.selectProps.testId

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/datetime-picker",
-  "version": "13.0.1",
+  "version": "13.0.2",
   "description": "A date time picker allows the user to select an associated date and time.",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"
@@ -42,7 +42,7 @@
     "@atlaskit/popper": "^5.5.0",
     "@atlaskit/select": "^17.0.0",
     "@atlaskit/theme": "^12.6.0",
-    "@atlaskit/tokens": "^1.28.0",
+    "@atlaskit/tokens": "^1.29.0",
     "@babel/runtime": "^7.0.0",
     "@emotion/react": "^11.7.1",
     "date-fns": "^2.17.0",
@@ -54,10 +54,11 @@
   },
   "devDependencies": {
     "@af/accessibility-testing": "*",
+    "@af/integration-testing": "*",
     "@atlaskit/button": "^16.17.0",
     "@atlaskit/docs": "*",
     "@atlaskit/form": "^9.0.0",
-    "@atlaskit/modal-dialog": "^12.8.0",
+    "@atlaskit/modal-dialog": "^12.10.0",
     "@atlaskit/popup": "^1.11.0",
     "@atlaskit/range": "^7.1.0",
     "@atlaskit/section-message": "^6.4.0",

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

@@ -1,270 +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 } 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<any>;
-    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<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<any>;
-    times?: Array<string>;
-    value?: string;
-}
-
-// @public (undocumented)
-type DateTimePickerProps_2 = typeof dateTimePickerDefaultProps & DateTimePickerProps;
-
-// @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>;
-    parseInputValue?: (time: string, timeFormat: string) => Date | string;
-    placeholder?: string;
-    selectProps?: SelectProps<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)
-
-```