@atlaskit/datetime-picker 14.0.4 → 14.1.0

package/CHANGELOG.md

@@ -1,5 +1,29 @@
 # @atlaskit/datetime-picker
 
+## 14.1.0
+
+### Minor Changes
+
+- [#142807](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/142807)
+  [`e4b42ed1ea941`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/e4b42ed1ea941) -
+  These two props that were removed on 14.0.0 and no longer impacted the functionality of the
+  `DateTimePicker` were misrepresented in the type interface as options and have been fully removed
+  now.
+
+  - `timeIsEditable`
+  - `times`
+
+  We recommend running the codemod provided in major change 14.0.0. If you have already run this
+  once, it does not need to be run again.
+
+## 14.0.5
+
+### Patch Changes
+
+- [#138676](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/138676)
+  [`9f9a53335523d`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/9f9a53335523d) -
+  Use parsed year instead of ISO year in internal `getParsedISO` function.
+
 ## 14.0.4
 
 ### Patch Changes

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

@@ -27,16 +27,16 @@ var _menu = require("../internal/menu");
 var _parseDate = require("../internal/parse-date");
 var _singleValue = require("../internal/single-value");
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 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 _createSuper(t) { var r = _isNativeReflectConstruct(); return function () { var e, o = (0, _getPrototypeOf2.default)(t); if (r) { var s = (0, _getPrototypeOf2.default)(this).constructor; e = Reflect.construct(o, arguments, s); } else e = o.apply(this, arguments); return (0, _possibleConstructorReturn2.default)(this, e); }; }
 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
 var packageName = "@atlaskit/datetime-picker";
-var packageVersion = "14.0.4";
+var packageVersion = "14.1.0";
 var datePickerDefaultProps = {
   appearance: 'default',
   autoFocus: false,

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

@@ -5,7 +5,6 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.timePickerDefaultAriaLabel = exports.default = exports.datePickerDefaultAriaLabel = exports.DateTimePickerWithoutAnalytics = void 0;
-var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
 var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
@@ -25,9 +24,7 @@ var _dateTimePickerContainer = require("../internal/date-time-picker-container")
 var _parseTokens = require("../internal/parse-tokens");
 var _datePicker = _interopRequireDefault(require("./date-picker"));
 var _timePicker = _interopRequireDefault(require("./time-picker"));
-var _excluded = ["selectProps"],
-  _excluded2 = ["selectProps"];
-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 _createSuper(t) { var r = _isNativeReflectConstruct(); return function () { var e, o = (0, _getPrototypeOf2.default)(t); if (r) { var s = (0, _getPrototypeOf2.default)(this).constructor; e = Reflect.construct(o, arguments, s); } else e = o.apply(this, arguments); return (0, _possibleConstructorReturn2.default)(this, e); }; }
 function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
 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; } /**
@@ -35,7 +32,7 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
  * @jsx jsx
  */ // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 var packageName = "@atlaskit/datetime-picker";
-var packageVersion = "14.0.4";
+var packageVersion = "14.1.0";
 // Make DatePicker 50% the width of DateTimePicker
 // If rendering an icon container, shrink the TimePicker
 var datePickerContainerStyles = (0, _react2.css)({
@@ -81,27 +78,13 @@ var styles = {
   }
 };
 var dateTimePickerDefaultProps = {
-  appearance: 'default',
-  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) {},
+  onFocus: function onFocus(_event) {}
   /* eslint-enable @repo/internal/react/use-noop */
-  innerProps: {},
-  id: '',
-  defaultValue: '',
-  timeIsEditable: false,
-  isInvalid: false,
-  datePickerProps: {},
-  timePickerProps: {},
-  times: _internal.defaultTimes,
-  spacing: 'default',
-  locale: 'en-US'
   // Not including a default prop for value as it will
   // Make the component a controlled component
 };
@@ -121,7 +104,7 @@ var DateTimePickerComponent = exports.DateTimePickerWithoutAnalytics = /*#__PURE
       dateValue: '',
       isFocused: false,
       timeValue: '',
-      value: _this.props.defaultValue,
+      value: _this.props.defaultValue || '',
       zoneValue: ''
     });
     // All state needs to be accessed via this function so that the state is mapped from props
@@ -134,16 +117,18 @@ var DateTimePickerComponent = exports.DateTimePickerWithoutAnalytics = /*#__PURE
       return (_this$props$value = _this.props.value) !== null && _this$props$value !== void 0 ? _this$props$value : _this.state.value;
     });
     (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "onBlur", function (event) {
+      var _this$props$onBlur, _this$props;
       _this.setState({
         isFocused: false
       });
-      _this.props.onBlur(event);
+      (_this$props$onBlur = (_this$props = _this.props).onBlur) === null || _this$props$onBlur === void 0 || _this$props$onBlur.call(_this$props, event);
     });
     (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "onFocus", function (event) {
+      var _this$props$onFocus, _this$props2;
       _this.setState({
         isFocused: true
       });
-      _this.props.onFocus(event);
+      (_this$props$onFocus = (_this$props2 = _this.props).onFocus) === null || _this$props$onFocus === void 0 || _this$props$onFocus.call(_this$props2, event);
     });
     (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "onDateChange", function (dateValue) {
       var parsedValues = _this.getParsedValues();
@@ -211,6 +196,7 @@ var DateTimePickerComponent = exports.DateTimePickerWithoutAnalytics = /*#__PURE
         zoneValue: zoneValue
       });
       if (dateValue && timeValue) {
+        var _this$props$onChange, _this$props3;
         var value = (0, _internal.formatDateTimeZoneIntoIso)(dateValue, timeValue, zoneValue);
         var _this$parseValue = this.parseValue(value, dateValue, timeValue, zoneValue),
           parsedZone = _this$parseValue.zoneValue;
@@ -218,46 +204,56 @@ var DateTimePickerComponent = exports.DateTimePickerWithoutAnalytics = /*#__PURE
         this.setState({
           value: valueWithValidZone
         });
-        this.props.onChange(valueWithValidZone);
+        (_this$props$onChange = (_this$props3 = this.props).onChange) === null || _this$props$onChange === void 0 || _this$props$onChange.call(_this$props3, valueWithValidZone);
         // If the date or time value was cleared when there is an existing datetime value, then clear the value.
       } else if (this.getValue()) {
+        var _this$props$onChange2, _this$props4;
         this.setState({
           value: ''
         });
-        this.props.onChange('');
+        (_this$props$onChange2 = (_this$props4 = this.props).onChange) === null || _this$props$onChange2 === void 0 || _this$props$onChange2.call(_this$props4, '');
       }
     }
   }, {
     key: "render",
     value: function render() {
-      var _this$props = this.props,
-        ariaDescribedBy = _this$props['aria-describedby'],
-        appearance = _this$props.appearance,
-        autoFocus = _this$props.autoFocus,
-        datePickerPropsWithSelectProps = _this$props.datePickerProps,
-        id = _this$props.id,
-        innerProps = _this$props.innerProps,
-        isDisabled = _this$props.isDisabled,
-        isInvalid = _this$props.isInvalid,
-        locale = _this$props.locale,
-        name = _this$props.name,
-        spacing = _this$props.spacing,
-        testId = _this$props.testId,
-        timePickerPropsWithSelectProps = _this$props.timePickerProps;
+      var _this$props5 = this.props,
+        ariaDescribedBy = _this$props5['aria-describedby'],
+        _this$props5$appearan = _this$props5.appearance,
+        appearance = _this$props5$appearan === void 0 ? 'default' : _this$props5$appearan,
+        _this$props5$autoFocu = _this$props5.autoFocus,
+        autoFocus = _this$props5$autoFocu === void 0 ? false : _this$props5$autoFocu,
+        _this$props5$datePick = _this$props5.datePickerProps,
+        datePickerProps = _this$props5$datePick === void 0 ? {} : _this$props5$datePick,
+        _this$props5$id = _this$props5.id,
+        id = _this$props5$id === void 0 ? '' : _this$props5$id,
+        _this$props5$innerPro = _this$props5.innerProps,
+        innerProps = _this$props5$innerPro === void 0 ? {} : _this$props5$innerPro,
+        _this$props5$isDisabl = _this$props5.isDisabled,
+        isDisabled = _this$props5$isDisabl === void 0 ? false : _this$props5$isDisabl,
+        _this$props5$isInvali = _this$props5.isInvalid,
+        isInvalid = _this$props5$isInvali === void 0 ? false : _this$props5$isInvali,
+        _this$props5$locale = _this$props5.locale,
+        locale = _this$props5$locale === void 0 ? 'en-US' : _this$props5$locale,
+        _this$props5$name = _this$props5.name,
+        name = _this$props5$name === void 0 ? '' : _this$props5$name,
+        _this$props5$spacing = _this$props5.spacing,
+        spacing = _this$props5$spacing === void 0 ? 'default' : _this$props5$spacing,
+        testId = _this$props5.testId,
+        _this$props5$timePick = _this$props5.timePickerProps,
+        timePickerProps = _this$props5$timePick === void 0 ? {} : _this$props5$timePick;
       var value = this.getValue();
       var isFocused = this.state.isFocused;
       var parsedValues = this.getParsedValues();
       var dateValue = parsedValues === null || parsedValues === void 0 ? void 0 : parsedValues.dateValue;
       var timeValue = parsedValues === null || parsedValues === void 0 ? void 0 : parsedValues.timeValue;
-      var datePickerSelectProps = datePickerPropsWithSelectProps.selectProps,
-        datePickerProps = (0, _objectWithoutProperties2.default)(datePickerPropsWithSelectProps, _excluded);
+      var datePickerSelectProps = datePickerProps === null || datePickerProps === void 0 ? void 0 : datePickerProps.selectProps;
       var datePickerAriaDescribedBy = datePickerProps['aria-describedby'] || ariaDescribedBy;
       var datePickerLabel = datePickerProps.label || datePickerDefaultAriaLabel;
       var mergedDatePickerSelectProps = _objectSpread(_objectSpread({}, datePickerSelectProps), {}, {
         styles: (0, _select.mergeStyles)(styles, datePickerSelectProps === null || datePickerSelectProps === void 0 ? void 0 : datePickerSelectProps.styles)
       });
-      var timePickerSelectProps = timePickerPropsWithSelectProps.selectProps,
-        timePickerProps = (0, _objectWithoutProperties2.default)(timePickerPropsWithSelectProps, _excluded2);
+      var timePickerSelectProps = timePickerProps === null || timePickerProps === void 0 ? void 0 : timePickerProps.selectProps;
       var timePickerAriaDescribedBy = timePickerProps['aria-describedby'] || ariaDescribedBy;
       var timePickerLabel = timePickerProps.label || timePickerDefaultAriaLabel;
       var mergedTimePickerSelectProps = _objectSpread(_objectSpread({}, timePickerSelectProps), {}, {

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

@@ -24,12 +24,12 @@ var _parseTokens = require("../internal/parse-tokens");
 var _singleValue = require("../internal/single-value");
 var _excluded = ["styles"];
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 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; } // eslint-disable-next-line no-restricted-imports
 // eslint-disable-next-line @atlaskit/design-system/no-deprecated-imports
 var packageName = "@atlaskit/datetime-picker";
-var packageVersion = "14.0.4";
+var packageVersion = "14.1.0";
 var menuStyles = {
   /* Need to remove default absolute positioning as that causes issues with position fixed */
   position: 'static',

package/dist/cjs/internal/date-picker-migration.js

@@ -45,9 +45,9 @@ var getParsedISO = exports.getParsedISO = function getParsedISO(di) {
   var lastDayInMonth = (0, _dateFns.lastDayOfMonth)(new Date(parsedYear, parsedMonth - 1) // This needs to be -1, because the Date constructor expects an index of the given month
   ).getDate();
   if (lastDayInMonth < parsedDate) {
-    newIso = "".concat(year, "-").concat((0, _index.padToTwo)(parsedMonth), "-").concat((0, _index.padToTwo)(lastDayInMonth));
+    newIso = "".concat(parsedYear, "-").concat((0, _index.padToTwo)(parsedMonth), "-").concat((0, _index.padToTwo)(lastDayInMonth));
   } else {
-    newIso = "".concat(year, "-").concat((0, _index.padToTwo)(parsedMonth), "-").concat((0, _index.padToTwo)(parsedDate));
+    newIso = "".concat(parsedYear, "-").concat((0, _index.padToTwo)(parsedMonth), "-").concat((0, _index.padToTwo)(parsedDate));
   }
   return newIso;
 };

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

@@ -19,7 +19,7 @@ var _popper = require("@atlaskit/popper");
 var _constants = require("@atlaskit/theme/constants");
 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 _createSuper(t) { var r = _isNativeReflectConstruct(); return function () { var e, o = (0, _getPrototypeOf2.default)(t); if (r) { var s = (0, _getPrototypeOf2.default)(this).constructor; e = Reflect.construct(o, arguments, s); } else e = o.apply(this, arguments); return (0, _possibleConstructorReturn2.default)(this, e); }; }
 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 @atlaskit/design-system/no-deprecated-imports
 /**
  * This component renders layered content with fixed positioning.

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

@@ -19,7 +19,7 @@ import { Menu } from '../internal/menu';
 import { getSafeCalendarValue, getShortISOString } from '../internal/parse-date';
 import { makeSingleValue } from '../internal/single-value';
 const packageName = "@atlaskit/datetime-picker";
-const packageVersion = "14.0.4";
+const packageVersion = "14.1.0";
 const datePickerDefaultProps = {
   appearance: 'default',
   autoFocus: false,

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

@@ -12,13 +12,13 @@ import { createAndFireEvent, withAnalyticsContext, withAnalyticsEvents } from '@
 import SelectClearIcon from '@atlaskit/icon/glyph/select-clear';
 import { mergeStyles } from '@atlaskit/select';
 import { N500, N70 } from '@atlaskit/theme/colors';
-import { defaultTimes, formatDateTimeZoneIntoIso } from '../internal';
+import { formatDateTimeZoneIntoIso } from '../internal';
 import { DateTimePickerContainer } from '../internal/date-time-picker-container';
 import { convertTokens } from '../internal/parse-tokens';
 import DatePicker from './date-picker';
 import TimePicker from './time-picker';
 const packageName = "@atlaskit/datetime-picker";
-const packageVersion = "14.0.4";
+const packageVersion = "14.1.0";
 // Make DatePicker 50% the width of DateTimePicker
 // If rendering an icon container, shrink the TimePicker
 const datePickerContainerStyles = css({
@@ -63,27 +63,13 @@ const styles = {
   })
 };
 const dateTimePickerDefaultProps = {
-  appearance: 'default',
-  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 => {},
+  onFocus: _event => {}
   /* eslint-enable @repo/internal/react/use-noop */
-  innerProps: {},
-  id: '',
-  defaultValue: '',
-  timeIsEditable: false,
-  isInvalid: false,
-  datePickerProps: {},
-  timePickerProps: {},
-  times: defaultTimes,
-  spacing: 'default',
-  locale: 'en-US'
   // Not including a default prop for value as it will
   // Make the component a controlled component
 };
@@ -96,7 +82,7 @@ class DateTimePickerComponent extends React.Component {
       dateValue: '',
       isFocused: false,
       timeValue: '',
-      value: this.props.defaultValue,
+      value: this.props.defaultValue || '',
       zoneValue: ''
     });
     // All state needs to be accessed via this function so that the state is mapped from props
