@atlaskit/datetime-picker 13.7.3 → 13.7.4

package/CHANGELOG.md

@@ -1,5 +1,14 @@
 # @atlaskit/datetime-picker
 
+## 13.7.4
+
+### Patch Changes
+
+- [`974d1508085ce`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/974d1508085ce) -
+  Accessibility changes. Add ability to change focus to the current date using ArrowUp and ArrowDown
+  keys while the focus is on the `input`.
+- Updated dependencies
+
 ## 13.7.3
 
 ### Patch Changes

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

@@ -36,9 +36,10 @@ 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() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); } /**
  * @jsxRuntime classic
- */ /** @jsx jsx */ // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
+ * @jsx jsx
+ */ // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 var packageName = "@atlaskit/datetime-picker";
-var packageVersion = "13.7.3";
+var packageVersion = "13.7.4";
 var datePickerDefaultProps = {
   appearance: 'default',
   autoFocus: false,
@@ -142,11 +143,17 @@ var DatePickerComponent = exports.DatePickerWithoutAnalytics = /*#__PURE__*/func
       var newlyFocusedElement = event.relatedTarget;
       if (!((_this$containerRef2 = _this.containerRef) !== null && _this$containerRef2 !== void 0 && _this$containerRef2.contains(newlyFocusedElement))) {
         _this.setState({
-          isOpen: false
+          isOpen: false,
+          shouldSetFocusOnCurrentDay: false
         });
         _this.props.onBlur(event);
       }
     });
+    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "onContainerFocus", function () {
+      _this.setState({
+        shouldSetFocusOnCurrentDay: false
+      });
+    });
     (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "onSelectBlur", function (event) {
       var _this$containerRef3;
       var newlyFocusedElement = event.relatedTarget;
@@ -223,7 +230,8 @@ var DatePickerComponent = exports.DatePickerWithoutAnalytics = /*#__PURE__*/func
           var innerCombobox = (_this$containerRef4 = _this.containerRef) === null || _this$containerRef4 === void 0 ? void 0 : _this$containerRef4.querySelector('[role="combobox"]');
           innerCombobox === null || innerCombobox === void 0 || innerCombobox.focus();
           _this.setState({
-            isOpen: false
+            isOpen: false,
+            shouldSetFocusOnCurrentDay: false
           });
           break;
         case 'backspace':
@@ -263,6 +271,14 @@ var DatePickerComponent = exports.DatePickerWithoutAnalytics = /*#__PURE__*/func
             }
           }
           break;
+        case 'arrowdown':
+        case 'arrowup':
+          if (_this.state.isOpen && !_this.state.shouldSetFocusOnCurrentDay) {
+            _this.setState({
+              shouldSetFocusOnCurrentDay: true
+            });
+          }
+          break;
         default:
           break;
       }
@@ -361,7 +377,8 @@ var DatePickerComponent = exports.DatePickerWithoutAnalytics = /*#__PURE__*/func
       value: _this.props.value || _this.props.defaultValue,
       calendarValue: _this.props.value || _this.props.defaultValue || (0, _parseDate.getShortISOString)(new Date()),
       l10n: (0, _locale.createLocalizationProvider)(_this.props.locale),
-      locale: _this.props.locale
+      locale: _this.props.locale,
+      shouldSetFocusOnCurrentDay: false
     };
     return _this;
   }
@@ -435,7 +452,8 @@ var DatePickerComponent = exports.DatePickerWithoutAnalytics = /*#__PURE__*/func
         calendarLocale: locale,
         calendarWeekStartDay: weekStartDay,
         nextMonthLabel: nextMonthLabel,
