@atlaskit/datetime-picker 12.7.12 → 12.8.1

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # @atlaskit/datetime-picker
 
+## 12.8.1
+
+### Patch Changes
+
+- [`ae2b28c599a`](https://bitbucket.org/atlassian/atlassian-frontend/commits/ae2b28c599a) - Remove unused state value.
+
+## 12.8.0
+
+### Minor Changes
+
+- [`0ab32310305`](https://bitbucket.org/atlassian/atlassian-frontend/commits/0ab32310305) - [ux] We are testing adding keyboard accessibility to the datepicker change behind a feature flag. If this fix is successful it will be available in a later release.
+
 ## 12.7.12
 
 ### Patch Changes

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

@@ -33,15 +33,12 @@ var _singleValue = require("../internal/single-value");
 var _utils = require("./utils");
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-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; }
+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; } } /* eslint-disable @repo/internal/react/use-noop */ /** @jsx jsx */ // eslint-disable-next-line no-restricted-imports
+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 */
 var packageName = "@atlaskit/datetime-picker";
-var packageVersion = "12.7.12";
-
-/* eslint-disable react/no-unused-prop-types */
-
+var packageVersion = "12.8.1";
 function getValidDate(iso) {
   var date = (0, _dateFns.parseISO)(iso);
   return (0, _dateFns.isValid)(date) ? {
@@ -82,7 +79,7 @@ var Menu = function Menu(_ref) {
       locale: selectProps.calendarLocale,
       testId: selectProps.testId && "".concat(selectProps.testId, "--calendar"),
       weekStartDay: selectProps.calendarWeekStartDay,
-      tabIndex: -1
+      tabIndex: (0, _platformFeatureFlags.getBooleanFF)('platform.design-system-team.accessible-datetime-picker_691ec') ? undefined : -1
     }))),
     testId: selectProps.testId
   });