@@ -107,16 +93,18 @@ class DateTimePickerComponent extends React.Component {
       return (_this$props$value = this.props.value) !== null && _this$props$value !== void 0 ? _this$props$value : this.state.value;
     });
     _defineProperty(this, "onBlur", event => {
+      var _this$props$onBlur, _this$props;
       this.setState({
         isFocused: false
       });
-      this.props.onBlur(event);
+      (_this$props$onBlur = (_this$props = this.props).onBlur) === null || _this$props$onBlur === void 0 ? void 0 : _this$props$onBlur.call(_this$props, event);
     });
     _defineProperty(this, "onFocus", event => {
+      var _this$props$onFocus, _this$props2;
       this.setState({
         isFocused: true
       });
-      this.props.onFocus(event);
+      (_this$props$onFocus = (_this$props2 = this.props).onFocus) === null || _this$props$onFocus === void 0 ? void 0 : _this$props$onFocus.call(_this$props2, event);
     });
     _defineProperty(this, "onDateChange", dateValue => {
       const parsedValues = this.getParsedValues();
@@ -180,6 +168,7 @@ class DateTimePickerComponent extends React.Component {
       zoneValue
     });
     if (dateValue && timeValue) {
+      var _this$props$onChange, _this$props3;
       const value = formatDateTimeZoneIntoIso(dateValue, timeValue, zoneValue);
       const {
         zoneValue: parsedZone
@@ -188,30 +177,31 @@ class DateTimePickerComponent extends React.Component {
       this.setState({
         value: valueWithValidZone
       });
-      this.props.onChange(valueWithValidZone);
+      (_this$props$onChange = (_this$props3 = this.props).onChange) === null || _this$props$onChange === void 0 ? void 0 : _this$props$onChange.call(_this$props3, valueWithValidZone);
       // If the date or time value was cleared when there is an existing datetime value, then clear the value.
     } else if (this.getValue()) {
+      var _this$props$onChange2, _this$props4;
       this.setState({
         value: ''
       });
-      this.props.onChange('');
+      (_this$props$onChange2 = (_this$props4 = this.props).onChange) === null || _this$props$onChange2 === void 0 ? void 0 : _this$props$onChange2.call(_this$props4, '');
     }
   }
   render() {
     const {
       'aria-describedby': ariaDescribedBy,
-      appearance,
-      autoFocus,
-      datePickerProps: datePickerPropsWithSelectProps,
-      id,
-      innerProps,
-      isDisabled,
-      isInvalid,
-      locale,
-      name,
-      spacing,
+      appearance = 'default',
+      autoFocus = false,
+      datePickerProps = {},
+      id = '',
+      innerProps = {},
+      isDisabled = false,
+      isInvalid = false,
+      locale = 'en-US',
+      name = '',
+      spacing = 'default',
       testId,
-      timePickerProps: timePickerPropsWithSelectProps
+      timePickerProps = {}
     } = this.props;
     const value = this.getValue();
     const {
@@ -220,20 +210,14 @@ class DateTimePickerComponent extends React.Component {
     const parsedValues = this.getParsedValues();
     const dateValue = parsedValues === null || parsedValues === void 0 ? void 0 : parsedValues.dateValue;
     const timeValue = parsedValues === null || parsedValues === void 0 ? void 0 : parsedValues.timeValue;
-    const {
-      selectProps: datePickerSelectProps,
-      ...datePickerProps
-    } = datePickerPropsWithSelectProps;
+    const datePickerSelectProps = datePickerProps === null || datePickerProps === void 0 ? void 0 : datePickerProps.selectProps;
     const datePickerAriaDescribedBy = datePickerProps['aria-describedby'] || ariaDescribedBy;
     const datePickerLabel = datePickerProps.label || datePickerDefaultAriaLabel;
     const mergedDatePickerSelectProps = {
       ...datePickerSelectProps,
       styles: mergeStyles(styles, datePickerSelectProps === null || datePickerSelectProps === void 0 ? void 0 : datePickerSelectProps.styles)
     };
-    const {
-      selectProps: timePickerSelectProps,
-      ...timePickerProps
-    } = timePickerPropsWithSelectProps;
+    const timePickerSelectProps = timePickerProps === null || timePickerProps === void 0 ? void 0 : timePickerProps.selectProps;
     const timePickerAriaDescribedBy = timePickerProps['aria-describedby'] || ariaDescribedBy;
     const timePickerLabel = timePickerProps.label || timePickerDefaultAriaLabel;
     const mergedTimePickerSelectProps = {

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

@@ -15,7 +15,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 = "14.0.4";
+const packageVersion = "14.1.0";
 const menuStyles = {
   /* Need to remove default absolute positioning as that causes issues with position fixed */
   position: 'static',

package/dist/es2019/internal/date-picker-migration.js

@@ -37,9 +37,9 @@ export const getParsedISO = di => {
   const lastDayInMonth = lastDayOfMonth(new Date(parsedYear, parsedMonth - 1) // This needs to be -1, because the Date constructor expects an index of the given month
   ).getDate();
   if (lastDayInMonth < parsedDate) {
-    newIso = `${year}-${padToTwo(parsedMonth)}-${padToTwo(lastDayInMonth)}`;
+    newIso = `${parsedYear}-${padToTwo(parsedMonth)}-${padToTwo(lastDayInMonth)}`;
   } else {
-    newIso = `${year}-${padToTwo(parsedMonth)}-${padToTwo(parsedDate)}`;
+    newIso = `${parsedYear}-${padToTwo(parsedMonth)}-${padToTwo(parsedDate)}`;
   }
   return newIso;
 };

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

@@ -8,7 +8,7 @@ import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
 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; }
-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 _createSuper(t) { var r = _isNativeReflectConstruct(); return function () { var e, o = _getPrototypeOf(t); if (r) { var s = _getPrototypeOf(this).constructor; e = Reflect.construct(o, arguments, s); } else e = o.apply(this, arguments); return _possibleConstructorReturn(this, e); }; }
 function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
 /**
  * @jsxRuntime classic
@@ -29,7 +29,7 @@ import { Menu } from '../internal/menu';
 import { getSafeCalendarValue, getShortISOString } from '../internal/parse-date';
 import { makeSingleValue } from '../internal/single-value';
 var packageName = "@atlaskit/datetime-picker";
-var packageVersion = "14.0.4";
+var packageVersion = "14.1.0";
 var datePickerDefaultProps = {
   appearance: 'default',
   autoFocus: false,

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

@@ -1,4 +1,3 @@
-import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
 import _createClass from "@babel/runtime/helpers/createClass";
 import _assertThisInitialized from "@babel/runtime/helpers/assertThisInitialized";
@@ -6,9 +5,7 @@ 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";
-var _excluded = ["selectProps"],
-  _excluded2 = ["selectProps"];
-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 _createSuper(t) { var r = _isNativeReflectConstruct(); return function () { var e, o = _getPrototypeOf(t); if (r) { var s = _getPrototypeOf(this).constructor; e = Reflect.construct(o, arguments, s); } else e = o.apply(this, arguments); return _possibleConstructorReturn(this, e); }; }
 function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
 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; }
@@ -25,13 +22,13 @@ import { createAndFireEvent, withAnalyticsContext, withAnalyticsEvents } from '@
 import SelectClearIcon from '@atlaskit/icon/glyph/select-clear';
 import { mergeStyles } from '@atlaskit/select';
 import { N500, N70 } from '@atlaskit/theme/colors';
-import { defaultTimes, formatDateTimeZoneIntoIso } from '../internal';
+import { formatDateTimeZoneIntoIso } from '../internal';
 import { DateTimePickerContainer } from '../internal/date-time-picker-container';
 import { convertTokens } from '../internal/parse-tokens';
 import DatePicker from './date-picker';
 import TimePicker from './time-picker';
 var packageName = "@atlaskit/datetime-picker";
-var packageVersion = "14.0.4";
+var packageVersion = "14.1.0";
 // Make DatePicker 50% the width of DateTimePicker
 // If rendering an icon container, shrink the TimePicker
 var datePickerContainerStyles = css({
@@ -77,27 +74,13 @@ var styles = {
   }
 };
 var dateTimePickerDefaultProps = {
-  appearance: 'default',
-  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) {},
+  onFocus: function onFocus(_event) {}
   /* eslint-enable @repo/internal/react/use-noop */
-  innerProps: {},
-  id: '',
-  defaultValue: '',
-  timeIsEditable: false,
-  isInvalid: false,
-  datePickerProps: {},
-  timePickerProps: {},
-  times: defaultTimes,
-  spacing: 'default',
-  locale: 'en-US'
   // Not including a default prop for value as it will
   // Make the component a controlled component
 };
@@ -117,7 +100,7 @@ var DateTimePickerComponent = /*#__PURE__*/function (_React$Component) {
       dateValue: '',
       isFocused: false,
       timeValue: '',
-      value: _this.props.defaultValue,
+      value: _this.props.defaultValue || '',
       zoneValue: ''
     });
     // All state needs to be accessed via this function so that the state is mapped from props
@@ -130,16 +113,18 @@ var DateTimePickerComponent = /*#__PURE__*/function (_React$Component) {
       return (_this$props$value = _this.props.value) !== null && _this$props$value !== void 0 ? _this$props$value : _this.state.value;
     });
     _defineProperty(_assertThisInitialized(_this), "onBlur", function (event) {
+      var _this$props$onBlur, _this$props;
       _this.setState({
         isFocused: false
       });
-      _this.props.onBlur(event);
+      (_this$props$onBlur = (_this$props = _this.props).onBlur) === null || _this$props$onBlur === void 0 || _this$props$onBlur.call(_this$props, event);
     });
     _defineProperty(_assertThisInitialized(_this), "onFocus", function (event) {
+      var _this$props$onFocus, _this$props2;
       _this.setState({
         isFocused: true
       });
-      _this.props.onFocus(event);
+      (_this$props$onFocus = (_this$props2 = _this.props).onFocus) === null || _this$props$onFocus === void 0 || _this$props$onFocus.call(_this$props2, event);
     });
     _defineProperty(_assertThisInitialized(_this), "onDateChange", function (dateValue) {
       var parsedValues = _this.getParsedValues();
@@ -207,6 +192,7 @@ var DateTimePickerComponent = /*#__PURE__*/function (_React$Component) {
         zoneValue: zoneValue
       });
       if (dateValue && timeValue) {
+        var _this$props$onChange, _this$props3;
         var value = formatDateTimeZoneIntoIso(dateValue, timeValue, zoneValue);
         var _this$parseValue = this.parseValue(value, dateValue, timeValue, zoneValue),
           parsedZone = _this$parseValue.zoneValue;
@@ -214,46 +200,56 @@ var DateTimePickerComponent = /*#__PURE__*/function (_React$Component) {
         this.setState({
           value: valueWithValidZone
         });
-        this.props.onChange(valueWithValidZone);
+        (_this$props$onChange = (_this$props3 = this.props).onChange) === null || _this$props$onChange === void 0 || _this$props$onChange.call(_this$props3, valueWithValidZone);
         // If the date or time value was cleared when there is an existing datetime value, then clear the value.
       } else if (this.getValue()) {
+        var _this$props$onChange2, _this$props4;
         this.setState({
           value: ''
         });
-        this.props.onChange('');
+        (_this$props$onChange2 = (_this$props4 = this.props).onChange) === null || _this$props$onChange2 === void 0 || _this$props$onChange2.call(_this$props4, '');
       }
     }
   }, {
     key: "render",
     value: function render() {
-      var _this$props = this.props,
-        ariaDescribedBy = _this$props['aria-describedby'],
-        appearance = _this$props.appearance,
-        autoFocus = _this$props.autoFocus,
-        datePickerPropsWithSelectProps = _this$props.datePickerProps,
-        id = _this$props.id,
-        innerProps = _this$props.innerProps,
-        isDisabled = _this$props.isDisabled,
-        isInvalid = _this$props.isInvalid,
-        locale = _this$props.locale,
-        name = _this$props.name,
-        spacing = _this$props.spacing,
-        testId = _this$props.testId,
-        timePickerPropsWithSelectProps = _this$props.timePickerProps;
+      var _this$props5 = this.props,
+        ariaDescribedBy = _this$props5['aria-describedby'],
+        _this$props5$appearan = _this$props5.appearance,
+        appearance = _this$props5$appearan === void 0 ? 'default' : _this$props5$appearan,
+        _this$props5$autoFocu = _this$props5.autoFocus,
+        autoFocus = _this$props5$autoFocu === void 0 ? false : _this$props5$autoFocu,
+        _this$props5$datePick = _this$props5.datePickerProps,
+        datePickerProps = _this$props5$datePick === void 0 ? {} : _this$props5$datePick,
+        _this$props5$id = _this$props5.id,
+        id = _this$props5$id === void 0 ? '' : _this$props5$id,
+        _this$props5$innerPro = _this$props5.innerProps,
+        innerProps = _this$props5$innerPro === void 0 ? {} : _this$props5$innerPro,
+        _this$props5$isDisabl = _this$props5.isDisabled,
+        isDisabled = _this$props5$isDisabl === void 0 ? false : _this$props5$isDisabl,
+        _this$props5$isInvali = _this$props5.isInvalid,
+        isInvalid = _this$props5$isInvali === void 0 ? false : _this$props5$isInvali,
+        _this$props5$locale = _this$props5.locale,
+        locale = _this$props5$locale === void 0 ? 'en-US' : _this$props5$locale,
+        _this$props5$name = _this$props5.name,
+        name = _this$props5$name === void 0 ? '' : _this$props5$name,
+        _this$props5$spacing = _this$props5.spacing,
+        spacing = _this$props5$spacing === void 0 ? 'default' : _this$props5$spacing,
+        testId = _this$props5.testId,
+        _this$props5$timePick = _this$props5.timePickerProps,
+        timePickerProps = _this$props5$timePick === void 0 ? {} : _this$props5$timePick;
       var value = this.getValue();
       var isFocused = this.state.isFocused;
       var parsedValues = this.getParsedValues();
       var dateValue = parsedValues === null || parsedValues === void 0 ? void 0 : parsedValues.dateValue;
       var timeValue = parsedValues === null || parsedValues === void 0 ? void 0 : parsedValues.timeValue;
-      var datePickerSelectProps = datePickerPropsWithSelectProps.selectProps,
-        datePickerProps = _objectWithoutProperties(datePickerPropsWithSelectProps, _excluded);
+      var datePickerSelectProps = datePickerProps === null || datePickerProps === void 0 ? void 0 : datePickerProps.selectProps;
       var datePickerAriaDescribedBy = datePickerProps['aria-describedby'] || ariaDescribedBy;
       var datePickerLabel = datePickerProps.label || datePickerDefaultAriaLabel;
       var mergedDatePickerSelectProps = _objectSpread(_objectSpread({}, datePickerSelectProps), {}, {
         styles: mergeStyles(styles, datePickerSelectProps === null || datePickerSelectProps === void 0 ? void 0 : datePickerSelectProps.styles)
       });
-      var timePickerSelectProps = timePickerPropsWithSelectProps.selectProps,
-        timePickerProps = _objectWithoutProperties(timePickerPropsWithSelectProps, _excluded2);
+      var timePickerSelectProps = timePickerProps === null || timePickerProps === void 0 ? void 0 : timePickerProps.selectProps;
       var timePickerAriaDescribedBy = timePickerProps['aria-describedby'] || ariaDescribedBy;
       var timePickerLabel = timePickerProps.label || timePickerDefaultAriaLabel;
       var mergedTimePickerSelectProps = _objectSpread(_objectSpread({}, timePickerSelectProps), {}, {

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

@@ -21,7 +21,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 = "14.0.4";
+var packageVersion = "14.1.0";
 var menuStyles = {
   /* Need to remove default absolute positioning as that causes issues with position fixed */
   position: 'static',

package/dist/esm/internal/date-picker-migration.js

@@ -38,9 +38,9 @@ export var getParsedISO = function getParsedISO(di) {
   var lastDayInMonth = lastDayOfMonth(new Date(parsedYear, parsedMonth - 1) // This needs to be -1, because the Date constructor expects an index of the given month
   ).getDate();
   if (lastDayInMonth < parsedDate) {
-    newIso = "".concat(year, "-").concat(padToTwo(parsedMonth), "-").concat(padToTwo(lastDayInMonth));
+    newIso = "".concat(parsedYear, "-").concat(padToTwo(parsedMonth), "-").concat(padToTwo(lastDayInMonth));
   } else {
-    newIso = "".concat(year, "-").concat(padToTwo(parsedMonth), "-").concat(padToTwo(parsedDate));
+    newIso = "".concat(parsedYear, "-").concat(padToTwo(parsedMonth), "-").concat(padToTwo(parsedDate));
   }
   return newIso;
 };

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

@@ -7,7 +7,7 @@ import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
 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; }
-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 _createSuper(t) { var r = _isNativeReflectConstruct(); return function () { var e, o = _getPrototypeOf(t); if (r) { var s = _getPrototypeOf(this).constructor; e = Reflect.construct(o, arguments, s); } else e = o.apply(this, arguments); return _possibleConstructorReturn(this, e); }; }
 function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
 import React from 'react';
 import noop from '@atlaskit/ds-lib/noop';

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

@@ -5,7 +5,6 @@
 import React from 'react';
 import { jsx } from '@emotion/react';
 import { type DateTimePickerBaseProps } from '../types';
-type DateTimePickerProps = typeof dateTimePickerDefaultProps & DateTimePickerBaseProps;
 interface State {
     dateValue: string;
     isFocused: boolean;
@@ -13,29 +12,10 @@ interface State {
     value: string;
     zoneValue: string;
 }
-declare const dateTimePickerDefaultProps: {
-    appearance: NonNullable<import("../types").Appearance | undefined>;
-    autoFocus: boolean;
-    isDisabled: boolean;
-    name: string;
-    onBlur: (_event: React.FocusEvent<HTMLInputElement>) => void;
-    onChange: (_value: string) => void;
-    onFocus: (_event: React.FocusEvent<HTMLInputElement>) => void;
-    innerProps: {};
-    id: string;
-    defaultValue: string;
-    timeIsEditable: boolean;
-    isInvalid: boolean;
-    datePickerProps: {};
-    timePickerProps: {};
-    times: string[];
-    spacing: NonNullable<import("../types").Spacing | undefined>;
-    locale: string;
-};
 export declare const datePickerDefaultAriaLabel = "Date";
 export declare const timePickerDefaultAriaLabel = "Time";
-declare class DateTimePickerComponent extends React.Component<DateTimePickerProps, State> {
-    static defaultProps: DateTimePickerProps;
+declare class DateTimePickerComponent extends React.Component<DateTimePickerBaseProps, State> {
+    static defaultProps: DateTimePickerBaseProps;
     state: State;
     getParsedValues: () => {
         dateValue: string;
@@ -70,5 +50,5 @@ export { DateTimePickerComponent as DateTimePickerWithoutAnalytics };
  * - [Code](https://atlassian.design/components/datetime-picker/code)
  * - [Usage](https://atlassian.design/components/datetime-picker/usage)
  */
-declare const DateTimePicker: React.ForwardRefExoticComponent<Pick<Pick<Pick<Omit<DateTimePickerProps, keyof import("@atlaskit/analytics-next").WithAnalyticsEventsProps>, never> & Partial<Pick<Omit<DateTimePickerProps, keyof import("@atlaskit/analytics-next").WithAnalyticsEventsProps>, "times" | "testId" | "appearance" | "innerProps" | "isDisabled" | "defaultValue" | "id" | "aria-describedby" | "onFocus" | "onBlur" | "onChange" | "locale" | "value" | "autoFocus" | "name" | "spacing" | "isInvalid" | "timeIsEditable" | "datePickerProps" | "timePickerProps" | "parseValue">> & Partial<Pick<DateTimePickerProps, "ref" | "createAnalyticsEvent">>, "times" | "testId" | "appearance" | "innerProps" | "isDisabled" | "defaultValue" | "id" | "aria-describedby" | "onFocus" | "onBlur" | "onChange" | "locale" | "createAnalyticsEvent" | "value" | "autoFocus" | "name" | "spacing" | "isInvalid" | "timeIsEditable" | "datePickerProps" | "timePickerProps" | "parseValue"> & React.RefAttributes<any> & import("@atlaskit/analytics-next").WithContextProps, "times" | "testId" | "appearance" | "innerProps" | "isDisabled" | "key" | "defaultValue" | "id" | "aria-describedby" | "onFocus" | "onBlur" | "onChange" | "locale" | "analyticsContext" | "createAnalyticsEvent" | "value" | "autoFocus" | "name" | "spacing" | "isInvalid" | "timeIsEditable" | "datePickerProps" | "timePickerProps" | "parseValue"> & React.RefAttributes<any>>;
+declare const DateTimePicker: React.ForwardRefExoticComponent<Pick<Pick<Pick<Omit<DateTimePickerBaseProps, keyof import("@atlaskit/analytics-next").WithAnalyticsEventsProps>, never> & Partial<Pick<Omit<DateTimePickerBaseProps, keyof import("@atlaskit/analytics-next").WithAnalyticsEventsProps>, "testId" | "appearance" | "innerProps" | "isDisabled" | "defaultValue" | "id" | "aria-describedby" | "onFocus" | "onBlur" | "onChange" | "locale" | "value" | "autoFocus" | "name" | "spacing" | "isInvalid" | "datePickerProps" | "timePickerProps" | "parseValue">> & Partial<Pick<DateTimePickerBaseProps, "ref" | "createAnalyticsEvent">>, "testId" | "appearance" | "innerProps" | "isDisabled" | "defaultValue" | "id" | "aria-describedby" | "onFocus" | "onBlur" | "onChange" | "locale" | "createAnalyticsEvent" | "value" | "autoFocus" | "name" | "spacing" | "isInvalid" | "datePickerProps" | "timePickerProps" | "parseValue"> & React.RefAttributes<any> & import("@atlaskit/analytics-next").WithContextProps, "testId" | "appearance" | "innerProps" | "isDisabled" | "key" | "defaultValue" | "id" | "aria-describedby" | "onFocus" | "onBlur" | "onChange" | "locale" | "analyticsContext" | "createAnalyticsEvent" | "value" | "autoFocus" | "name" | "spacing" | "isInvalid" | "datePickerProps" | "timePickerProps" | "parseValue"> & React.RefAttributes<any>>;
 export default DateTimePicker;

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

@@ -5,7 +5,6 @@
 import React from 'react';
 import { jsx } from '@emotion/react';
 import { type DateTimePickerBaseProps } from '../types';
-type DateTimePickerProps = typeof dateTimePickerDefaultProps & DateTimePickerBaseProps;
 interface State {
     dateValue: string;
     isFocused: boolean;
@@ -13,29 +12,10 @@ interface State {
     value: string;
     zoneValue: string;
 }
-declare const dateTimePickerDefaultProps: {
-    appearance: NonNullable<import("../types").Appearance | undefined>;
-    autoFocus: boolean;
-    isDisabled: boolean;
-    name: string;
-    onBlur: (_event: React.FocusEvent<HTMLInputElement>) => void;
-    onChange: (_value: string) => void;
-    onFocus: (_event: React.FocusEvent<HTMLInputElement>) => void;
-    innerProps: {};
-    id: string;
-    defaultValue: string;
-    timeIsEditable: boolean;
-    isInvalid: boolean;
-    datePickerProps: {};
-    timePickerProps: {};
-    times: string[];
-    spacing: NonNullable<import("../types").Spacing | undefined>;
-    locale: string;
-};
 export declare const datePickerDefaultAriaLabel = "Date";
 export declare const timePickerDefaultAriaLabel = "Time";
-declare class DateTimePickerComponent extends React.Component<DateTimePickerProps, State> {
-    static defaultProps: DateTimePickerProps;
+declare class DateTimePickerComponent extends React.Component<DateTimePickerBaseProps, State> {
+    static defaultProps: DateTimePickerBaseProps;
     state: State;
     getParsedValues: () => {
         dateValue: string;
@@ -70,5 +50,5 @@ export { DateTimePickerComponent as DateTimePickerWithoutAnalytics };
  * - [Code](https://atlassian.design/components/datetime-picker/code)
  * - [Usage](https://atlassian.design/components/datetime-picker/usage)
  */
-declare const DateTimePicker: React.ForwardRefExoticComponent<Pick<Pick<Pick<Omit<DateTimePickerProps, keyof import("@atlaskit/analytics-next").WithAnalyticsEventsProps>, never> & Partial<Pick<Omit<DateTimePickerProps, keyof import("@atlaskit/analytics-next").WithAnalyticsEventsProps>, "times" | "testId" | "appearance" | "innerProps" | "isDisabled" | "defaultValue" | "id" | "aria-describedby" | "onFocus" | "onBlur" | "onChange" | "locale" | "value" | "autoFocus" | "name" | "spacing" | "isInvalid" | "timeIsEditable" | "datePickerProps" | "timePickerProps" | "parseValue">> & Partial<Pick<DateTimePickerProps, "ref" | "createAnalyticsEvent">>, "times" | "testId" | "appearance" | "innerProps" | "isDisabled" | "defaultValue" | "id" | "aria-describedby" | "onFocus" | "onBlur" | "onChange" | "locale" | "createAnalyticsEvent" | "value" | "autoFocus" | "name" | "spacing" | "isInvalid" | "timeIsEditable" | "datePickerProps" | "timePickerProps" | "parseValue"> & React.RefAttributes<any> & import("@atlaskit/analytics-next").WithContextProps, "times" | "testId" | "appearance" | "innerProps" | "isDisabled" | "key" | "defaultValue" | "id" | "aria-describedby" | "onFocus" | "onBlur" | "onChange" | "locale" | "analyticsContext" | "createAnalyticsEvent" | "value" | "autoFocus" | "name" | "spacing" | "isInvalid" | "timeIsEditable" | "datePickerProps" | "timePickerProps" | "parseValue"> & React.RefAttributes<any>>;
+declare const DateTimePicker: React.ForwardRefExoticComponent<Pick<Pick<Pick<Omit<DateTimePickerBaseProps, keyof import("@atlaskit/analytics-next").WithAnalyticsEventsProps>, never> & Partial<Pick<Omit<DateTimePickerBaseProps, keyof import("@atlaskit/analytics-next").WithAnalyticsEventsProps>, "testId" | "appearance" | "innerProps" | "isDisabled" | "defaultValue" | "id" | "aria-describedby" | "onFocus" | "onBlur" | "onChange" | "locale" | "value" | "autoFocus" | "name" | "spacing" | "isInvalid" | "datePickerProps" | "timePickerProps" | "parseValue">> & Partial<Pick<DateTimePickerBaseProps, "ref" | "createAnalyticsEvent">>, "testId" | "appearance" | "innerProps" | "isDisabled" | "defaultValue" | "id" | "aria-describedby" | "onFocus" | "onBlur" | "onChange" | "locale" | "createAnalyticsEvent" | "value" | "autoFocus" | "name" | "spacing" | "isInvalid" | "datePickerProps" | "timePickerProps" | "parseValue"> & React.RefAttributes<any> & import("@atlaskit/analytics-next").WithContextProps, "testId" | "appearance" | "innerProps" | "isDisabled" | "key" | "defaultValue" | "id" | "aria-describedby" | "onFocus" | "onBlur" | "onChange" | "locale" | "analyticsContext" | "createAnalyticsEvent" | "value" | "autoFocus" | "name" | "spacing" | "isInvalid" | "datePickerProps" | "timePickerProps" | "parseValue"> & React.RefAttributes<any>>;
 export default DateTimePicker;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/datetime-picker",
-	"version": "14.0.4",
+	"version": "14.1.0",
 	"description": "A date time picker allows the user to select an associated date and time.",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -38,13 +38,13 @@
 		"@atlaskit/analytics-next": "^10.1.0",
 		"@atlaskit/calendar": "^15.0.0",
 		"@atlaskit/ds-lib": "^2.5.0",
-		"@atlaskit/icon": "^22.16.0",
+		"@atlaskit/icon": "^22.18.0",
 		"@atlaskit/layering": "^0.4.0",
 		"@atlaskit/locale": "^2.8.0",
 		"@atlaskit/popper": "^6.3.0",
-		"@atlaskit/select": "^17.15.0",
+		"@atlaskit/select": "^17.19.0",
 		"@atlaskit/theme": "^13.0.0",
-		"@atlaskit/tokens": "^1.59.0",
+		"@atlaskit/tokens": "^1.60.0",
 		"@babel/runtime": "^7.0.0",
 		"@emotion/react": "^11.7.1",
 		"date-fns": "^2.17.0"
@@ -60,8 +60,8 @@
 		"@atlaskit/codemod-utils": "4.2.4",
 		"@atlaskit/docs": "*",
 		"@atlaskit/form": "^10.5.0",
-		"@atlaskit/modal-dialog": "^12.15.0",
-		"@atlaskit/popup": "^1.25.0",
+		"@atlaskit/modal-dialog": "^12.16.0",
+		"@atlaskit/popup": "^1.26.0",
 		"@atlaskit/range": "^7.4.0",
 		"@atlaskit/section-message": "^6.6.0",
 		"@atlaskit/ssr": "*",