-        previousMonthLabel: previousMonthLabel
+        previousMonthLabel: previousMonthLabel,
+        shouldSetFocusOnCurrentDay: this.state.shouldSetFocusOnCurrentDay
       };
       return (
         // These event handlers must be on this element because the events come
@@ -443,6 +461,7 @@ var DatePickerComponent = exports.DatePickerWithoutAnalytics = /*#__PURE__*/func
         (0, _react2.jsx)("div", (0, _extends2.default)({}, innerProps, {
           role: "presentation",
           onBlur: this.onContainerBlur,
+          onFocus: this.onContainerFocus,
           onClick: this.onInputClick,
           onInput: this.onTextInput,
           onKeyDown: this.onInputKeyDown,

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

@@ -31,9 +31,10 @@ function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.
 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; } /**
  * @jsxRuntime classic
- */ /** @jsx jsx */ // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
+ * @jsx jsx
+ */ // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 var packageName = "@atlaskit/datetime-picker";
-var packageVersion = "13.7.3";
+var packageVersion = "13.7.4";
 // Make DatePicker 50% the width of DateTimePicker
 // If rendering an icon container, shrink the TimePicker
 var datePickerContainerStyles = (0, _react2.css)({

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

@@ -36,7 +36,7 @@ function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflec
 function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); } // eslint-disable-next-line no-restricted-imports
 // eslint-disable-next-line @atlaskit/design-system/no-deprecated-imports
 var packageName = "@atlaskit/datetime-picker";
-var packageVersion = "13.7.3";
+var packageVersion = "13.7.4";
 var menuStyles = {
   /* Need to remove default absolute positioning as that causes issues with position fixed */
   position: 'static',

package/dist/cjs/internal/date-time-picker-container.js

@@ -10,8 +10,8 @@ var _react = require("@emotion/react");
 var _colors = require("@atlaskit/theme/colors");
 /**
  * @jsxRuntime classic
+ * @jsx jsx
  */
-/** @jsx jsx */
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 
 var isInvalidBorderStyles = (0, _react.css)({

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

@@ -13,8 +13,8 @@ var _fixedLayer = _interopRequireDefault(require("../internal/fixed-layer"));
 var _excluded = ["selectProps"];
 /**
  * @jsxRuntime classic
+ * @jsx jsx
  */
-/** @jsx jsx */
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 /**
  * This is the fixed layer menu used in the time picker.

package/dist/cjs/internal/menu.js

@@ -16,8 +16,8 @@ var _constants = require("@atlaskit/theme/constants");
 var _fixedLayer = _interopRequireDefault(require("../internal/fixed-layer"));
 /**
  * @jsxRuntime classic
+ * @jsx jsx
  */
-/** @jsx jsx */
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 
 function getValidDate(iso) {
@@ -43,7 +43,7 @@ var Menu = exports.Menu = function Menu(_ref) {
   var selectProps = _ref.selectProps,
     innerProps = _ref.innerProps;
   return (0, _react.jsx)(_layering.UNSAFE_LAYERING, {
-    isDisabled: (0, _platformFeatureFlags.getBooleanFF)('platform.design-system-team.layering_qmiw3') ? false : true
+    isDisabled: (0, _platformFeatureFlags.fg)('platform.design-system-team.layering_qmiw3') ? false : true
   }, (0, _react.jsx)(_fixedLayer.default, {
     inputValue: selectProps.inputValue,
     containerRef: selectProps.calendarContainerRef,
@@ -60,6 +60,7 @@ var Menu = exports.Menu = function Menu(_ref) {
       previousMonthLabel: selectProps.previousMonthLabel,
       calendarRef: selectProps.calendarRef,
       selected: [selectProps.calendarValue],
+      shouldSetFocusOnCurrentDay: selectProps.shouldSetFocusOnCurrentDay,
       locale: selectProps.calendarLocale,
       testId: selectProps.testId && "".concat(selectProps.testId, "--calendar"),
       weekStartDay: selectProps.calendarWeekStartDay

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

@@ -2,8 +2,8 @@ import _extends from "@babel/runtime/helpers/extends";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 /**
  * @jsxRuntime classic
+ * @jsx jsx
  */
-/** @jsx jsx */
 import { Component } from 'react';
 
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
@@ -21,7 +21,7 @@ import { getSafeCalendarValue, getShortISOString } from '../internal/parse-date'
 import { convertTokens } from '../internal/parse-tokens';
 import { makeSingleValue } from '../internal/single-value';
 const packageName = "@atlaskit/datetime-picker";
-const packageVersion = "13.7.3";
+const packageVersion = "13.7.4";
 const datePickerDefaultProps = {
   appearance: 'default',
   autoFocus: false,
@@ -121,11 +121,17 @@ class DatePickerComponent extends Component {
       const newlyFocusedElement = event.relatedTarget;
       if (!((_this$containerRef2 = this.containerRef) !== null && _this$containerRef2 !== void 0 && _this$containerRef2.contains(newlyFocusedElement))) {
         this.setState({
-          isOpen: false
+          isOpen: false,
+          shouldSetFocusOnCurrentDay: false
         });
         this.props.onBlur(event);
       }
     });
+    _defineProperty(this, "onContainerFocus", () => {
+      this.setState({
+        shouldSetFocusOnCurrentDay: false
+      });
+    });
     _defineProperty(this, "onSelectBlur", event => {
       var _this$containerRef3;
       const newlyFocusedElement = event.relatedTarget;
@@ -204,7 +210,8 @@ class DatePickerComponent extends Component {
           const innerCombobox = (_this$containerRef4 = this.containerRef) === null || _this$containerRef4 === void 0 ? void 0 : _this$containerRef4.querySelector('[role="combobox"]');
           innerCombobox === null || innerCombobox === void 0 ? void 0 : innerCombobox.focus();
           this.setState({
-            isOpen: false
+            isOpen: false,
+            shouldSetFocusOnCurrentDay: false
           });
           break;
         case 'backspace':
@@ -244,6 +251,14 @@ class DatePickerComponent extends Component {
             }
           }
           break;
+        case 'arrowdown':
+        case 'arrowup':
+          if (this.state.isOpen && !this.state.shouldSetFocusOnCurrentDay) {
+            this.setState({
+              shouldSetFocusOnCurrentDay: true
+            });
+          }
+          break;
         default:
           break;
       }
@@ -352,7 +367,8 @@ class DatePickerComponent extends Component {
       value: this.props.value || this.props.defaultValue,
       calendarValue: this.props.value || this.props.defaultValue || getShortISOString(new Date()),
       l10n: createLocalizationProvider(this.props.locale),
-      locale: this.props.locale
+      locale: this.props.locale,
+      shouldSetFocusOnCurrentDay: false
     };
   }
   static getDerivedStateFromProps(nextProps, prevState) {
@@ -437,7 +453,8 @@ class DatePickerComponent extends Component {
       calendarLocale: locale,
       calendarWeekStartDay: weekStartDay,
       nextMonthLabel,
-      previousMonthLabel
+      previousMonthLabel,
+      shouldSetFocusOnCurrentDay: this.state.shouldSetFocusOnCurrentDay
     };
     return (
       // These event handlers must be on this element because the events come
@@ -445,6 +462,7 @@ class DatePickerComponent extends Component {
       jsx("div", _extends({}, innerProps, {
         role: "presentation",
         onBlur: this.onContainerBlur,
+        onFocus: this.onContainerFocus,
         onClick: this.onInputClick,
         onInput: this.onTextInput,
         onKeyDown: this.onInputKeyDown,

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

@@ -2,8 +2,8 @@ import _extends from "@babel/runtime/helpers/extends";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 /**
  * @jsxRuntime classic
+ * @jsx jsx
  */
-/** @jsx jsx */
 import React from 'react';
 
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
@@ -20,7 +20,7 @@ import { convertTokens } from '../internal/parse-tokens';
 import DatePicker from './date-picker';
 import TimePicker from './time-picker';
 const packageName = "@atlaskit/datetime-picker";
-const packageVersion = "13.7.3";
+const packageVersion = "13.7.4";
 // Make DatePicker 50% the width of DateTimePicker
 // If rendering an icon container, shrink the TimePicker
 const datePickerContainerStyles = css({

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

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

package/dist/es2019/internal/date-time-picker-container.js

@@ -1,8 +1,8 @@
 import _extends from "@babel/runtime/helpers/extends";
 /**
  * @jsxRuntime classic
+ * @jsx jsx
  */
-/** @jsx jsx */
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { css, jsx } from '@emotion/react';
 import { B100, N0, N100, N20, N30, R400 } from '@atlaskit/theme/colors';

package/dist/es2019/internal/fixed-layer-menu.js

@@ -1,8 +1,8 @@
 import _extends from "@babel/runtime/helpers/extends";
 /**
  * @jsxRuntime classic
+ * @jsx jsx
  */
-/** @jsx jsx */
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { jsx } from '@emotion/react';
 import { components } from '@atlaskit/select';

package/dist/es2019/internal/menu.js

@@ -1,14 +1,14 @@
 import _extends from "@babel/runtime/helpers/extends";
 /**
  * @jsxRuntime classic
+ * @jsx jsx
  */
-/** @jsx jsx */
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { css, jsx } from '@emotion/react';
 import { isValid, parseISO } from 'date-fns';
 import Calendar from '@atlaskit/calendar';
 import { UNSAFE_LAYERING } from '@atlaskit/layering';
-import { getBooleanFF } from '@atlaskit/platform-feature-flags';
+import { fg } from '@atlaskit/platform-feature-flags';
 import { N0, N50A, N60A } from '@atlaskit/theme/colors';
 import { layers } from '@atlaskit/theme/constants';
 import FixedLayer from '../internal/fixed-layer';
@@ -35,7 +35,7 @@ export const Menu = ({
   selectProps,
   innerProps
 }) => jsx(UNSAFE_LAYERING, {
-  isDisabled: getBooleanFF('platform.design-system-team.layering_qmiw3') ? false : true
+  isDisabled: fg('platform.design-system-team.layering_qmiw3') ? false : true
 }, jsx(FixedLayer, {
   inputValue: selectProps.inputValue,
   containerRef: selectProps.calendarContainerRef,
@@ -52,6 +52,7 @@ export const Menu = ({
     previousMonthLabel: selectProps.previousMonthLabel,
     calendarRef: selectProps.calendarRef,
     selected: [selectProps.calendarValue],
+    shouldSetFocusOnCurrentDay: selectProps.shouldSetFocusOnCurrentDay,
     locale: selectProps.calendarLocale,
     testId: selectProps.testId && `${selectProps.testId}--calendar`,
     weekStartDay: selectProps.calendarWeekStartDay

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

@@ -13,8 +13,8 @@ function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflec
 function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
 /**
  * @jsxRuntime classic
+ * @jsx jsx
  */
-/** @jsx jsx */
 import { Component } from 'react';
 
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
@@ -32,7 +32,7 @@ import { getSafeCalendarValue, getShortISOString } from '../internal/parse-date'
 import { convertTokens } from '../internal/parse-tokens';
 import { makeSingleValue } from '../internal/single-value';
 var packageName = "@atlaskit/datetime-picker";
-var packageVersion = "13.7.3";
+var packageVersion = "13.7.4";
 var datePickerDefaultProps = {
   appearance: 'default',
   autoFocus: false,
@@ -136,11 +136,17 @@ var DatePickerComponent = /*#__PURE__*/function (_Component) {
       var newlyFocusedElement = event.relatedTarget;
       if (!((_this$containerRef2 = _this.containerRef) !== null && _this$containerRef2 !== void 0 && _this$containerRef2.contains(newlyFocusedElement))) {
         _this.setState({
-          isOpen: false
+          isOpen: false,
+          shouldSetFocusOnCurrentDay: false
         });
         _this.props.onBlur(event);
       }
     });
+    _defineProperty(_assertThisInitialized(_this), "onContainerFocus", function () {
+      _this.setState({
+        shouldSetFocusOnCurrentDay: false
+      });
+    });
     _defineProperty(_assertThisInitialized(_this), "onSelectBlur", function (event) {
       var _this$containerRef3;
       var newlyFocusedElement = event.relatedTarget;
@@ -217,7 +223,8 @@ var DatePickerComponent = /*#__PURE__*/function (_Component) {
           var innerCombobox = (_this$containerRef4 = _this.containerRef) === null || _this$containerRef4 === void 0 ? void 0 : _this$containerRef4.querySelector('[role="combobox"]');
           innerCombobox === null || innerCombobox === void 0 || innerCombobox.focus();
           _this.setState({
-            isOpen: false
+            isOpen: false,
+            shouldSetFocusOnCurrentDay: false
           });
           break;
         case 'backspace':
@@ -257,6 +264,14 @@ var DatePickerComponent = /*#__PURE__*/function (_Component) {
             }
           }
           break;
+        case 'arrowdown':
+        case 'arrowup':
+          if (_this.state.isOpen && !_this.state.shouldSetFocusOnCurrentDay) {
+            _this.setState({
+              shouldSetFocusOnCurrentDay: true
+            });
+          }
+          break;
         default:
           break;
       }
@@ -355,7 +370,8 @@ var DatePickerComponent = /*#__PURE__*/function (_Component) {
       value: _this.props.value || _this.props.defaultValue,
       calendarValue: _this.props.value || _this.props.defaultValue || getShortISOString(new Date()),
       l10n: createLocalizationProvider(_this.props.locale),
-      locale: _this.props.locale
+      locale: _this.props.locale,
+      shouldSetFocusOnCurrentDay: false
     };
     return _this;
   }
@@ -429,7 +445,8 @@ var DatePickerComponent = /*#__PURE__*/function (_Component) {
         calendarLocale: locale,
         calendarWeekStartDay: weekStartDay,
         nextMonthLabel: nextMonthLabel,
-        previousMonthLabel: previousMonthLabel
+        previousMonthLabel: previousMonthLabel,
+        shouldSetFocusOnCurrentDay: this.state.shouldSetFocusOnCurrentDay
       };
       return (
         // These event handlers must be on this element because the events come
@@ -437,6 +454,7 @@ var DatePickerComponent = /*#__PURE__*/function (_Component) {
         jsx("div", _extends({}, innerProps, {
           role: "presentation",
           onBlur: this.onContainerBlur,
+          onFocus: this.onContainerFocus,
           onClick: this.onInputClick,
           onInput: this.onTextInput,
           onKeyDown: this.onInputKeyDown,

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

@@ -12,8 +12,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; }
 /**
  * @jsxRuntime classic
+ * @jsx jsx
  */
-/** @jsx jsx */
 import React from 'react';
 
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
@@ -30,7 +30,7 @@ import { convertTokens } from '../internal/parse-tokens';
 import DatePicker from './date-picker';
 import TimePicker from './time-picker';
 var packageName = "@atlaskit/datetime-picker";
-var packageVersion = "13.7.3";
+var packageVersion = "13.7.4";
 // Make DatePicker 50% the width of DateTimePicker
 // If rendering an icon container, shrink the TimePicker
 var datePickerContainerStyles = css({

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

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

package/dist/esm/internal/date-time-picker-container.js

@@ -1,8 +1,8 @@
 import _extends from "@babel/runtime/helpers/extends";
 /**
  * @jsxRuntime classic
+ * @jsx jsx
  */
-/** @jsx jsx */
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { css, jsx } from '@emotion/react';
 import { B100, N0, N100, N20, N30, R400 } from '@atlaskit/theme/colors';

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

@@ -3,8 +3,8 @@ import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProper
 var _excluded = ["selectProps"];
 /**
  * @jsxRuntime classic
+ * @jsx jsx
  */
-/** @jsx jsx */
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { jsx } from '@emotion/react';
 import { components } from '@atlaskit/select';

package/dist/esm/internal/menu.js

@@ -1,14 +1,14 @@
 import _extends from "@babel/runtime/helpers/extends";
 /**
  * @jsxRuntime classic
+ * @jsx jsx
  */
-/** @jsx jsx */
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { css, jsx } from '@emotion/react';
 import { isValid, parseISO } from 'date-fns';
 import Calendar from '@atlaskit/calendar';
 import { UNSAFE_LAYERING } from '@atlaskit/layering';
-import { getBooleanFF } from '@atlaskit/platform-feature-flags';
+import { fg } from '@atlaskit/platform-feature-flags';
 import { N0, N50A, N60A } from '@atlaskit/theme/colors';
 import { layers } from '@atlaskit/theme/constants';
 import FixedLayer from '../internal/fixed-layer';
@@ -35,7 +35,7 @@ export var Menu = function Menu(_ref) {
   var selectProps = _ref.selectProps,
     innerProps = _ref.innerProps;
   return jsx(UNSAFE_LAYERING, {
-    isDisabled: getBooleanFF('platform.design-system-team.layering_qmiw3') ? false : true
+    isDisabled: fg('platform.design-system-team.layering_qmiw3') ? false : true
   }, jsx(FixedLayer, {
     inputValue: selectProps.inputValue,
     containerRef: selectProps.calendarContainerRef,
@@ -52,6 +52,7 @@ export var Menu = function Menu(_ref) {
       previousMonthLabel: selectProps.previousMonthLabel,
       calendarRef: selectProps.calendarRef,
       selected: [selectProps.calendarValue],
+      shouldSetFocusOnCurrentDay: selectProps.shouldSetFocusOnCurrentDay,
       locale: selectProps.calendarLocale,
       testId: selectProps.testId && "".concat(selectProps.testId, "--calendar"),
       weekStartDay: selectProps.calendarWeekStartDay

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

@@ -1,7 +1,7 @@
 /**
  * @jsxRuntime classic
+ * @jsx jsx
  */
-/** @jsx jsx */
 import { Component } from 'react';
 import { jsx } from '@emotion/react';
 import { type CalendarRef } from '@atlaskit/calendar';
@@ -23,6 +23,7 @@ interface State {
     selectInputValue: string;
     l10n: LocalizationProvider;
     locale: string;
+    shouldSetFocusOnCurrentDay: boolean;
 }
 declare const datePickerDefaultProps: {
     appearance: Appearance;
@@ -86,6 +87,7 @@ declare class DatePickerComponent extends Component<DatePickerProps, State> {
         selectInputValue: string;
         l10n: LocalizationProvider;
         locale: string;
+        shouldSetFocusOnCurrentDay: boolean;
     };
     isDateDisabled: (date: string) => boolean;
     onCalendarChange: ({ iso }: {
@@ -96,6 +98,7 @@ declare class DatePickerComponent extends Component<DatePickerProps, State> {
     }) => void;
     onInputClick: () => void;
     onContainerBlur: (event: React.FocusEvent<HTMLInputElement>) => void;
+    onContainerFocus: () => 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

@@ -1,7 +1,7 @@
 /**
  * @jsxRuntime classic
+ * @jsx jsx
  */
-/** @jsx jsx */
 import React from 'react';
 import { jsx } from '@emotion/react';
 import { type DateTimePickerBaseProps } from '../types';

package/dist/types/internal/date-time-picker-container.d.ts

@@ -1,7 +1,7 @@
 /**
  * @jsxRuntime classic
+ * @jsx jsx
  */
-/** @jsx jsx */
 import { jsx } from '@emotion/react';
 import { type Appearance } from '../types';
 /**

package/dist/types/internal/fixed-layer-menu.d.ts

@@ -1,7 +1,7 @@
 /**
  * @jsxRuntime classic
+ * @jsx jsx
  */
-/** @jsx jsx */
 import { jsx } from '@emotion/react';
 import { type MenuProps, type OptionType } from '@atlaskit/select';
 /**

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

@@ -1,7 +1,7 @@
 /**
  * @jsxRuntime classic
+ * @jsx jsx
  */
-/** @jsx jsx */
 import { jsx } from '@emotion/react';
 import { type MenuProps } from '@atlaskit/select';
 /**

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

@@ -1,7 +1,7 @@
 /**
  * @jsxRuntime classic
+ * @jsx jsx
  */
-/** @jsx jsx */
 import { Component } from 'react';
 import { jsx } from '@emotion/react';
 import { type CalendarRef } from '@atlaskit/calendar';
@@ -23,6 +23,7 @@ interface State {
     selectInputValue: string;
     l10n: LocalizationProvider;
     locale: string;
+    shouldSetFocusOnCurrentDay: boolean;
 }
 declare const datePickerDefaultProps: {
     appearance: Appearance;
@@ -86,6 +87,7 @@ declare class DatePickerComponent extends Component<DatePickerProps, State> {
         selectInputValue: string;
         l10n: LocalizationProvider;
         locale: string;
+        shouldSetFocusOnCurrentDay: boolean;
     };
     isDateDisabled: (date: string) => boolean;
     onCalendarChange: ({ iso }: {
@@ -96,6 +98,7 @@ declare class DatePickerComponent extends Component<DatePickerProps, State> {
     }) => void;
     onInputClick: () => void;
     onContainerBlur: (event: React.FocusEvent<HTMLInputElement>) => void;
+    onContainerFocus: () => 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

@@ -1,7 +1,7 @@
 /**
  * @jsxRuntime classic
+ * @jsx jsx
  */
-/** @jsx jsx */
 import React from 'react';
 import { jsx } from '@emotion/react';
 import { type DateTimePickerBaseProps } from '../types';

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

@@ -1,7 +1,7 @@
 /**
  * @jsxRuntime classic
+ * @jsx jsx
  */
-/** @jsx jsx */
 import { jsx } from '@emotion/react';
 import { type Appearance } from '../types';
 /**

package/dist/types-ts4.5/internal/fixed-layer-menu.d.ts

@@ -1,7 +1,7 @@
 /**
  * @jsxRuntime classic
+ * @jsx jsx
  */
-/** @jsx jsx */
 import { jsx } from '@emotion/react';
 import { type MenuProps, type OptionType } from '@atlaskit/select';
 /**

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

@@ -1,7 +1,7 @@
 /**
  * @jsxRuntime classic
+ * @jsx jsx
  */
-/** @jsx jsx */
 import { jsx } from '@emotion/react';
 import { type MenuProps } from '@atlaskit/select';
 /**

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/datetime-picker",
-	"version": "13.7.3",
+	"version": "13.7.4",
 	"description": "A date time picker allows the user to select an associated date and time.",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -40,9 +40,9 @@
 	},
 	"dependencies": {
 		"@atlaskit/analytics-next": "^9.3.0",
-		"@atlaskit/calendar": "^14.3.0",
+		"@atlaskit/calendar": "^14.4.0",
 		"@atlaskit/ds-lib": "^2.3.0",
-		"@atlaskit/icon": "^22.6.0",
+		"@atlaskit/icon": "^22.7.0",
 		"@atlaskit/layering": "^0.3.0",
 		"@atlaskit/locale": "^2.7.0",
 		"@atlaskit/platform-feature-flags": "^0.3.0",
@@ -63,7 +63,7 @@
 		"@af/accessibility-testing": "*",
 		"@af/integration-testing": "*",
 		"@af/visual-regression": "*",
-		"@atlaskit/button": "^19.0.0",
+		"@atlaskit/button": "^19.1.0",
 		"@atlaskit/docs": "*",
 		"@atlaskit/form": "^10.4.0",
 		"@atlaskit/modal-dialog": "^12.14.0",