@@ -103,9 +100,13 @@ var datePickerDefaultProps = {
   isDisabled: false,
   isInvalid: false,
   name: '',
+  // These disables are here for proper typing when used as defaults. They
+  // should *not* use the `noop` function.
+  /* eslint-disable @repo/internal/react/use-noop */
   onBlur: function onBlur(event) {},
   onChange: function onChange(value) {},
   onFocus: function onFocus(event) {},
+  /* eslint-enable @repo/internal/react/use-noop */
   selectProps: {},
   spacing: 'default',
   locale: 'en-US'
@@ -168,15 +169,24 @@ var DatePicker = /*#__PURE__*/function (_Component) {
         });
       }
     });
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "onSelectBlur", function (event) {
+    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "onContainerBlur", function (event) {
       var _this$containerRef;
       var newlyFocusedElement = event.relatedTarget;
+      if (!((_this$containerRef = _this.containerRef) !== null && _this$containerRef !== void 0 && _this$containerRef.contains(newlyFocusedElement))) {
+        _this.setState({
+          isOpen: false
+        });
+      }
+    });
+    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "onSelectBlur", function (event) {
+      var _this$containerRef2;
+      var newlyFocusedElement = event.relatedTarget;
       if (_this.getSafeState().clearingFromIcon) {
         // Don't close menu if blurring after the user has clicked clear
         _this.setState({
           clearingFromIcon: false
         });
-      } else if (!((_this$containerRef = _this.containerRef) !== null && _this$containerRef !== void 0 && _this$containerRef.contains(newlyFocusedElement))) {
+      } else if (!((_this$containerRef2 = _this.containerRef) !== null && _this$containerRef2 !== void 0 && _this$containerRef2.contains(newlyFocusedElement))) {
         // Don't close menu if focus is staying within the date picker's
         // container. Makes keyboard accessibility of calendar possible
         _this.setState({
@@ -238,29 +248,37 @@ var DatePicker = /*#__PURE__*/function (_Component) {
       switch (keyPressed) {
         case 'arrowup':
         case 'arrowdown':
-          if (_this.calendarRef) {
-            event.preventDefault();
-            var key = keyPressed === 'arrowup' ? 'up' : 'down';
-            _this.calendarRef.navigate(key);
+          if (!(0, _platformFeatureFlags.getBooleanFF)('platform.design-system-team.accessible-datetime-picker_691ec')) {
+            if (_this.calendarRef) {
+              event.preventDefault();
+              var key = keyPressed === 'arrowup' ? 'up' : 'down';
+              _this.calendarRef.navigate(key);
+            }
+            _this.setState({
+              isOpen: true
+            });
           }
-          _this.setState({
-            isOpen: true
-          });
           break;
         case 'arrowleft':
         case 'arrowright':
-          if (_this.calendarRef) {
+          if (!(0, _platformFeatureFlags.getBooleanFF)('platform.design-system-team.accessible-datetime-picker_691ec') && _this.calendarRef) {
             event.preventDefault();
             var _key = keyPressed === 'arrowleft' ? 'left' : 'right';
             _this.calendarRef.navigate(_key);
           }
           break;
         case 'escape':
-        case 'tab':
           _this.setState({
             isOpen: false
           });
           break;
+        case 'tab':
+          if (!(0, _platformFeatureFlags.getBooleanFF)('platform.design-system-team.accessible-datetime-picker_691ec')) {
+            _this.setState({
+              isOpen: false
+            });
+          }
+          break;
         case 'backspace':
         case 'delete':
           {
@@ -485,6 +503,7 @@ var DatePicker = /*#__PURE__*/function (_Component) {
         // (DSP-11587)
         (0, _react2.jsx)("div", (0, _extends2.default)({}, innerProps, {
           role: "presentation",
+          onBlur: (0, _platformFeatureFlags.getBooleanFF)('platform.design-system-team.accessible-datetime-picker_691ec') ? this.onContainerBlur : undefined,
           onClick: this.onInputClick,
           onInput: this.onTextInput,
           onKeyDown: this.onInputKeyDown,

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

@@ -28,13 +28,10 @@ var _timePicker = _interopRequireDefault(require("./time-picker"));
 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(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
+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 */
 var packageName = "@atlaskit/datetime-picker";
-var packageVersion = "12.7.12";
-
-/* eslint-disable react/no-unused-prop-types */
-
+var packageVersion = "12.8.1";
 var isInvalidBorderStyles = (0, _react2.css)({
   borderColor: "var(--ds-border-danger, ".concat(_colors.R400, ")")
 });
@@ -137,9 +134,13 @@ var dateTimePickerDefaultProps = {
   autoFocus: false,
   isDisabled: false,
   name: '',
+  // These disables are here for proper typing when used as defaults. They
+  // should *not* use the `noop` function.
+  /* eslint-disable @repo/internal/react/use-noop */
   onBlur: function onBlur(event) {},
   onChange: function onChange(value) {},
   onFocus: function onFocus(event) {},
+  /* eslint-enable @repo/internal/react/use-noop */
   innerProps: {},
   id: '',
   defaultValue: '',
@@ -171,7 +172,6 @@ var DateTimePicker = /*#__PURE__*/function (_React$Component) {
     }
     _this = _super.call.apply(_super, [this].concat(args));
     (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "state", {
-      active: 0,
       dateValue: '',
       isFocused: false,
       timeValue: '',

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

@@ -28,21 +28,16 @@ var _parseTime = _interopRequireDefault(require("../internal/parse-time"));
 var _singleValue = require("../internal/single-value");
 var _utils = require("./utils");
 var _excluded = ["selectProps"],
-  _excluded2 = ["styles"];
-/* eslint-disable @repo/internal/react/use-noop */
-// eslint-disable-next-line no-restricted-imports
+  _excluded2 = ["styles"]; // eslint-disable-next-line no-restricted-imports
 // eslint-disable-next-line @atlaskit/design-system/no-deprecated-imports
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-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; }
+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; } }
 var packageName = "@atlaskit/datetime-picker";
-var packageVersion = "12.7.12";
-
-/* eslint-disable react/no-unused-prop-types */
-
+var packageVersion = "12.8.1";
 var menuStyles = {
   /* Need to remove default absolute positioning as that causes issues with position fixed */
   position: 'static',
@@ -74,9 +69,13 @@ var timePickerDefaultProps = {
   isDisabled: false,
   isInvalid: false,
   name: '',
+  // These disables are here for proper typing when used as defaults. They
+  // should *not* use the `noop` function.
+  /* eslint-disable @repo/internal/react/use-noop */
   onBlur: function onBlur(event) {},
   onChange: function onChange(value) {},
   onFocus: function onFocus(event) {},
+  /* eslint-enable @repo/internal/react/use-noop */
   parseInputValue: function parseInputValue(time, timeFormat) {
     return (0, _parseTime.default)(time);
   },

package/dist/cjs/internal/fixed-layer.js

@@ -19,8 +19,8 @@ var _icon = require("@atlaskit/icon");
 var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _popper = require("@atlaskit/popper");
 var _constants = require("@atlaskit/theme/constants");
-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; }
+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; } } // eslint-disable-next-line @atlaskit/design-system/no-deprecated-imports
 /**

package/dist/cjs/internal/index.js

@@ -7,8 +7,9 @@ exports.defaultTimes = exports.defaultTimeFormat = exports.defaultDateFormat = e
 exports.formatDateTimeZoneIntoIso = formatDateTimeZoneIntoIso;
 exports.padToTwo = padToTwo;
 exports.placeholderDatetime = void 0;
-/* eslint-disable @repo/internal/react/require-jsdoc */
-
+/**
+ * This component is used to hide portions of Select component.
+ */
 var EmptyComponent = function EmptyComponent() {
   return null;
 };

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

@@ -1,10 +1,8 @@
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import _extends from "@babel/runtime/helpers/extends";
-/* eslint-disable @repo/internal/react/use-noop */
 /** @jsx jsx */
 import { Component } from 'react';
 import { css, jsx } from '@emotion/react';
-// eslint-disable-next-line no-restricted-imports
 import { format, isValid, lastDayOfMonth, parseISO } from 'date-fns';
 import pick from 'lodash/pick';
 import { createAndFireEvent, withAnalyticsContext, withAnalyticsEvents } from '@atlaskit/analytics-next';
@@ -20,10 +18,7 @@ import FixedLayer from '../internal/fixed-layer';
 import { makeSingleValue } from '../internal/single-value';
 import { convertTokens } from './utils';
 const packageName = "@atlaskit/datetime-picker";
-const packageVersion = "12.7.12";
-
-/* eslint-disable react/no-unused-prop-types */
-
+const packageVersion = "12.8.1";
 function getValidDate(iso) {
   const date = parseISO(iso);
   return isValid(date) ? {
@@ -64,7 +59,7 @@ const Menu = ({
     locale: selectProps.calendarLocale,
     testId: selectProps.testId && `${selectProps.testId}--calendar`,
     weekStartDay: selectProps.calendarWeekStartDay,
-    tabIndex: -1
+    tabIndex: getBooleanFF('platform.design-system-team.accessible-datetime-picker_691ec') ? undefined : -1
   }))),
   testId: selectProps.testId
 });
@@ -82,9 +77,13 @@ const datePickerDefaultProps = {
   isDisabled: false,
   isInvalid: false,
   name: '',
+  // These disables are here for proper typing when used as defaults. They
+  // should *not* use the `noop` function.
+  /* eslint-disable @repo/internal/react/use-noop */
   onBlur: event => {},
   onChange: value => {},
   onFocus: event => {},
+  /* eslint-enable @repo/internal/react/use-noop */
   selectProps: {},
   spacing: 'default',
   locale: 'en-US'
@@ -146,15 +145,24 @@ class DatePicker extends Component {
         });
       }
     });
-    _defineProperty(this, "onSelectBlur", event => {
+    _defineProperty(this, "onContainerBlur", event => {
       var _this$containerRef;
       const newlyFocusedElement = event.relatedTarget;
+      if (!((_this$containerRef = this.containerRef) !== null && _this$containerRef !== void 0 && _this$containerRef.contains(newlyFocusedElement))) {
+        this.setState({
+          isOpen: false
+        });
+      }
+    });
+    _defineProperty(this, "onSelectBlur", event => {
+      var _this$containerRef2;
+      const newlyFocusedElement = event.relatedTarget;
       if (this.getSafeState().clearingFromIcon) {
         // Don't close menu if blurring after the user has clicked clear
         this.setState({
           clearingFromIcon: false
         });
-      } else if (!((_this$containerRef = this.containerRef) !== null && _this$containerRef !== void 0 && _this$containerRef.contains(newlyFocusedElement))) {
+      } else if (!((_this$containerRef2 = this.containerRef) !== null && _this$containerRef2 !== void 0 && _this$containerRef2.contains(newlyFocusedElement))) {
         // Don't close menu if focus is staying within the date picker's
         // container. Makes keyboard accessibility of calendar possible
         this.setState({
@@ -218,29 +226,37 @@ class DatePicker extends Component {
       switch (keyPressed) {
         case 'arrowup':
         case 'arrowdown':
-          if (this.calendarRef) {
-            event.preventDefault();
-            const key = keyPressed === 'arrowup' ? 'up' : 'down';
-            this.calendarRef.navigate(key);
+          if (!getBooleanFF('platform.design-system-team.accessible-datetime-picker_691ec')) {
+            if (this.calendarRef) {
+              event.preventDefault();
+              const key = keyPressed === 'arrowup' ? 'up' : 'down';
+              this.calendarRef.navigate(key);
+            }
+            this.setState({
+              isOpen: true
+            });
           }
-          this.setState({
-            isOpen: true
-          });
           break;
         case 'arrowleft':
         case 'arrowright':
-          if (this.calendarRef) {
+          if (!getBooleanFF('platform.design-system-team.accessible-datetime-picker_691ec') && this.calendarRef) {
             event.preventDefault();
             const key = keyPressed === 'arrowleft' ? 'left' : 'right';
             this.calendarRef.navigate(key);
           }
           break;
         case 'escape':
-        case 'tab':
           this.setState({
             isOpen: false
           });
           break;
+        case 'tab':
+          if (!getBooleanFF('platform.design-system-team.accessible-datetime-picker_691ec')) {
+            this.setState({
+              isOpen: false
+            });
+          }
+          break;
         case 'backspace':
         case 'delete':
           {
@@ -475,6 +491,7 @@ class DatePicker extends Component {
       // (DSP-11587)
       jsx("div", _extends({}, innerProps, {
         role: "presentation",
+        onBlur: getBooleanFF('platform.design-system-team.accessible-datetime-picker_691ec') ? this.onContainerBlur : undefined,
         onClick: this.onInputClick,
         onInput: this.onTextInput,
         onKeyDown: this.onInputKeyDown,

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

@@ -1,10 +1,8 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
-/* 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 { format, isValid, parseISO } from 'date-fns';
 import pick from 'lodash/pick';
 import { createAndFireEvent, withAnalyticsContext, withAnalyticsEvents } from '@atlaskit/analytics-next';
@@ -17,10 +15,7 @@ import DatePicker from './date-picker';
 import TimePicker from './time-picker';
 import { convertTokens } from './utils';
 const packageName = "@atlaskit/datetime-picker";
-const packageVersion = "12.7.12";
-
-/* eslint-disable react/no-unused-prop-types */
-
+const packageVersion = "12.8.1";
 const isInvalidBorderStyles = css({
   borderColor: `var(--ds-border-danger, ${R400})`
 });
@@ -122,9 +117,13 @@ const dateTimePickerDefaultProps = {
   autoFocus: false,
   isDisabled: false,
   name: '',
+  // These disables are here for proper typing when used as defaults. They
+  // should *not* use the `noop` function.
+  /* eslint-disable @repo/internal/react/use-noop */
   onBlur: event => {},
   onChange: value => {},
   onFocus: event => {},
+  /* eslint-enable @repo/internal/react/use-noop */
   innerProps: {},
   id: '',
   defaultValue: '',
@@ -147,7 +146,6 @@ class DateTimePicker extends React.Component {
   constructor(...args) {
     super(...args);
     _defineProperty(this, "state", {
-      active: 0,
       dateValue: '',
       isFocused: false,
       timeValue: '',

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

@@ -1,6 +1,5 @@
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import _extends from "@babel/runtime/helpers/extends";
-/* eslint-disable @repo/internal/react/use-noop */
 import React from 'react';
 
 // eslint-disable-next-line no-restricted-imports
@@ -17,10 +16,7 @@ import parseTime from '../internal/parse-time';
 import { makeSingleValue } from '../internal/single-value';
 import { convertTokens } from './utils';
 const packageName = "@atlaskit/datetime-picker";
-const packageVersion = "12.7.12";
-
-/* eslint-disable react/no-unused-prop-types */
-
+const packageVersion = "12.8.1";
 const menuStyles = {
   /* Need to remove default absolute positioning as that causes issues with position fixed */
   position: 'static',
@@ -51,9 +47,13 @@ const timePickerDefaultProps = {
   isDisabled: false,
   isInvalid: false,
   name: '',
+  // These disables are here for proper typing when used as defaults. They
+  // should *not* use the `noop` function.
+  /* eslint-disable @repo/internal/react/use-noop */
   onBlur: event => {},
   onChange: value => {},
   onFocus: event => {},
+  /* eslint-enable @repo/internal/react/use-noop */
   parseInputValue: (time, timeFormat) => parseTime(time),
   selectProps: {},
   spacing: 'default',

package/dist/es2019/internal/index.js

@@ -1,5 +1,6 @@
-/* eslint-disable @repo/internal/react/require-jsdoc */
-
+/**
+ * This component is used to hide portions of Select component.
+ */
 export const EmptyComponent = () => null;
 
 // This date was chosen to clearly show date and time formats (day > 12)

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

@@ -7,15 +7,13 @@ import _possibleConstructorReturn from "@babel/runtime/helpers/possibleConstruct
 import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import _extends from "@babel/runtime/helpers/extends";
-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 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; }
 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 */
 /** @jsx jsx */
 import { Component } from 'react';
 import { css, jsx } from '@emotion/react';
-// eslint-disable-next-line no-restricted-imports
 import { format, isValid, lastDayOfMonth, parseISO } from 'date-fns';
 import pick from 'lodash/pick';
 import { createAndFireEvent, withAnalyticsContext, withAnalyticsEvents } from '@atlaskit/analytics-next';
@@ -31,10 +29,7 @@ import FixedLayer from '../internal/fixed-layer';
 import { makeSingleValue } from '../internal/single-value';
 import { convertTokens } from './utils';
 var packageName = "@atlaskit/datetime-picker";
-var packageVersion = "12.7.12";
-
-/* eslint-disable react/no-unused-prop-types */
-
+var packageVersion = "12.8.1";
 function getValidDate(iso) {
   var date = parseISO(iso);
   return isValid(date) ? {
@@ -75,7 +70,7 @@ var Menu = function Menu(_ref) {
       locale: selectProps.calendarLocale,
       testId: selectProps.testId && "".concat(selectProps.testId, "--calendar"),
       weekStartDay: selectProps.calendarWeekStartDay,
-      tabIndex: -1
+      tabIndex: getBooleanFF('platform.design-system-team.accessible-datetime-picker_691ec') ? undefined : -1
     }))),
     testId: selectProps.testId
   });
@@ -96,9 +91,13 @@ var datePickerDefaultProps = {
   isDisabled: false,
   isInvalid: false,
   name: '',
+  // These disables are here for proper typing when used as defaults. They
+  // should *not* use the `noop` function.
+  /* eslint-disable @repo/internal/react/use-noop */
   onBlur: function onBlur(event) {},
   onChange: function onChange(value) {},
   onFocus: function onFocus(event) {},
+  /* eslint-enable @repo/internal/react/use-noop */
   selectProps: {},
   spacing: 'default',
   locale: 'en-US'
@@ -161,15 +160,24 @@ var DatePicker = /*#__PURE__*/function (_Component) {
         });
       }
     });
-    _defineProperty(_assertThisInitialized(_this), "onSelectBlur", function (event) {
+    _defineProperty(_assertThisInitialized(_this), "onContainerBlur", function (event) {
       var _this$containerRef;
       var newlyFocusedElement = event.relatedTarget;
+      if (!((_this$containerRef = _this.containerRef) !== null && _this$containerRef !== void 0 && _this$containerRef.contains(newlyFocusedElement))) {
+        _this.setState({
+          isOpen: false
+        });
+      }
+    });
+    _defineProperty(_assertThisInitialized(_this), "onSelectBlur", function (event) {
+      var _this$containerRef2;
+      var newlyFocusedElement = event.relatedTarget;
       if (_this.getSafeState().clearingFromIcon) {
         // Don't close menu if blurring after the user has clicked clear
         _this.setState({
           clearingFromIcon: false
         });
-      } else if (!((_this$containerRef = _this.containerRef) !== null && _this$containerRef !== void 0 && _this$containerRef.contains(newlyFocusedElement))) {
+      } else if (!((_this$containerRef2 = _this.containerRef) !== null && _this$containerRef2 !== void 0 && _this$containerRef2.contains(newlyFocusedElement))) {
         // Don't close menu if focus is staying within the date picker's
         // container. Makes keyboard accessibility of calendar possible
         _this.setState({
@@ -231,29 +239,37 @@ var DatePicker = /*#__PURE__*/function (_Component) {
       switch (keyPressed) {
         case 'arrowup':
         case 'arrowdown':
-          if (_this.calendarRef) {
-            event.preventDefault();
-            var key = keyPressed === 'arrowup' ? 'up' : 'down';
-            _this.calendarRef.navigate(key);
+          if (!getBooleanFF('platform.design-system-team.accessible-datetime-picker_691ec')) {
+            if (_this.calendarRef) {
+              event.preventDefault();
+              var key = keyPressed === 'arrowup' ? 'up' : 'down';
+              _this.calendarRef.navigate(key);
+            }
+            _this.setState({
+              isOpen: true
+            });
           }
-          _this.setState({
-            isOpen: true
-          });
           break;
         case 'arrowleft':
         case 'arrowright':
-          if (_this.calendarRef) {
+          if (!getBooleanFF('platform.design-system-team.accessible-datetime-picker_691ec') && _this.calendarRef) {
             event.preventDefault();
             var _key = keyPressed === 'arrowleft' ? 'left' : 'right';
             _this.calendarRef.navigate(_key);
           }
           break;
         case 'escape':
-        case 'tab':
           _this.setState({
             isOpen: false
           });
           break;
+        case 'tab':
+          if (!getBooleanFF('platform.design-system-team.accessible-datetime-picker_691ec')) {
+            _this.setState({
+              isOpen: false
+            });
+          }
+          break;
         case 'backspace':
         case 'delete':
           {
@@ -478,6 +494,7 @@ var DatePicker = /*#__PURE__*/function (_Component) {
         // (DSP-11587)
         jsx("div", _extends({}, innerProps, {
           role: "presentation",
+          onBlur: getBooleanFF('platform.design-system-team.accessible-datetime-picker_691ec') ? this.onContainerBlur : undefined,
           onClick: this.onInputClick,
           onInput: this.onTextInput,
           onKeyDown: this.onInputKeyDown,

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

@@ -8,13 +8,11 @@ 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 */
+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';
-// 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';
@@ -27,10 +25,7 @@ import DatePicker from './date-picker';
 import TimePicker from './time-picker';
 import { convertTokens } from './utils';
 var packageName = "@atlaskit/datetime-picker";
-var packageVersion = "12.7.12";
-
-/* eslint-disable react/no-unused-prop-types */
-
+var packageVersion = "12.8.1";
 var isInvalidBorderStyles = css({
   borderColor: "var(--ds-border-danger, ".concat(R400, ")")
 });
@@ -133,9 +128,13 @@ var dateTimePickerDefaultProps = {
   autoFocus: false,
   isDisabled: false,
   name: '',
+  // These disables are here for proper typing when used as defaults. They
+  // should *not* use the `noop` function.
+  /* eslint-disable @repo/internal/react/use-noop */
   onBlur: function onBlur(event) {},
   onChange: function onChange(value) {},
   onFocus: function onFocus(event) {},
+  /* eslint-enable @repo/internal/react/use-noop */
   innerProps: {},
   id: '',
   defaultValue: '',
@@ -165,7 +164,6 @@ var DateTimePicker = /*#__PURE__*/function (_React$Component) {
     }
     _this = _super.call.apply(_super, [this].concat(args));
     _defineProperty(_assertThisInitialized(_this), "state", {
-      active: 0,
       dateValue: '',
       isFocused: false,
       timeValue: '',

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

@@ -9,11 +9,10 @@ import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 var _excluded = ["selectProps"],
   _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 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; }
 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
@@ -30,10 +29,7 @@ import parseTime from '../internal/parse-time';
 import { makeSingleValue } from '../internal/single-value';
 import { convertTokens } from './utils';
 var packageName = "@atlaskit/datetime-picker";
-var packageVersion = "12.7.12";
-
-/* eslint-disable react/no-unused-prop-types */
-
+var packageVersion = "12.8.1";
 var menuStyles = {
   /* Need to remove default absolute positioning as that causes issues with position fixed */
   position: 'static',
@@ -65,9 +61,13 @@ var timePickerDefaultProps = {
   isDisabled: false,
   isInvalid: false,
   name: '',
+  // These disables are here for proper typing when used as defaults. They
+  // should *not* use the `noop` function.
+  /* eslint-disable @repo/internal/react/use-noop */
   onBlur: function onBlur(event) {},
   onChange: function onChange(value) {},
   onFocus: function onFocus(event) {},
+  /* eslint-enable @repo/internal/react/use-noop */
   parseInputValue: function parseInputValue(time, timeFormat) {
     return parseTime(time);
   },

package/dist/esm/internal/fixed-layer.js

@@ -5,8 +5,8 @@ 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 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 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; }
 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; } }
 import React from 'react';

package/dist/esm/internal/index.js

@@ -1,5 +1,6 @@
-/* eslint-disable @repo/internal/react/require-jsdoc */
-
+/**
+ * This component is used to hide portions of Select component.
+ */
 export var EmptyComponent = function EmptyComponent() {
   return null;
 };

package/dist/types/components/date-picker.d.ts

@@ -232,6 +232,7 @@ declare class DatePicker extends Component<DatePickerProps, State> {
         iso: string;
     }) => void;
     onInputClick: () => void;
+    onContainerBlur: (event: React.FocusEvent<HTMLElement>) => void;
     onSelectBlur: (event: React.FocusEvent<HTMLInputElement>) => void;
     onSelectFocus: (event: React.FocusEvent<HTMLInputElement>) => void;
     onTextInput: (event: React.ChangeEvent<HTMLInputElement>) => void;

package/dist/types/components/date-time-picker.d.ts

@@ -117,7 +117,6 @@ export interface DateTimePickerBaseProps extends WithAnalyticsEventsProps {
 }
 type DateTimePickerProps = typeof dateTimePickerDefaultProps & DateTimePickerBaseProps;
 interface State {
-    active: 0 | 1 | 2;
     dateValue: string;
     isFocused: boolean;
     timeValue: string;
@@ -175,7 +174,6 @@ declare class DateTimePicker extends React.Component<DateTimePickerProps, State>
         timeValue: string;
         zoneValue: string;
         value: string;
-        active: 0 | 1 | 2;
         isFocused: boolean;
     };
     parseValue(value: string, dateValue: string, timeValue: string, zoneValue: string): {

package/dist/types/internal/index.d.ts

@@ -1,3 +1,6 @@
+/**
+ * This component is used to hide portions of Select component.
+ */
 export declare const EmptyComponent: () => null;
 export declare const placeholderDatetime: Date;
 export declare const defaultTimes: string[];

package/dist/types-ts4.5/components/date-picker.d.ts

@@ -232,6 +232,7 @@ declare class DatePicker extends Component<DatePickerProps, State> {
         iso: string;
     }) => void;
     onInputClick: () => void;
+    onContainerBlur: (event: React.FocusEvent<HTMLElement>) => void;
     onSelectBlur: (event: React.FocusEvent<HTMLInputElement>) => void;
     onSelectFocus: (event: React.FocusEvent<HTMLInputElement>) => void;
     onTextInput: (event: React.ChangeEvent<HTMLInputElement>) => void;

package/dist/types-ts4.5/components/date-time-picker.d.ts

@@ -117,7 +117,6 @@ export interface DateTimePickerBaseProps extends WithAnalyticsEventsProps {
 }
 type DateTimePickerProps = typeof dateTimePickerDefaultProps & DateTimePickerBaseProps;
 interface State {
-    active: 0 | 1 | 2;
     dateValue: string;
     isFocused: boolean;
     timeValue: string;
@@ -175,7 +174,6 @@ declare class DateTimePicker extends React.Component<DateTimePickerProps, State>
         timeValue: string;
         zoneValue: string;
         value: string;
-        active: 0 | 1 | 2;
         isFocused: boolean;
     };
     parseValue(value: string, dateValue: string, timeValue: string, zoneValue: string): {

package/dist/types-ts4.5/internal/index.d.ts

@@ -1,3 +1,6 @@
+/**
+ * This component is used to hide portions of Select component.
+ */
 export declare const EmptyComponent: () => null;
 export declare const placeholderDatetime: Date;
 export declare const defaultTimes: string[];

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/datetime-picker",
-  "version": "12.7.12",
+  "version": "12.8.1",
   "description": "A date time picker allows the user to select an associated date and time.",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"
@@ -33,15 +33,15 @@
   },
   "dependencies": {
     "@atlaskit/analytics-next": "^9.1.0",
-    "@atlaskit/calendar": "^13.2.0",
+    "@atlaskit/calendar": "^13.3.0",
     "@atlaskit/ds-lib": "^2.2.0",
     "@atlaskit/icon": "^21.12.0",
     "@atlaskit/locale": "^2.5.0",
     "@atlaskit/platform-feature-flags": "^0.2.0",
     "@atlaskit/popper": "^5.5.0",
     "@atlaskit/select": "^16.5.0",
-    "@atlaskit/theme": "^12.5.0",
-    "@atlaskit/tokens": "^1.15.0",
+    "@atlaskit/theme": "^12.6.0",
+    "@atlaskit/tokens": "^1.18.0",
     "@babel/runtime": "^7.0.0",
     "@emotion/react": "^11.7.1",
     "date-fns": "^2.17.0",
@@ -101,6 +101,9 @@
     },
     "platform.design-system-team.date-picker-input-a11y-fix_cbbxs": {
       "type": "boolean"
+    },
+    "platform.design-system-team.accessible-datetime-picker_691ec": {
+      "type": "boolean"
     }
   },
   "prettier": "@atlassian/atlassian-frontend-prettier-config-1.0.1",