@atlaskit/datetime-picker 13.0.12 → 13.2.0

package/CHANGELOG.md

@@ -1,5 +1,21 @@
 # @atlaskit/datetime-picker
 
+## 13.2.0
+
+### Minor Changes
+
+- [#80805](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/80805) [`427c2dd9e0d6`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/427c2dd9e0d6) - [ux] Update input border width from 2px to 1px with darker color to meet 3:1 color contrast
+
+### Patch Changes
+
+- Updated dependencies
+
+## 13.1.0
+
+### Minor Changes
+
+- [#79261](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/79261) [`d679c084e0a9`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/d679c084e0a9) - Add optional `label` prop to DatePicker and TimePicker to supply an accessible name via `aria-label`
+
 ## 13.0.12
 
 ### Patch Changes

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

@@ -29,14 +29,14 @@ var _menu = require("../internal/menu");
 var _parseDate = require("../internal/parse-date");
 var _parseTokens = require("../internal/parse-tokens");
 var _singleValue = require("../internal/single-value");
-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 _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 ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2.default)(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2.default)(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2.default)(this, result); }; }
-function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } } /** @jsx jsx */
+function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); } /** @jsx jsx */
 var packageName = "@atlaskit/datetime-picker";
-var packageVersion = "13.0.12";
+var packageVersion = "13.2.0";
 var datePickerDefaultProps = {
   appearance: 'default',
   autoFocus: false,
@@ -52,6 +52,7 @@ var datePickerDefaultProps = {
   innerProps: {},
   isDisabled: false,
   isInvalid: false,
+  label: '',
   name: '',
   // These disables are here for proper typing when used as defaults. They
   // should *not* use the `noop` function.
@@ -168,9 +169,9 @@ var DatePicker = exports.DatePickerWithoutAnalytics = /*#__PURE__*/function (_Co
       _this.props.onFocus(event);
     });
     (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "onTextInput", function (event) {
-      var value = event.target.value;
-      if (value) {
-        var parsed = _this.parseDate(value);
+      var inputValue = event.target.value;
+      if (inputValue) {
+        var parsed = _this.parseDate(inputValue);
         // Only try to set the date if we have month & day
         if (parsed && (0, _dateFns.isValid)(parsed)) {
           // We format the parsed date to YYYY-MM-DD here because
@@ -359,6 +360,7 @@ var DatePicker = exports.DatePickerWithoutAnalytics = /*#__PURE__*/function (_Co
         maxDate = _this$props3.maxDate,
         minDate = _this$props3.minDate,
         isInvalid = _this$props3.isInvalid,
+        label = _this$props3.label,
         name = _this$props3.name,
         nextMonthLabel = _this$props3.nextMonthLabel,
         previousMonthLabel = _this$props3.previousMonthLabel,
@@ -430,6 +432,7 @@ var DatePicker = exports.DatePickerWithoutAnalytics = /*#__PURE__*/function (_Co
           value: value,
           "data-testid": testId && "".concat(testId, "--input")
         }), (0, _react2.jsx)(_select.default, (0, _extends2.default)({
+          "aria-label": label || undefined,
           appearance: this.props.appearance,
           enableAnimation: false,
           menuIsOpen: menuIsOpen,
@@ -455,7 +458,6 @@ var DatePicker = exports.DatePickerWithoutAnalytics = /*#__PURE__*/function (_Co
               });
             }
           }),
-
           placeholder: this.getPlaceholder(),
           value: value && {
             label: this.formatDate(value),

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

@@ -27,11 +27,11 @@ var _parseTokens = require("../internal/parse-tokens");
 var _datePicker = _interopRequireDefault(require("./date-picker"));
 var _timePicker = _interopRequireDefault(require("./time-picker"));
 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 _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; } /** @jsx jsx */
 var packageName = "@atlaskit/datetime-picker";
-var packageVersion = "13.0.12";
+var packageVersion = "13.2.0";
 // Make DatePicker 50% the width of DateTimePicker
 // If rendering an icon container, shrink the TimePicker
 var datePickerContainerStyles = (0, _react2.css)({
@@ -102,7 +102,6 @@ var dateTimePickerDefaultProps = {
   // Not including a default prop for value as it will
   // Make the component a controlled component
 };
-
 var datePickerDefaultAriaLabel = exports.datePickerDefaultAriaLabel = 'Date';
 var timePickerDefaultAriaLabel = exports.timePickerDefaultAriaLabel = 'Time';
 var DateTimePicker = exports.DateTimePickerWithoutAnalytics = /*#__PURE__*/function (_React$Component) {
@@ -240,11 +239,11 @@ var DateTimePicker = exports.DateTimePickerWithoutAnalytics = /*#__PURE__*/funct
       var _timePickerSelectProp = timePickerSelectProps.styles,
         timePickerStyles = _timePickerSelectProp === void 0 ? {} : _timePickerSelectProp;
       var mergedDatePickerSelectProps = _objectSpread(_objectSpread({}, datePickerSelectProps), {}, {
-        'aria-label': datePickerSelectProps['aria-label'] || datePickerDefaultAriaLabel,
+        'aria-label': datePickerProps['label'] || datePickerSelectProps['aria-label'] || datePickerDefaultAriaLabel,
         styles: (0, _select.mergeStyles)(styles, datePickerStyles)
       });
       var mergedTimePickerSelectProps = _objectSpread(_objectSpread({}, timePickerSelectProps), {}, {
-        'aria-label': timePickerSelectProps['aria-label'] || timePickerDefaultAriaLabel,
+        'aria-label': timePickerProps['label'] || timePickerSelectProps['aria-label'] || timePickerDefaultAriaLabel,
         styles: (0, _select.mergeStyles)(styles, timePickerStyles)
       });
 

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

@@ -28,15 +28,15 @@ var _parseTime = _interopRequireDefault(require("../internal/parse-time"));
 var _parseTokens = require("../internal/parse-tokens");
 var _singleValue = require("../internal/single-value");
 var _excluded = ["styles"];
-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 _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 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 no-restricted-imports
+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.0.12";
+var packageVersion = "13.2.0";
 var menuStyles = {
   /* Need to remove default absolute positioning as that causes issues with position fixed */
   position: 'static',
@@ -55,6 +55,7 @@ var timePickerDefaultProps = {
   innerProps: {},
   isDisabled: false,
   isInvalid: false,
+  label: '',
   name: '',
   // These disables are here for proper typing when used as defaults. They
   // should *not* use the `noop` function.
@@ -124,7 +125,6 @@ var TimePicker = exports.TimePickerWithoutAnalytics = /*#__PURE__*/function (_Re
         } catch (e) {
           return; // do nothing, the main validation should happen in the form
         }
-
         var includesSeconds = !!(timeFormat && /[:.]?(s|ss)/.test(timeFormat));
         var formatFormat = includesSeconds ? 'HH:mm:ss' : 'HH:mm';
         var formattedValue = (0, _dateFns.format)(sanitizedInput, formatFormat) || '';
@@ -205,6 +205,7 @@ var TimePicker = exports.TimePickerWithoutAnalytics = /*#__PURE__*/function (_Re
         id = _this$props2.id,
         innerProps = _this$props2.innerProps,
         isDisabled = _this$props2.isDisabled,
+        label = _this$props2.label,
         locale = _this$props2.locale,
         name = _this$props2.name,
         placeholder = _this$props2.placeholder,
@@ -298,6 +299,7 @@ var TimePicker = exports.TimePickerWithoutAnalytics = /*#__PURE__*/function (_Re
         "data-testid": testId && "".concat(testId, "--input"),
         onKeyDown: this.onSelectKeyDown
       }), /*#__PURE__*/_react.default.createElement(SelectComponent, (0, _extends2.default)({
+        "aria-label": label || undefined,
         appearance: appearance,
         autoFocus: autoFocus,
         components: selectComponents,

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

@@ -56,7 +56,7 @@ var isDisabledStyles = (0, _react.css)({
 var baseContainerStyles = (0, _react.css)({
   display: 'flex',
   backgroundColor: "var(--ds-background-input, ".concat(_colors.N20, ")"),
-  border: (0, _platformFeatureFlags.getBooleanFF)('platform.design-system-team.update-input-border-wdith_5abwv') ? "var(--ds-border-width, 1px)".concat(" solid ", "var(--ds-border-input, ".concat(_colors.N100, ")")) : "2px solid ".concat("var(--ds-border-input, ".concat(_colors.N20, ")")),
+  border: "var(--ds-border-width, 1px)".concat(" solid ", "var(--ds-border-input, ".concat(_colors.N100, ")")),
   borderRadius: "var(--ds-border-radius, 3px)",
   transition: 'background-color 200ms ease-in-out, border-color 200ms ease-in-out',
   '&:hover': {

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

@@ -22,7 +22,7 @@ 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 _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
+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.
  * Scroll is locked outside the layer to prevent the layered content from detaching from the

package/dist/cjs/internal/menu.js

@@ -7,15 +7,23 @@ Object.defineProperty(exports, "__esModule", {
 exports.Menu = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _react = require("@emotion/react");
+var _dateFns = require("date-fns");
 var _calendar = _interopRequireDefault(require("@atlaskit/calendar"));
 var _layering = require("@atlaskit/layering");
 var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _colors = require("@atlaskit/theme/colors");
 var _constants = require("@atlaskit/theme/constants");
 var _fixedLayer = _interopRequireDefault(require("../internal/fixed-layer"));
-var _parseDate = require("./parse-date");
 /** @jsx jsx */
 
+function getValidDate(iso) {
+  var date = (0, _dateFns.parseISO)(iso);
+  return (0, _dateFns.isValid)(date) ? {
+    day: date.getDate(),
+    month: date.getMonth() + 1,
+    year: date.getFullYear()
+  } : {};
+}
 var menuStyles = (0, _react.css)({
   zIndex: _constants.layers.dialog(),
   backgroundColor: "var(--ds-surface-overlay, ".concat(_colors.N0, ")"),
@@ -37,7 +45,7 @@ var Menu = exports.Menu = function Menu(_ref) {
     containerRef: selectProps.calendarContainerRef,
     content: (0, _react.jsx)("div", (0, _extends2.default)({
       css: menuStyles
-    }, innerProps), (0, _react.jsx)(_calendar.default, (0, _extends2.default)({}, (0, _parseDate.getValidDate)(selectProps.calendarValue), (0, _parseDate.getValidDate)(selectProps.calendarView), {
+    }, innerProps), (0, _react.jsx)(_calendar.default, (0, _extends2.default)({}, getValidDate(selectProps.calendarValue), getValidDate(selectProps.calendarView), {
       disabled: selectProps.calendarDisabled,
       disabledDateFilter: selectProps.calendarDisabledDateFilter,
       minDate: selectProps.calendarMinDate,

package/dist/cjs/internal/parse-date.js

@@ -5,17 +5,14 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.getSafeCalendarValue = getSafeCalendarValue;
 exports.getShortISOString = getShortISOString;
-exports.getValidDate = getValidDate;
 var _dateFns = require("date-fns");
 var _parseTokens = require("./parse-tokens");
-function getValidDate(iso) {
-  var date = (0, _dateFns.parseISO)(iso);
-  return (0, _dateFns.isValid)(date) ? {
-    day: date.getDate(),
-    month: date.getMonth() + 1,
-    year: date.getFullYear()
-  } : {};
-}
+/**
+ * Converts a Date object into an ISO date, formatted `YYYY-MM-DD`.
+ *
+ * @param date The date to convert.
+ * @returns An ISO date (`YYYY-MM-DD`).
+ */
 function getShortISOString(date) {
   return (0, _dateFns.format)(date, (0, _parseTokens.convertTokens)('YYYY-MM-DD'));
 }

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

@@ -16,7 +16,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.0.12";
+const packageVersion = "13.2.0";
 const datePickerDefaultProps = {
   appearance: 'default',
   autoFocus: false,
@@ -30,6 +30,7 @@ const datePickerDefaultProps = {
   innerProps: {},
   isDisabled: false,
   isInvalid: false,
+  label: '',
   name: '',
   // These disables are here for proper typing when used as defaults. They
   // should *not* use the `noop` function.
@@ -44,7 +45,6 @@ const datePickerDefaultProps = {
   // Not including a default prop for value as it will
   // Make the component a controlled component
 };
-
 class DatePicker extends Component {
   constructor(props) {
     super(props);
@@ -146,9 +146,9 @@ class DatePicker extends Component {
       this.props.onFocus(event);
     });
     _defineProperty(this, "onTextInput", event => {
-      const value = event.target.value;
-      if (value) {
-        const parsed = this.parseDate(value);
+      const inputValue = event.target.value;
+      if (inputValue) {
+        const parsed = this.parseDate(inputValue);
         // Only try to set the date if we have month & day
         if (parsed && isValid(parsed)) {
           // We format the parsed date to YYYY-MM-DD here because
@@ -355,6 +355,7 @@ class DatePicker extends Component {
       maxDate,
       minDate,
       isInvalid,
+      label,
       name,
       nextMonthLabel,
       previousMonthLabel,
@@ -430,6 +431,7 @@ class DatePicker extends Component {
         value: value,
         "data-testid": testId && `${testId}--input`
       }), jsx(Select, _extends({
+        "aria-label": label || undefined,
         appearance: this.props.appearance,
         enableAnimation: false,
         menuIsOpen: menuIsOpen,
@@ -455,7 +457,6 @@ class DatePicker extends Component {
             paddingRight: "var(--ds-space-075, 6px)" // 8 - ICON_PADDING = 6
           })
         }),
-
         placeholder: this.getPlaceholder(),
         value: value && {
           label: this.formatDate(value),

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

@@ -15,7 +15,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.0.12";
+const packageVersion = "13.2.0";
 // Make DatePicker 50% the width of DateTimePicker
 // If rendering an icon container, shrink the TimePicker
 const datePickerContainerStyles = css({
@@ -85,7 +85,6 @@ const dateTimePickerDefaultProps = {
   // Not including a default prop for value as it will
   // Make the component a controlled component
 };
-
 export const datePickerDefaultAriaLabel = 'Date';
 export const timePickerDefaultAriaLabel = 'Time';
 class DateTimePicker extends React.Component {
@@ -225,12 +224,12 @@ class DateTimePicker extends React.Component {
     } = timePickerSelectProps;
     const mergedDatePickerSelectProps = {
       ...datePickerSelectProps,
-      'aria-label': datePickerSelectProps['aria-label'] || datePickerDefaultAriaLabel,
+      'aria-label': datePickerProps['label'] || datePickerSelectProps['aria-label'] || datePickerDefaultAriaLabel,
       styles: mergeStyles(styles, datePickerStyles)
     };
     const mergedTimePickerSelectProps = {
       ...timePickerSelectProps,
-      'aria-label': timePickerSelectProps['aria-label'] || timePickerDefaultAriaLabel,
+      'aria-label': timePickerProps['label'] || timePickerSelectProps['aria-label'] || timePickerDefaultAriaLabel,
       styles: mergeStyles(styles, timePickerStyles)
     };
 

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.0.12";
+const packageVersion = "13.2.0";
 const menuStyles = {
   /* Need to remove default absolute positioning as that causes issues with position fixed */
   position: 'static',
@@ -35,6 +35,7 @@ const timePickerDefaultProps = {
   innerProps: {},
   isDisabled: false,
   isInvalid: false,
+  label: '',
   name: '',
   // These disables are here for proper typing when used as defaults. They
   // should *not* use the `noop` function.
@@ -52,7 +53,6 @@ const timePickerDefaultProps = {
   // Not including a default prop for value as it will
   // Make the component a controlled component
 };
-
 class TimePicker extends React.Component {
   constructor(...args) {
     super(...args);
@@ -101,7 +101,6 @@ class TimePicker extends React.Component {
         } catch (e) {
           return; // do nothing, the main validation should happen in the form
         }
-
         const includesSeconds = !!(timeFormat && /[:.]?(s|ss)/.test(timeFormat));
         const formatFormat = includesSeconds ? 'HH:mm:ss' : 'HH:mm';
         const formattedValue = format(sanitizedInput, formatFormat) || '';
@@ -180,6 +179,7 @@ class TimePicker extends React.Component {
       id,
       innerProps,
       isDisabled,
+      label,
       locale,
       name,
       placeholder,
@@ -275,6 +275,7 @@ class TimePicker extends React.Component {
       "data-testid": testId && `${testId}--input`,
       onKeyDown: this.onSelectKeyDown
     }), /*#__PURE__*/React.createElement(SelectComponent, _extends({
+      "aria-label": label || undefined,
       appearance: appearance,
       autoFocus: autoFocus,
       components: selectComponents,

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

@@ -48,7 +48,7 @@ const isDisabledStyles = css({
 const baseContainerStyles = css({
   display: 'flex',
   backgroundColor: `var(--ds-background-input, ${N20})`,
-  border: getBooleanFF('platform.design-system-team.update-input-border-wdith_5abwv') ? `${"var(--ds-border-width, 1px)"} solid ${`var(--ds-border-input, ${N100})`}` : `2px solid ${`var(--ds-border-input, ${N20})`}`,
+  border: `${"var(--ds-border-width, 1px)"} solid ${`var(--ds-border-input, ${N100})`}`,
   borderRadius: "var(--ds-border-radius, 3px)",
   transition: 'background-color 200ms ease-in-out, border-color 200ms ease-in-out',
   '&:hover': {

package/dist/es2019/internal/menu.js

@@ -1,13 +1,21 @@
 import _extends from "@babel/runtime/helpers/extends";
 /** @jsx jsx */
 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 { N0, N50A, N60A } from '@atlaskit/theme/colors';
 import { layers } from '@atlaskit/theme/constants';
 import FixedLayer from '../internal/fixed-layer';
-import { getValidDate } from './parse-date';
+function getValidDate(iso) {
+  const date = parseISO(iso);
+  return isValid(date) ? {
+    day: date.getDate(),
+    month: date.getMonth() + 1,
+    year: date.getFullYear()
+  } : {};
+}
 const menuStyles = css({
   zIndex: layers.dialog(),
   backgroundColor: `var(--ds-surface-overlay, ${N0})`,

package/dist/es2019/internal/parse-date.js

@@ -1,13 +1,12 @@
-import { format, isValid, parseISO } from 'date-fns';
+import { format } from 'date-fns';
 import { convertTokens } from './parse-tokens';
-export function getValidDate(iso) {
-  const date = parseISO(iso);
-  return isValid(date) ? {
-    day: date.getDate(),
-    month: date.getMonth() + 1,
-    year: date.getFullYear()
-  } : {};
-}
+
+/**
+ * Converts a Date object into an ISO date, formatted `YYYY-MM-DD`.
+ *
+ * @param date The date to convert.
+ * @returns An ISO date (`YYYY-MM-DD`).
+ */
 export function getShortISOString(date) {
   return format(date, convertTokens('YYYY-MM-DD'));
 }

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

@@ -10,7 +10,7 @@ import _defineProperty from "@babel/runtime/helpers/defineProperty";
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 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 _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
 /** @jsx jsx */
 import { Component } from 'react';
 import { jsx } from '@emotion/react';
@@ -27,7 +27,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.0.12";
+var packageVersion = "13.2.0";
 var datePickerDefaultProps = {
   appearance: 'default',
   autoFocus: false,
@@ -43,6 +43,7 @@ var datePickerDefaultProps = {
   innerProps: {},
   isDisabled: false,
   isInvalid: false,
+  label: '',
   name: '',
   // These disables are here for proper typing when used as defaults. They
   // should *not* use the `noop` function.
@@ -159,9 +160,9 @@ var DatePicker = /*#__PURE__*/function (_Component) {
       _this.props.onFocus(event);
     });
     _defineProperty(_assertThisInitialized(_this), "onTextInput", function (event) {
-      var value = event.target.value;
-      if (value) {
-        var parsed = _this.parseDate(value);
+      var inputValue = event.target.value;
+      if (inputValue) {
+        var parsed = _this.parseDate(inputValue);
         // Only try to set the date if we have month & day
         if (parsed && isValid(parsed)) {
           // We format the parsed date to YYYY-MM-DD here because
@@ -350,6 +351,7 @@ var DatePicker = /*#__PURE__*/function (_Component) {
         maxDate = _this$props3.maxDate,
         minDate = _this$props3.minDate,
         isInvalid = _this$props3.isInvalid,
+        label = _this$props3.label,
         name = _this$props3.name,
         nextMonthLabel = _this$props3.nextMonthLabel,
         previousMonthLabel = _this$props3.previousMonthLabel,
@@ -421,6 +423,7 @@ var DatePicker = /*#__PURE__*/function (_Component) {
           value: value,
           "data-testid": testId && "".concat(testId, "--input")
         }), jsx(Select, _extends({
+          "aria-label": label || undefined,
           appearance: this.props.appearance,
           enableAnimation: false,
           menuIsOpen: menuIsOpen,
@@ -446,7 +449,6 @@ var DatePicker = /*#__PURE__*/function (_Component) {
               });
             }
           }),
-
           placeholder: this.getPlaceholder(),
           value: value && {
             label: this.formatDate(value),

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

@@ -7,7 +7,7 @@ import _possibleConstructorReturn from "@babel/runtime/helpers/possibleConstruct
 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 _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; }
 /** @jsx jsx */
@@ -25,7 +25,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.0.12";
+var packageVersion = "13.2.0";
 // Make DatePicker 50% the width of DateTimePicker
 // If rendering an icon container, shrink the TimePicker
 var datePickerContainerStyles = css({
@@ -96,7 +96,6 @@ var dateTimePickerDefaultProps = {
   // Not including a default prop for value as it will
   // Make the component a controlled component
 };
-
 export var datePickerDefaultAriaLabel = 'Date';
 export var timePickerDefaultAriaLabel = 'Time';
 var DateTimePicker = /*#__PURE__*/function (_React$Component) {
@@ -234,11 +233,11 @@ var DateTimePicker = /*#__PURE__*/function (_React$Component) {
       var _timePickerSelectProp = timePickerSelectProps.styles,
         timePickerStyles = _timePickerSelectProp === void 0 ? {} : _timePickerSelectProp;
       var mergedDatePickerSelectProps = _objectSpread(_objectSpread({}, datePickerSelectProps), {}, {
-        'aria-label': datePickerSelectProps['aria-label'] || datePickerDefaultAriaLabel,
+        'aria-label': datePickerProps['label'] || datePickerSelectProps['aria-label'] || datePickerDefaultAriaLabel,
         styles: mergeStyles(styles, datePickerStyles)
       });
       var mergedTimePickerSelectProps = _objectSpread(_objectSpread({}, timePickerSelectProps), {}, {
-        'aria-label': timePickerSelectProps['aria-label'] || timePickerDefaultAriaLabel,
+        'aria-label': timePickerProps['label'] || timePickerSelectProps['aria-label'] || timePickerDefaultAriaLabel,
         styles: mergeStyles(styles, timePickerStyles)
       });
 

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

@@ -11,7 +11,7 @@ var _excluded = ["styles"];
 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; } }
+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';
 
 // eslint-disable-next-line no-restricted-imports
@@ -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.0.12";
+var packageVersion = "13.2.0";
 var menuStyles = {
   /* Need to remove default absolute positioning as that causes issues with position fixed */
   position: 'static',
@@ -47,6 +47,7 @@ var timePickerDefaultProps = {
   innerProps: {},
   isDisabled: false,
   isInvalid: false,
+  label: '',
   name: '',
   // These disables are here for proper typing when used as defaults. They
   // should *not* use the `noop` function.
@@ -116,7 +117,6 @@ var TimePicker = /*#__PURE__*/function (_React$Component) {
         } catch (e) {
           return; // do nothing, the main validation should happen in the form
         }
-
         var includesSeconds = !!(timeFormat && /[:.]?(s|ss)/.test(timeFormat));
         var formatFormat = includesSeconds ? 'HH:mm:ss' : 'HH:mm';
         var formattedValue = format(sanitizedInput, formatFormat) || '';
@@ -197,6 +197,7 @@ var TimePicker = /*#__PURE__*/function (_React$Component) {
         id = _this$props2.id,
         innerProps = _this$props2.innerProps,
         isDisabled = _this$props2.isDisabled,
+        label = _this$props2.label,
         locale = _this$props2.locale,
         name = _this$props2.name,
         placeholder = _this$props2.placeholder,
@@ -290,6 +291,7 @@ var TimePicker = /*#__PURE__*/function (_React$Component) {
         "data-testid": testId && "".concat(testId, "--input"),
         onKeyDown: this.onSelectKeyDown
       }), /*#__PURE__*/React.createElement(SelectComponent, _extends({
+        "aria-label": label || undefined,
         appearance: appearance,
         autoFocus: autoFocus,
         components: selectComponents,

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

@@ -48,7 +48,7 @@ var isDisabledStyles = css({
 var baseContainerStyles = css({
   display: 'flex',
   backgroundColor: "var(--ds-background-input, ".concat(N20, ")"),
-  border: getBooleanFF('platform.design-system-team.update-input-border-wdith_5abwv') ? "var(--ds-border-width, 1px)".concat(" solid ", "var(--ds-border-input, ".concat(N100, ")")) : "2px solid ".concat("var(--ds-border-input, ".concat(N20, ")")),
+  border: "var(--ds-border-width, 1px)".concat(" solid ", "var(--ds-border-input, ".concat(N100, ")")),
   borderRadius: "var(--ds-border-radius, 3px)",
   transition: 'background-color 200ms ease-in-out, border-color 200ms ease-in-out',
   '&:hover': {

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

@@ -8,7 +8,7 @@ import _defineProperty from "@babel/runtime/helpers/defineProperty";
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 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 _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 ScrollLock from 'react-scrolllock';
 import noop from '@atlaskit/ds-lib/noop';

package/dist/esm/internal/menu.js

@@ -1,13 +1,21 @@
 import _extends from "@babel/runtime/helpers/extends";
 /** @jsx jsx */
 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 { N0, N50A, N60A } from '@atlaskit/theme/colors';
 import { layers } from '@atlaskit/theme/constants';
 import FixedLayer from '../internal/fixed-layer';
-import { getValidDate } from './parse-date';
+function getValidDate(iso) {
+  var date = parseISO(iso);
+  return isValid(date) ? {
+    day: date.getDate(),
+    month: date.getMonth() + 1,
+    year: date.getFullYear()
+  } : {};
+}
 var menuStyles = css({
   zIndex: layers.dialog(),
   backgroundColor: "var(--ds-surface-overlay, ".concat(N0, ")"),

package/dist/esm/internal/parse-date.js

@@ -1,13 +1,12 @@
-import { format, isValid, parseISO } from 'date-fns';
+import { format } from 'date-fns';
 import { convertTokens } from './parse-tokens';
-export function getValidDate(iso) {
-  var date = parseISO(iso);
-  return isValid(date) ? {
-    day: date.getDate(),
-    month: date.getMonth() + 1,
-    year: date.getFullYear()
-  } : {};
-}
+
+/**
+ * Converts a Date object into an ISO date, formatted `YYYY-MM-DD`.
+ *
+ * @param date The date to convert.
+ * @returns An ISO date (`YYYY-MM-DD`).
+ */
 export function getShortISOString(date) {
   return format(date, convertTokens('YYYY-MM-DD'));
 }

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

@@ -34,6 +34,7 @@ declare const datePickerDefaultProps: {
     innerProps: {};
     isDisabled: boolean;
     isInvalid: boolean;
+    label: string;
     name: string;
     onBlur: (_event: React.FocusEvent<HTMLInputElement>) => void;
     onChange: (_value: string) => void;
@@ -56,6 +57,7 @@ declare class DatePicker extends Component<DatePickerProps, State> {
         innerProps: {};
         isDisabled: boolean;
         isInvalid: boolean;
+        label: string;
         name: string;
         onBlur: (_event: import("react").FocusEvent<HTMLInputElement>) => void;
         onChange: (_value: string) => void;
@@ -119,7 +121,7 @@ declare class DatePicker extends Component<DatePickerProps, State> {
     render(): jsx.JSX.Element;
 }
 export { DatePicker as DatePickerWithoutAnalytics };
-declare const _default: import("react").ForwardRefExoticComponent<Pick<Pick<Omit<DatePickerProps, keyof import("@atlaskit/analytics-next").WithAnalyticsEventsProps>, "testId" | "placeholder" | "maxDate" | "minDate" | "nextMonthLabel" | "previousMonthLabel" | "weekStartDay" | "value" | "isOpen" | "parseInputValue" | "formatDisplayLabel" | "dateFormat"> & Partial<Pick<Omit<DatePickerProps, keyof import("@atlaskit/analytics-next").WithAnalyticsEventsProps>, "icon" | "disabled" | "appearance" | "selectProps" | "innerProps" | "isDisabled" | "defaultValue" | "id" | "onFocus" | "onBlur" | "onChange" | "disabledDateFilter" | "locale" | "autoFocus" | "defaultIsOpen" | "name" | "spacing" | "isInvalid" | "hideIcon">> & Partial<Pick<{
+declare const _default: import("react").ForwardRefExoticComponent<Pick<Pick<Omit<DatePickerProps, keyof import("@atlaskit/analytics-next").WithAnalyticsEventsProps>, "testId" | "placeholder" | "maxDate" | "minDate" | "nextMonthLabel" | "previousMonthLabel" | "weekStartDay" | "value" | "isOpen" | "parseInputValue" | "formatDisplayLabel" | "dateFormat"> & Partial<Pick<Omit<DatePickerProps, keyof import("@atlaskit/analytics-next").WithAnalyticsEventsProps>, "label" | "icon" | "disabled" | "appearance" | "selectProps" | "innerProps" | "isDisabled" | "defaultValue" | "id" | "onFocus" | "onBlur" | "onChange" | "disabledDateFilter" | "locale" | "autoFocus" | "defaultIsOpen" | "name" | "spacing" | "isInvalid" | "hideIcon">> & Partial<Pick<{
     appearance: Appearance;
     autoFocus: boolean;
     defaultIsOpen: boolean;
@@ -132,6 +134,7 @@ declare const _default: import("react").ForwardRefExoticComponent<Pick<Pick<Omit
     innerProps: {};
     isDisabled: boolean;
     isInvalid: boolean;
+    label: string;
     name: string;
     onBlur: (_event: import("react").FocusEvent<HTMLInputElement>) => void;
     onChange: (_value: string) => void;
@@ -139,5 +142,5 @@ declare const _default: import("react").ForwardRefExoticComponent<Pick<Pick<Omit
     selectProps: {};
     spacing: Spacing;
     locale: string;
-}, never>> & import("react").RefAttributes<any> & import("@atlaskit/analytics-next").WithContextProps, "testId" | "icon" | "disabled" | "appearance" | "selectProps" | "innerProps" | "isDisabled" | "key" | "defaultValue" | "id" | "placeholder" | "onFocus" | "onBlur" | "onChange" | "disabledDateFilter" | "maxDate" | "minDate" | "nextMonthLabel" | "previousMonthLabel" | "locale" | "analyticsContext" | "weekStartDay" | "value" | "autoFocus" | "defaultIsOpen" | "isOpen" | "name" | "parseInputValue" | "formatDisplayLabel" | "spacing" | "isInvalid" | "hideIcon" | "dateFormat"> & import("react").RefAttributes<any>>;
+}, never>> & import("react").RefAttributes<any> & import("@atlaskit/analytics-next").WithContextProps, "testId" | "label" | "icon" | "disabled" | "appearance" | "selectProps" | "innerProps" | "isDisabled" | "key" | "defaultValue" | "id" | "placeholder" | "onFocus" | "onBlur" | "onChange" | "disabledDateFilter" | "maxDate" | "minDate" | "nextMonthLabel" | "previousMonthLabel" | "locale" | "analyticsContext" | "weekStartDay" | "value" | "autoFocus" | "defaultIsOpen" | "isOpen" | "name" | "parseInputValue" | "formatDisplayLabel" | "spacing" | "isInvalid" | "hideIcon" | "dateFormat"> & import("react").RefAttributes<any>>;
 export default _default;

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

@@ -23,6 +23,7 @@ declare const timePickerDefaultProps: {
     innerProps: {};
     isDisabled: boolean;
     isInvalid: boolean;
+    label: string;
     name: string;
     onBlur: (_event: React.FocusEvent<HTMLInputElement>) => void;
     onChange: (_value: string) => void;
@@ -46,6 +47,7 @@ declare class TimePicker extends React.Component<TimePickerProps, State> {
         innerProps: {};
         isDisabled: boolean;
         isInvalid: boolean;
+        label: string;
         name: string;
         onBlur: (_event: React.FocusEvent<HTMLInputElement>) => void;
         onChange: (_value: string) => void;
@@ -78,7 +80,7 @@ declare class TimePicker extends React.Component<TimePickerProps, State> {
     render(): JSX.Element;
 }
 export { TimePicker as TimePickerWithoutAnalytics };
-declare const _default: React.ForwardRefExoticComponent<Pick<Pick<Omit<TimePickerProps, keyof import("@atlaskit/analytics-next").WithAnalyticsEventsProps>, "testId" | "placeholder" | "value" | "isOpen" | "formatDisplayLabel" | "timeFormat"> & Partial<Pick<Omit<TimePickerProps, keyof import("@atlaskit/analytics-next").WithAnalyticsEventsProps>, "times" | "appearance" | "selectProps" | "innerProps" | "isDisabled" | "defaultValue" | "id" | "onFocus" | "onBlur" | "onChange" | "locale" | "autoFocus" | "defaultIsOpen" | "name" | "parseInputValue" | "spacing" | "isInvalid" | "hideIcon" | "timeIsEditable">> & Partial<Pick<{
+declare const _default: React.ForwardRefExoticComponent<Pick<Pick<Omit<TimePickerProps, keyof import("@atlaskit/analytics-next").WithAnalyticsEventsProps>, "testId" | "placeholder" | "value" | "isOpen" | "formatDisplayLabel" | "timeFormat"> & Partial<Pick<Omit<TimePickerProps, keyof import("@atlaskit/analytics-next").WithAnalyticsEventsProps>, "times" | "label" | "appearance" | "selectProps" | "innerProps" | "isDisabled" | "defaultValue" | "id" | "onFocus" | "onBlur" | "onChange" | "locale" | "autoFocus" | "defaultIsOpen" | "name" | "parseInputValue" | "spacing" | "isInvalid" | "hideIcon" | "timeIsEditable">> & Partial<Pick<{
     appearance: Appearance;
     autoFocus: boolean;
     defaultIsOpen: boolean;
@@ -88,6 +90,7 @@ declare const _default: React.ForwardRefExoticComponent<Pick<Pick<Omit<TimePicke
     innerProps: {};
     isDisabled: boolean;
     isInvalid: boolean;
+    label: string;
     name: string;
     onBlur: (_event: React.FocusEvent<HTMLInputElement>) => void;
     onChange: (_value: string) => void;
@@ -98,5 +101,5 @@ declare const _default: React.ForwardRefExoticComponent<Pick<Pick<Omit<TimePicke
     times: string[];
     timeIsEditable: boolean;
     locale: string;
-}, never>> & React.RefAttributes<any> & import("@atlaskit/analytics-next").WithContextProps, "times" | "testId" | "appearance" | "selectProps" | "innerProps" | "isDisabled" | "key" | "defaultValue" | "id" | "placeholder" | "onFocus" | "onBlur" | "onChange" | "locale" | "analyticsContext" | "value" | "autoFocus" | "defaultIsOpen" | "isOpen" | "name" | "parseInputValue" | "formatDisplayLabel" | "spacing" | "isInvalid" | "hideIcon" | "timeIsEditable" | "timeFormat"> & React.RefAttributes<any>>;
+}, never>> & React.RefAttributes<any> & import("@atlaskit/analytics-next").WithContextProps, "times" | "testId" | "label" | "appearance" | "selectProps" | "innerProps" | "isDisabled" | "key" | "defaultValue" | "id" | "placeholder" | "onFocus" | "onBlur" | "onChange" | "locale" | "analyticsContext" | "value" | "autoFocus" | "defaultIsOpen" | "isOpen" | "name" | "parseInputValue" | "formatDisplayLabel" | "spacing" | "isInvalid" | "hideIcon" | "timeIsEditable" | "timeFormat"> & React.RefAttributes<any>>;
 export default _default;

package/dist/types/internal/parse-date.d.ts

@@ -1,11 +1,8 @@
-export declare function getValidDate(iso: string): {
-    day: number;
-    month: number;
-    year: number;
-} | {
-    day?: undefined;
-    month?: undefined;
-    year?: undefined;
-};
+/**
+ * Converts a Date object into an ISO date, formatted `YYYY-MM-DD`.
+ *
+ * @param date The date to convert.
+ * @returns An ISO date (`YYYY-MM-DD`).
+ */
 export declare function getShortISOString(date: Date): string;
 export declare function getSafeCalendarValue(calendarValue: string): string;

package/dist/types/types.d.ts

@@ -9,7 +9,7 @@ export interface DatePickerBaseProps extends WithAnalyticsEventsProps {
      *
      * `subtle` will remove the borders, background, and icon.
      *
-     *NOTE:** Appearance values will be ignored if styles are parsed through `selectProps`.
+     * **NOTE:** Appearance values will be ignored if styles are parsed through `selectProps`.
      */
     appearance?: Appearance;
     /**
@@ -34,6 +34,10 @@ export interface DatePickerBaseProps extends WithAnalyticsEventsProps {
      * The function is called with a date string in the format `YYYY-MM-DD` and should return `true` if the date should be disabled.
      */
     disabledDateFilter?: (date: string) => boolean;
+    /**
+     * Accessible name for the Date Picker Select, rendered as `aria-label`. This will override any other method of providing a label.
+     */
+    label?: string;
     /**
      * The latest enabled date. Dates after this are disabled on the calendar. This does not affect what users can type into the picker.
      */
@@ -89,7 +93,7 @@ export interface DatePickerBaseProps extends WithAnalyticsEventsProps {
      */
     parseInputValue?: (date: string, dateFormat: string) => Date;
     /**
-     * A function for formatting the date displayed in the input. By default composes together [date-fn's parse method](https://date-fns.org/v1.29.0/docs/parse) and [date-fn's format method](https://date-fns.org/v1.29.0/docs/format) to return a correctly formatted date string.
+     * A function for formatting the date displayed in the input. By default composes together [`date-fns`'s parse method](https://date-fns.org/v1.29.0/docs/parse) and [`date-fns`'s format method](https://date-fns.org/v1.29.0/docs/format) to return a correctly formatted date string.
      */
     formatDisplayLabel?: (value: string, dateFormat: string) => string;
     /**
@@ -190,6 +194,10 @@ export interface TimePickerBaseProps extends WithAnalyticsEventsProps {
      * Set if the dropdown is open. Will be `false` if not provided.
      */
     isOpen?: boolean;
+    /**
+     * Accessible name for the Time Picker Select, rendered as `aria-label`. This will override any other method of providing a label.
+     */
+    label?: string;
     /**
      * The name of the field.
      */

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

@@ -34,6 +34,7 @@ declare const datePickerDefaultProps: {
     innerProps: {};
     isDisabled: boolean;
     isInvalid: boolean;
+    label: string;
     name: string;
     onBlur: (_event: React.FocusEvent<HTMLInputElement>) => void;
     onChange: (_value: string) => void;
@@ -56,6 +57,7 @@ declare class DatePicker extends Component<DatePickerProps, State> {
         innerProps: {};
         isDisabled: boolean;
         isInvalid: boolean;
+        label: string;
         name: string;
         onBlur: (_event: import("react").FocusEvent<HTMLInputElement>) => void;
         onChange: (_value: string) => void;
@@ -119,7 +121,7 @@ declare class DatePicker extends Component<DatePickerProps, State> {
     render(): jsx.JSX.Element;
 }
 export { DatePicker as DatePickerWithoutAnalytics };
-declare const _default: import("react").ForwardRefExoticComponent<Pick<Pick<Omit<DatePickerProps, keyof import("@atlaskit/analytics-next").WithAnalyticsEventsProps>, "testId" | "placeholder" | "maxDate" | "minDate" | "nextMonthLabel" | "previousMonthLabel" | "weekStartDay" | "value" | "isOpen" | "parseInputValue" | "formatDisplayLabel" | "dateFormat"> & Partial<Pick<Omit<DatePickerProps, keyof import("@atlaskit/analytics-next").WithAnalyticsEventsProps>, "icon" | "disabled" | "appearance" | "selectProps" | "innerProps" | "isDisabled" | "defaultValue" | "id" | "onFocus" | "onBlur" | "onChange" | "disabledDateFilter" | "locale" | "autoFocus" | "defaultIsOpen" | "name" | "spacing" | "isInvalid" | "hideIcon">> & Partial<Pick<{
+declare const _default: import("react").ForwardRefExoticComponent<Pick<Pick<Omit<DatePickerProps, keyof import("@atlaskit/analytics-next").WithAnalyticsEventsProps>, "testId" | "placeholder" | "maxDate" | "minDate" | "nextMonthLabel" | "previousMonthLabel" | "weekStartDay" | "value" | "isOpen" | "parseInputValue" | "formatDisplayLabel" | "dateFormat"> & Partial<Pick<Omit<DatePickerProps, keyof import("@atlaskit/analytics-next").WithAnalyticsEventsProps>, "label" | "icon" | "disabled" | "appearance" | "selectProps" | "innerProps" | "isDisabled" | "defaultValue" | "id" | "onFocus" | "onBlur" | "onChange" | "disabledDateFilter" | "locale" | "autoFocus" | "defaultIsOpen" | "name" | "spacing" | "isInvalid" | "hideIcon">> & Partial<Pick<{
     appearance: Appearance;
     autoFocus: boolean;
     defaultIsOpen: boolean;
@@ -132,6 +134,7 @@ declare const _default: import("react").ForwardRefExoticComponent<Pick<Pick<Omit
     innerProps: {};
     isDisabled: boolean;
     isInvalid: boolean;
+    label: string;
     name: string;
     onBlur: (_event: import("react").FocusEvent<HTMLInputElement>) => void;
     onChange: (_value: string) => void;
@@ -139,5 +142,5 @@ declare const _default: import("react").ForwardRefExoticComponent<Pick<Pick<Omit
     selectProps: {};
     spacing: Spacing;
     locale: string;
-}, never>> & import("react").RefAttributes<any> & import("@atlaskit/analytics-next").WithContextProps, "testId" | "icon" | "disabled" | "appearance" | "selectProps" | "innerProps" | "isDisabled" | "key" | "defaultValue" | "id" | "placeholder" | "onFocus" | "onBlur" | "onChange" | "disabledDateFilter" | "maxDate" | "minDate" | "nextMonthLabel" | "previousMonthLabel" | "locale" | "analyticsContext" | "weekStartDay" | "value" | "autoFocus" | "defaultIsOpen" | "isOpen" | "name" | "parseInputValue" | "formatDisplayLabel" | "spacing" | "isInvalid" | "hideIcon" | "dateFormat"> & import("react").RefAttributes<any>>;
+}, never>> & import("react").RefAttributes<any> & import("@atlaskit/analytics-next").WithContextProps, "testId" | "label" | "icon" | "disabled" | "appearance" | "selectProps" | "innerProps" | "isDisabled" | "key" | "defaultValue" | "id" | "placeholder" | "onFocus" | "onBlur" | "onChange" | "disabledDateFilter" | "maxDate" | "minDate" | "nextMonthLabel" | "previousMonthLabel" | "locale" | "analyticsContext" | "weekStartDay" | "value" | "autoFocus" | "defaultIsOpen" | "isOpen" | "name" | "parseInputValue" | "formatDisplayLabel" | "spacing" | "isInvalid" | "hideIcon" | "dateFormat"> & import("react").RefAttributes<any>>;
 export default _default;

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

@@ -23,6 +23,7 @@ declare const timePickerDefaultProps: {
     innerProps: {};
     isDisabled: boolean;
     isInvalid: boolean;
+    label: string;
     name: string;
     onBlur: (_event: React.FocusEvent<HTMLInputElement>) => void;
     onChange: (_value: string) => void;
@@ -46,6 +47,7 @@ declare class TimePicker extends React.Component<TimePickerProps, State> {
         innerProps: {};
         isDisabled: boolean;
         isInvalid: boolean;
+        label: string;
         name: string;
         onBlur: (_event: React.FocusEvent<HTMLInputElement>) => void;
         onChange: (_value: string) => void;
@@ -78,7 +80,7 @@ declare class TimePicker extends React.Component<TimePickerProps, State> {
     render(): JSX.Element;
 }
 export { TimePicker as TimePickerWithoutAnalytics };
-declare const _default: React.ForwardRefExoticComponent<Pick<Pick<Omit<TimePickerProps, keyof import("@atlaskit/analytics-next").WithAnalyticsEventsProps>, "testId" | "placeholder" | "value" | "isOpen" | "formatDisplayLabel" | "timeFormat"> & Partial<Pick<Omit<TimePickerProps, keyof import("@atlaskit/analytics-next").WithAnalyticsEventsProps>, "times" | "appearance" | "selectProps" | "innerProps" | "isDisabled" | "defaultValue" | "id" | "onFocus" | "onBlur" | "onChange" | "locale" | "autoFocus" | "defaultIsOpen" | "name" | "parseInputValue" | "spacing" | "isInvalid" | "hideIcon" | "timeIsEditable">> & Partial<Pick<{
+declare const _default: React.ForwardRefExoticComponent<Pick<Pick<Omit<TimePickerProps, keyof import("@atlaskit/analytics-next").WithAnalyticsEventsProps>, "testId" | "placeholder" | "value" | "isOpen" | "formatDisplayLabel" | "timeFormat"> & Partial<Pick<Omit<TimePickerProps, keyof import("@atlaskit/analytics-next").WithAnalyticsEventsProps>, "times" | "label" | "appearance" | "selectProps" | "innerProps" | "isDisabled" | "defaultValue" | "id" | "onFocus" | "onBlur" | "onChange" | "locale" | "autoFocus" | "defaultIsOpen" | "name" | "parseInputValue" | "spacing" | "isInvalid" | "hideIcon" | "timeIsEditable">> & Partial<Pick<{
     appearance: Appearance;
     autoFocus: boolean;
     defaultIsOpen: boolean;
@@ -88,6 +90,7 @@ declare const _default: React.ForwardRefExoticComponent<Pick<Pick<Omit<TimePicke
     innerProps: {};
     isDisabled: boolean;
     isInvalid: boolean;
+    label: string;
     name: string;
     onBlur: (_event: React.FocusEvent<HTMLInputElement>) => void;
     onChange: (_value: string) => void;
@@ -98,5 +101,5 @@ declare const _default: React.ForwardRefExoticComponent<Pick<Pick<Omit<TimePicke
     times: string[];
     timeIsEditable: boolean;
     locale: string;
-}, never>> & React.RefAttributes<any> & import("@atlaskit/analytics-next").WithContextProps, "times" | "testId" | "appearance" | "selectProps" | "innerProps" | "isDisabled" | "key" | "defaultValue" | "id" | "placeholder" | "onFocus" | "onBlur" | "onChange" | "locale" | "analyticsContext" | "value" | "autoFocus" | "defaultIsOpen" | "isOpen" | "name" | "parseInputValue" | "formatDisplayLabel" | "spacing" | "isInvalid" | "hideIcon" | "timeIsEditable" | "timeFormat"> & React.RefAttributes<any>>;
+}, never>> & React.RefAttributes<any> & import("@atlaskit/analytics-next").WithContextProps, "times" | "testId" | "label" | "appearance" | "selectProps" | "innerProps" | "isDisabled" | "key" | "defaultValue" | "id" | "placeholder" | "onFocus" | "onBlur" | "onChange" | "locale" | "analyticsContext" | "value" | "autoFocus" | "defaultIsOpen" | "isOpen" | "name" | "parseInputValue" | "formatDisplayLabel" | "spacing" | "isInvalid" | "hideIcon" | "timeIsEditable" | "timeFormat"> & React.RefAttributes<any>>;
 export default _default;

package/dist/types-ts4.5/internal/parse-date.d.ts

@@ -1,11 +1,8 @@
-export declare function getValidDate(iso: string): {
-    day: number;
-    month: number;
-    year: number;
-} | {
-    day?: undefined;
-    month?: undefined;
-    year?: undefined;
-};
+/**
+ * Converts a Date object into an ISO date, formatted `YYYY-MM-DD`.
+ *
+ * @param date The date to convert.
+ * @returns An ISO date (`YYYY-MM-DD`).
+ */
 export declare function getShortISOString(date: Date): string;
 export declare function getSafeCalendarValue(calendarValue: string): string;

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

@@ -9,7 +9,7 @@ export interface DatePickerBaseProps extends WithAnalyticsEventsProps {
      *
      * `subtle` will remove the borders, background, and icon.
      *
-     *NOTE:** Appearance values will be ignored if styles are parsed through `selectProps`.
+     * **NOTE:** Appearance values will be ignored if styles are parsed through `selectProps`.
      */
     appearance?: Appearance;
     /**
@@ -34,6 +34,10 @@ export interface DatePickerBaseProps extends WithAnalyticsEventsProps {
      * The function is called with a date string in the format `YYYY-MM-DD` and should return `true` if the date should be disabled.
      */
     disabledDateFilter?: (date: string) => boolean;
+    /**
+     * Accessible name for the Date Picker Select, rendered as `aria-label`. This will override any other method of providing a label.
+     */
+    label?: string;
     /**
      * The latest enabled date. Dates after this are disabled on the calendar. This does not affect what users can type into the picker.
      */
@@ -89,7 +93,7 @@ export interface DatePickerBaseProps extends WithAnalyticsEventsProps {
      */
     parseInputValue?: (date: string, dateFormat: string) => Date;
     /**
-     * A function for formatting the date displayed in the input. By default composes together [date-fn's parse method](https://date-fns.org/v1.29.0/docs/parse) and [date-fn's format method](https://date-fns.org/v1.29.0/docs/format) to return a correctly formatted date string.
+     * A function for formatting the date displayed in the input. By default composes together [`date-fns`'s parse method](https://date-fns.org/v1.29.0/docs/parse) and [`date-fns`'s format method](https://date-fns.org/v1.29.0/docs/format) to return a correctly formatted date string.
      */
     formatDisplayLabel?: (value: string, dateFormat: string) => string;
     /**
@@ -190,6 +194,10 @@ export interface TimePickerBaseProps extends WithAnalyticsEventsProps {
      * Set if the dropdown is open. Will be `false` if not provided.
      */
     isOpen?: boolean;
+    /**
+     * Accessible name for the Time Picker Select, rendered as `aria-label`. This will override any other method of providing a label.
+     */
+    label?: string;
     /**
      * The name of the field.
      */

package/extract-react-types/date-picker-props.tsx

@@ -1,4 +1,4 @@
-import { DatePickerBaseProps } from '../src/components/date-picker';
+import { DatePickerBaseProps } from '../src/types';
 
 export default function DatePickerProps(props: DatePickerBaseProps) {
   return null;

package/extract-react-types/time-picker-props.tsx

@@ -1,4 +1,4 @@
-import { TimePickerBaseProps } from '../src/components/time-picker';
+import { TimePickerBaseProps } from '../src/types';
 
 export default function TimePickerProps(props: TimePickerBaseProps) {
   return null;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/datetime-picker",
-  "version": "13.0.12",
+  "version": "13.2.0",
   "description": "A date time picker allows the user to select an associated date and time.",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"
@@ -46,9 +46,9 @@
     "@atlaskit/locale": "^2.6.0",
     "@atlaskit/platform-feature-flags": "^0.2.0",
     "@atlaskit/popper": "^5.5.0",
-    "@atlaskit/select": "^17.1.0",
+    "@atlaskit/select": "^17.3.0",
     "@atlaskit/theme": "^12.6.0",
-    "@atlaskit/tokens": "^1.38.0",
+    "@atlaskit/tokens": "^1.41.0",
     "@babel/runtime": "^7.0.0",
     "@emotion/react": "^11.7.1",
     "date-fns": "^2.17.0",
@@ -61,15 +61,16 @@
   "devDependencies": {
     "@af/accessibility-testing": "*",
     "@af/integration-testing": "*",
-    "@atlaskit/button": "^17.4.0",
+    "@af/visual-regression": "*",
+    "@atlaskit/button": "^17.7.0",
     "@atlaskit/docs": "*",
     "@atlaskit/form": "^9.0.3",
     "@atlaskit/modal-dialog": "^12.10.0",
-    "@atlaskit/popup": "^1.12.0",
+    "@atlaskit/popup": "^1.13.0",
     "@atlaskit/range": "^7.1.0",
     "@atlaskit/section-message": "^6.4.0",
     "@atlaskit/ssr": "*",
-    "@atlaskit/textfield": "^6.0.0",
+    "@atlaskit/textfield": "^6.1.0",
     "@atlaskit/toggle": "^13.0.0",
     "@atlaskit/visual-regression": "*",
     "@atlassian/atlassian-frontend-prettier-config-1.0.1": "npm:@atlassian/atlassian-frontend-prettier-config@1.0.1",
@@ -109,9 +110,6 @@
     "platform.design-system-team.border-checkbox_nyoiu": {
       "type": "boolean"
     },
-    "platform.design-system-team.update-input-border-wdith_5abwv": {
-      "type": "boolean"
-    },
     "platform.design-system-team.date-picker-input-a11y-fix_cbbxs": {
       "type": "boolean"
     }