@atlaskit/datetime-picker 17.0.0 → 17.0.2

package/CHANGELOG.md

@@ -1,5 +1,20 @@
 # @atlaskit/datetime-picker
 
+## 17.0.2
+
+### Patch Changes
+
+- Updated dependencies
+
+## 17.0.1
+
+### Patch Changes
+
+- [#142578](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/pull-requests/142578)
+  [`a1e85a3a1ca96`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/a1e85a3a1ca96) -
+  Add componenets API support in selectProps
+- Updated dependencies
+
 ## 17.0.0
 
 ### Major Changes

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

@@ -41,7 +41,7 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
 function _callSuper(t, o, e) { return o = (0, _getPrototypeOf2.default)(o), (0, _possibleConstructorReturn2.default)(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], (0, _getPrototypeOf2.default)(t).constructor) : o.apply(t, e)); }
 function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
 var packageName = "@atlaskit/datetime-picker";
-var packageVersion = "17.0.0";
+var packageVersion = "17.0.2";
 var datePickerDefaultProps = {
   defaultIsOpen: false,
   defaultValue: '',
@@ -448,7 +448,7 @@ var DatePickerComponent = exports.DatePickerWithoutAnalytics = /*#__PURE__*/func
       var showClearIndicator = Boolean((value || selectInputValue) && !hideIcon);
       var clearIndicator = Icon;
 
-      // eslint-disable-next-line @atlaskit/platform/no-preconditioning, @atlaskit/platform/ensure-feature-flag-prefix
+      // eslint-disable-next-line @atlaskit/platform/ensure-feature-flag-prefix
       if ((0, _platformFeatureFlags.fg)('platform-visual-refresh-icons')) {
         clearIndicator = function clearIndicator(props) {
           return /*#__PURE__*/React.createElement(_compiled.Box, {
@@ -460,7 +460,7 @@ var DatePickerComponent = exports.DatePickerWithoutAnalytics = /*#__PURE__*/func
       var SingleValue = (0, _singleValue.makeSingleValue)({
         lang: this.props.locale
       });
-      var selectComponents = _objectSpread(_objectSpread({
+      var selectComponents = _objectSpread(_objectSpread(_objectSpread({
         DropdownIndicator: shouldShowCalendarButton ? _internal.EmptyComponent : dropDownIcon
       }, shouldShowCalendarButton ? {
         IndicatorsContainer: function IndicatorsContainer(props) {
@@ -473,7 +473,7 @@ var DatePickerComponent = exports.DatePickerWithoutAnalytics = /*#__PURE__*/func
         SingleValue: SingleValue
       }, !showClearIndicator && {
         ClearIndicator: _internal.EmptyComponent
-      });
+      }), selectProps.components);
       var _selectProps$styles = selectProps.styles,
         selectStyles = _selectProps$styles === void 0 ? {} : _selectProps$styles;
       var disabledStyle = isDisabled ? {
@@ -545,15 +545,7 @@ var DatePickerComponent = exports.DatePickerWithoutAnalytics = /*#__PURE__*/func
         ,
         autoFocus: autoFocus,
         clearControlLabel: clearControlLabel,
-        closeMenuOnSelect: true
-        // FOr some reason, this and the below `styles` type error _only_ show
-        // up when you alter some of the properties in the `selectComponents`
-        // object. These errors are still present, and I suspect have always
-        // been present, without changing the unrelated code. Ignoring as the
-        // component still works as expected despite this error. And also
-        // because the select refresh team may solve it later.
-        ,
-        components: selectComponents,
+        closeMenuOnSelect: true,
         enableAnimation: false,
         inputId: id,
         inputValue: actualSelectInputValue,
@@ -567,12 +559,22 @@ var DatePickerComponent = exports.DatePickerWithoutAnalytics = /*#__PURE__*/func
         placeholder: (0, _datePickerMigration.getPlaceholder)({
           placeholder: this.props.placeholder,
           l10n: this.state.l10n
-        }),
+        })
+        // @ts-ignore -- Argument of type 'StylesConfig<OptionType, false, GroupBase<OptionType>>' is not assignable to parameter of type 'StylesConfig<OptionType, boolean, GroupBase<OptionType>>'
+        ,
         styles: mergedStyles,
         value: initialValue
       }, selectProps, {
+        // For some reason, this and the below `styles` type error _only_ show
+        // up when you alter some of the properties in the `selectComponents`
+        // object. These errors are still present, and I suspect have always
+        // been present, without changing the unrelated code. Ignoring as the
+        // component still works as expected despite this error. And also
+        // because the select refresh team may solve it later.
+        components: selectComponents
         // These are below the spread because I don't know what is in
         // selectProps or not and what wil be overwritten
+        ,
         isClearable: true,
         isInvalid: isInvalid,
         spacing: spacing,

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

@@ -37,7 +37,7 @@ function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e;
 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; }
 var packageName = "@atlaskit/datetime-picker";
-var packageVersion = "17.0.0";
+var packageVersion = "17.0.2";
 var styles = {
   pickerContainerStyle: "_kqswh2mm",
   dropdownIndicatorStyles: "_1ul91k8s _1tke1k8s _1e0c1txw _4cvr1h6o _1bah1h6o",
@@ -440,7 +440,7 @@ var DatePicker = /*#__PURE__*/(0, _react.forwardRef)(function (props, forwardedR
   var showClearIndicator = Boolean((getterValue || selectInputValue) && !hideIcon);
   var clearIndicator = Icon;
 
-  // eslint-disable-next-line @atlaskit/platform/no-preconditioning, @atlaskit/platform/ensure-feature-flag-prefix
+  // eslint-disable-next-line @atlaskit/platform/ensure-feature-flag-prefix
   if ((0, _platformFeatureFlags.fg)('platform-visual-refresh-icons')) {
     clearIndicator = function clearIndicator(props) {
       return /*#__PURE__*/React.createElement(_compiled.Box, {
@@ -452,7 +452,7 @@ var DatePicker = /*#__PURE__*/(0, _react.forwardRef)(function (props, forwardedR
   var SingleValue = (0, _singleValue.makeSingleValue)({
     lang: propLocale
   });
-  var selectComponents = _objectSpread(_objectSpread({
+  var selectComponents = _objectSpread(_objectSpread(_objectSpread({}, selectProps.components), {}, {
     DropdownIndicator: shouldShowCalendarButton ? _internal.EmptyComponent : dropDownIcon
   }, shouldShowCalendarButton ? {
     IndicatorsContainer: function IndicatorsContainer(props) {
@@ -543,15 +543,7 @@ var DatePicker = /*#__PURE__*/(0, _react.forwardRef)(function (props, forwardedR
     ,
     autoFocus: autoFocus,
     clearControlLabel: clearControlLabel,
-    closeMenuOnSelect: true
-    // For some reason, this and the below `styles` type error _only_ show
-    // up when you alter some of the properties in the `selectComponents`
-    // object. These errors are still present, and I suspect have always
-    // been present, without changing the unrelated code. Ignoring as the
-    // component still works as expected despite this error. And also
-    // because the select refresh team may solve it later.
-    ,
-    components: selectComponents,
+    closeMenuOnSelect: true,
     enableAnimation: false,
     inputId: id,
     inputValue: actualSelectInputValue,
@@ -567,12 +559,21 @@ var DatePicker = /*#__PURE__*/(0, _react.forwardRef)(function (props, forwardedR
       l10n: l10n
     })
     // eslint-disable-next-line @atlaskit/design-system/no-unsafe-style-overrides
+    // @ts-ignore -- Type 'OptionType' is not assignable to type '{ label: string; value: string; }'
     ,
     styles: mergedStyles,
     value: initialValue
   }, selectProps, {
+    // For some reason, this and the below `styles` type error _only_ show
+    // up when you alter some of the properties in the `selectComponents`
+    // object. These errors are still present, and I suspect have always
+    // been present, without changing the unrelated code. Ignoring as the
+    // component still works as expected despite this error. And also
+    // because the select refresh team may solve it later.
+    components: selectComponents
     // These are below the spread because I don't know what is in
     // selectProps or not and what wil be overwritten
+    ,
     isClearable: true,
     isInvalid: isInvalid,
     spacing: spacing,
@@ -605,7 +606,6 @@ var DatePicker = /*#__PURE__*/(0, _react.forwardRef)(function (props, forwardedR
     id: openCalendarLabelId,
     icon: function icon(iconProps) {
       return /*#__PURE__*/React.createElement(_calendar.default, (0, _extends2.default)({}, iconProps, {
-        // eslint-disable-next-line @atlaskit/platform/ensure-feature-flag-prefix
         color: "var(--ds-icon, #44546F)"
       }));
     },

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

@@ -35,7 +35,7 @@ var DatePicker = (0, _ffComponent.componentWithCondition)(function () {
   return (0, _platformFeatureFlags.fg)('dst-date-picker-use-functional-component');
 }, _datePickerFc.default, _datePickerClass.default);
 var packageName = "@atlaskit/datetime-picker";
-var packageVersion = "17.0.0";
+var packageVersion = "17.0.2";
 var compiledStyles = {
   datePickerContainerStyles: "_i0dl1ssb _16jlkb7n _1o9zidpf",
   timePickerContainerStyles: "_i0dl1ssb _16jlkb7n",

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

@@ -40,7 +40,7 @@ function () {
   return (0, _platformFeatureFlags.fg)('dst-date-picker-use-functional-component');
 }, _datePickerFc.default, _datePickerClass.default);
 var packageName = "@atlaskit/datetime-picker";
-var packageVersion = "17.0.0";
+var packageVersion = "17.0.2";
 var analyticsAttributes = {
   componentName: 'dateTimePicker',
   packageName: packageName,

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

@@ -27,7 +27,7 @@ function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e;
 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; }
 var packageName = "@atlaskit/datetime-picker";
-var packageVersion = "17.0.0";
+var packageVersion = "17.0.2";
 var menuStyles = {
   /* Need to remove default absolute positioning as that causes issues with position fixed */
   position: 'static',

package/dist/cjs/internal/ff-component.js

@@ -52,7 +52,5 @@ function componentWithCondition(condition, ComponentTrue, ComponentFalse) {
   if (ComponentTrue.name !== '') {
     ComponentWithCondition.displayName = "ComponentWithCondition[".concat(condition.name, "]");
   }
-
-  // eslint-disable-next-line @typescript-eslint/consistent-type-assertions
   return ComponentWithCondition;
 }

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

@@ -22,7 +22,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 = "17.0.0";
+const packageVersion = "17.0.2";
 const datePickerDefaultProps = {
   defaultIsOpen: false,
   defaultValue: '',
@@ -423,7 +423,7 @@ class DatePickerComponent extends Component {
     const showClearIndicator = Boolean((value || selectInputValue) && !hideIcon);
     let clearIndicator = Icon;
 
-    // eslint-disable-next-line @atlaskit/platform/no-preconditioning, @atlaskit/platform/ensure-feature-flag-prefix
+    // eslint-disable-next-line @atlaskit/platform/ensure-feature-flag-prefix
     if (fg('platform-visual-refresh-icons')) {
       clearIndicator = props => /*#__PURE__*/React.createElement(Box, {
         xcss: styles.dropdownIndicatorStyles
@@ -446,7 +446,8 @@ class DatePickerComponent extends Component {
       SingleValue,
       ...(!showClearIndicator && {
         ClearIndicator: EmptyComponent
-      })
+      }),
+      ...selectProps.components
     };
     const {
       styles: selectStyles = {}
@@ -520,15 +521,7 @@ class DatePickerComponent extends Component {
       ,
       autoFocus: autoFocus,
       clearControlLabel: clearControlLabel,
-      closeMenuOnSelect: true
-      // FOr some reason, this and the below `styles` type error _only_ show
-      // up when you alter some of the properties in the `selectComponents`
-      // object. These errors are still present, and I suspect have always
-      // been present, without changing the unrelated code. Ignoring as the
-      // component still works as expected despite this error. And also
-      // because the select refresh team may solve it later.
-      ,
-      components: selectComponents,
+      closeMenuOnSelect: true,
       enableAnimation: false,
       inputId: id,
       inputValue: actualSelectInputValue,
@@ -542,12 +535,22 @@ class DatePickerComponent extends Component {
       placeholder: getPlaceholder({
         placeholder: this.props.placeholder,
         l10n: this.state.l10n
-      }),
+      })
+      // @ts-ignore -- Argument of type 'StylesConfig<OptionType, false, GroupBase<OptionType>>' is not assignable to parameter of type 'StylesConfig<OptionType, boolean, GroupBase<OptionType>>'
+      ,
       styles: mergedStyles,
       value: initialValue
     }, selectProps, {
+      // For some reason, this and the below `styles` type error _only_ show
+      // up when you alter some of the properties in the `selectComponents`
+      // object. These errors are still present, and I suspect have always
+      // been present, without changing the unrelated code. Ignoring as the
+      // component still works as expected despite this error. And also
+      // because the select refresh team may solve it later.
+      components: selectComponents
       // These are below the spread because I don't know what is in
       // selectProps or not and what wil be overwritten
+      ,
       isClearable: true,
       isInvalid: isInvalid,
       spacing: spacing,

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

@@ -21,7 +21,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 = "17.0.0";
+const packageVersion = "17.0.2";
 const styles = {
   pickerContainerStyle: "_kqswh2mm",
   dropdownIndicatorStyles: "_1ul91k8s _1tke1k8s _1e0c1txw _4cvr1h6o _1bah1h6o",
@@ -365,7 +365,7 @@ const DatePicker = /*#__PURE__*/forwardRef((props, forwardedRef) => {
   const showClearIndicator = Boolean((getterValue || selectInputValue) && !hideIcon);
   let clearIndicator = Icon;
 
-  // eslint-disable-next-line @atlaskit/platform/no-preconditioning, @atlaskit/platform/ensure-feature-flag-prefix
+  // eslint-disable-next-line @atlaskit/platform/ensure-feature-flag-prefix
   if (fg('platform-visual-refresh-icons')) {
     clearIndicator = props => /*#__PURE__*/React.createElement(Box, {
       xcss: styles.dropdownIndicatorStyles
@@ -376,6 +376,7 @@ const DatePicker = /*#__PURE__*/forwardRef((props, forwardedRef) => {
     lang: propLocale
   });
   const selectComponents = {
+    ...selectProps.components,
     DropdownIndicator: shouldShowCalendarButton ? EmptyComponent : dropDownIcon,
     // Only use this new container component if the calendar button is shown.
     // Otherwise, it throws errors downstream for some reason
@@ -468,15 +469,7 @@ const DatePicker = /*#__PURE__*/forwardRef((props, forwardedRef) => {
     ,
     autoFocus: autoFocus,
     clearControlLabel: clearControlLabel,
-    closeMenuOnSelect: true
-    // For some reason, this and the below `styles` type error _only_ show
-    // up when you alter some of the properties in the `selectComponents`
-    // object. These errors are still present, and I suspect have always
-    // been present, without changing the unrelated code. Ignoring as the
-    // component still works as expected despite this error. And also
-    // because the select refresh team may solve it later.
-    ,
-    components: selectComponents,
+    closeMenuOnSelect: true,
     enableAnimation: false,
     inputId: id,
     inputValue: actualSelectInputValue,
@@ -492,12 +485,21 @@ const DatePicker = /*#__PURE__*/forwardRef((props, forwardedRef) => {
       l10n: l10n
     })
     // eslint-disable-next-line @atlaskit/design-system/no-unsafe-style-overrides
+    // @ts-ignore -- Type 'OptionType' is not assignable to type '{ label: string; value: string; }'
     ,
     styles: mergedStyles,
     value: initialValue
   }, selectProps, {
+    // For some reason, this and the below `styles` type error _only_ show
+    // up when you alter some of the properties in the `selectComponents`
+    // object. These errors are still present, and I suspect have always
+    // been present, without changing the unrelated code. Ignoring as the
+    // component still works as expected despite this error. And also
+    // because the select refresh team may solve it later.
+    components: selectComponents
     // These are below the spread because I don't know what is in
     // selectProps or not and what wil be overwritten
+    ,
     isClearable: true,
     isInvalid: isInvalid,
     spacing: spacing,
@@ -529,7 +531,6 @@ const DatePicker = /*#__PURE__*/forwardRef((props, forwardedRef) => {
     "aria-labelledby": inputLabelId ? `${inputLabelId} ${openCalendarLabelId}` : undefined,
     id: openCalendarLabelId,
     icon: iconProps => /*#__PURE__*/React.createElement(CalendarIcon, _extends({}, iconProps, {
-      // eslint-disable-next-line @atlaskit/platform/ensure-feature-flag-prefix
       color: "var(--ds-icon, #44546F)"
     })),
     onClick: onCalendarButtonClick,

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

@@ -17,7 +17,7 @@ import DatePickerNew from './date-picker-fc';
 import TimePicker from './time-picker';
 const DatePicker = componentWithCondition(() => fg('dst-date-picker-use-functional-component'), DatePickerNew, DatePickerOld);
 const packageName = "@atlaskit/datetime-picker";
-const packageVersion = "17.0.0";
+const packageVersion = "17.0.2";
 const compiledStyles = {
   datePickerContainerStyles: "_i0dl1ssb _16jlkb7n _1o9zidpf",
   timePickerContainerStyles: "_i0dl1ssb _16jlkb7n",

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

@@ -21,7 +21,7 @@ const DatePicker = componentWithCondition(
 // eslint-disable-next-line @atlaskit/platform/ensure-feature-flag-prefix
 () => fg('dst-date-picker-use-functional-component'), DatePickerNew, DatePickerOld);
 const packageName = "@atlaskit/datetime-picker";
-const packageVersion = "17.0.0";
+const packageVersion = "17.0.2";
 const analyticsAttributes = {
   componentName: 'dateTimePicker',
   packageName,

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

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

package/dist/es2019/internal/ff-component.js

@@ -41,7 +41,5 @@ export function componentWithCondition(condition, ComponentTrue, ComponentFalse)
   if (ComponentTrue.name !== '') {
     ComponentWithCondition.displayName = `ComponentWithCondition[${condition.name}]`;
   }
-
-  // eslint-disable-next-line @typescript-eslint/consistent-type-assertions
   return ComponentWithCondition;
 }

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

@@ -31,7 +31,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 = "17.0.0";
+var packageVersion = "17.0.2";
 var datePickerDefaultProps = {
   defaultIsOpen: false,
   defaultValue: '',
@@ -438,7 +438,7 @@ var DatePickerComponent = /*#__PURE__*/function (_Component) {
       var showClearIndicator = Boolean((value || selectInputValue) && !hideIcon);
       var clearIndicator = Icon;
 
-      // eslint-disable-next-line @atlaskit/platform/no-preconditioning, @atlaskit/platform/ensure-feature-flag-prefix
+      // eslint-disable-next-line @atlaskit/platform/ensure-feature-flag-prefix
       if (fg('platform-visual-refresh-icons')) {
         clearIndicator = function clearIndicator(props) {
           return /*#__PURE__*/React.createElement(Box, {
@@ -450,7 +450,7 @@ var DatePickerComponent = /*#__PURE__*/function (_Component) {
       var SingleValue = makeSingleValue({
         lang: this.props.locale
       });
-      var selectComponents = _objectSpread(_objectSpread({
+      var selectComponents = _objectSpread(_objectSpread(_objectSpread({
         DropdownIndicator: shouldShowCalendarButton ? EmptyComponent : dropDownIcon
       }, shouldShowCalendarButton ? {
         IndicatorsContainer: function IndicatorsContainer(props) {
@@ -463,7 +463,7 @@ var DatePickerComponent = /*#__PURE__*/function (_Component) {
         SingleValue: SingleValue
       }, !showClearIndicator && {
         ClearIndicator: EmptyComponent
-      });
+      }), selectProps.components);
       var _selectProps$styles = selectProps.styles,
         selectStyles = _selectProps$styles === void 0 ? {} : _selectProps$styles;
       var disabledStyle = isDisabled ? {
@@ -535,15 +535,7 @@ var DatePickerComponent = /*#__PURE__*/function (_Component) {
         ,
         autoFocus: autoFocus,
         clearControlLabel: clearControlLabel,
-        closeMenuOnSelect: true
-        // FOr some reason, this and the below `styles` type error _only_ show
-        // up when you alter some of the properties in the `selectComponents`
-        // object. These errors are still present, and I suspect have always
-        // been present, without changing the unrelated code. Ignoring as the
-        // component still works as expected despite this error. And also
-        // because the select refresh team may solve it later.
-        ,
-        components: selectComponents,
+        closeMenuOnSelect: true,
         enableAnimation: false,
         inputId: id,
         inputValue: actualSelectInputValue,
@@ -557,12 +549,22 @@ var DatePickerComponent = /*#__PURE__*/function (_Component) {
         placeholder: getPlaceholder({
           placeholder: this.props.placeholder,
           l10n: this.state.l10n
-        }),
+        })
+        // @ts-ignore -- Argument of type 'StylesConfig<OptionType, false, GroupBase<OptionType>>' is not assignable to parameter of type 'StylesConfig<OptionType, boolean, GroupBase<OptionType>>'
+        ,
         styles: mergedStyles,
         value: initialValue
       }, selectProps, {
+        // For some reason, this and the below `styles` type error _only_ show
+        // up when you alter some of the properties in the `selectComponents`
+        // object. These errors are still present, and I suspect have always
+        // been present, without changing the unrelated code. Ignoring as the
+        // component still works as expected despite this error. And also
+        // because the select refresh team may solve it later.
+        components: selectComponents
         // These are below the spread because I don't know what is in
         // selectProps or not and what wil be overwritten
+        ,
         isClearable: true,
         isInvalid: isInvalid,
         spacing: spacing,

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

@@ -27,7 +27,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 = "17.0.0";
+var packageVersion = "17.0.2";
 var styles = {
   pickerContainerStyle: "_kqswh2mm",
   dropdownIndicatorStyles: "_1ul91k8s _1tke1k8s _1e0c1txw _4cvr1h6o _1bah1h6o",
@@ -430,7 +430,7 @@ var DatePicker = /*#__PURE__*/forwardRef(function (props, forwardedRef) {
   var showClearIndicator = Boolean((getterValue || selectInputValue) && !hideIcon);
   var clearIndicator = Icon;
 
-  // eslint-disable-next-line @atlaskit/platform/no-preconditioning, @atlaskit/platform/ensure-feature-flag-prefix
+  // eslint-disable-next-line @atlaskit/platform/ensure-feature-flag-prefix
   if (fg('platform-visual-refresh-icons')) {
     clearIndicator = function clearIndicator(props) {
       return /*#__PURE__*/React.createElement(Box, {
@@ -442,7 +442,7 @@ var DatePicker = /*#__PURE__*/forwardRef(function (props, forwardedRef) {
   var SingleValue = makeSingleValue({
     lang: propLocale
   });
-  var selectComponents = _objectSpread(_objectSpread({
+  var selectComponents = _objectSpread(_objectSpread(_objectSpread({}, selectProps.components), {}, {
     DropdownIndicator: shouldShowCalendarButton ? EmptyComponent : dropDownIcon
   }, shouldShowCalendarButton ? {
     IndicatorsContainer: function IndicatorsContainer(props) {
@@ -533,15 +533,7 @@ var DatePicker = /*#__PURE__*/forwardRef(function (props, forwardedRef) {
     ,
     autoFocus: autoFocus,
     clearControlLabel: clearControlLabel,
-    closeMenuOnSelect: true
-    // For some reason, this and the below `styles` type error _only_ show
-    // up when you alter some of the properties in the `selectComponents`
-    // object. These errors are still present, and I suspect have always
-    // been present, without changing the unrelated code. Ignoring as the
-    // component still works as expected despite this error. And also
-    // because the select refresh team may solve it later.
-    ,
-    components: selectComponents,
+    closeMenuOnSelect: true,
     enableAnimation: false,
     inputId: id,
     inputValue: actualSelectInputValue,
@@ -557,12 +549,21 @@ var DatePicker = /*#__PURE__*/forwardRef(function (props, forwardedRef) {
       l10n: l10n
     })
     // eslint-disable-next-line @atlaskit/design-system/no-unsafe-style-overrides
+    // @ts-ignore -- Type 'OptionType' is not assignable to type '{ label: string; value: string; }'
     ,
     styles: mergedStyles,
     value: initialValue
   }, selectProps, {
+    // For some reason, this and the below `styles` type error _only_ show
+    // up when you alter some of the properties in the `selectComponents`
+    // object. These errors are still present, and I suspect have always
+    // been present, without changing the unrelated code. Ignoring as the
+    // component still works as expected despite this error. And also
+    // because the select refresh team may solve it later.
+    components: selectComponents
     // These are below the spread because I don't know what is in
     // selectProps or not and what wil be overwritten
+    ,
     isClearable: true,
     isInvalid: isInvalid,
     spacing: spacing,
@@ -595,7 +596,6 @@ var DatePicker = /*#__PURE__*/forwardRef(function (props, forwardedRef) {
     id: openCalendarLabelId,
     icon: function icon(iconProps) {
       return /*#__PURE__*/React.createElement(CalendarIcon, _extends({}, iconProps, {
-        // eslint-disable-next-line @atlaskit/platform/ensure-feature-flag-prefix
         color: "var(--ds-icon, #44546F)"
       }));
     },

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

@@ -28,7 +28,7 @@ var DatePicker = componentWithCondition(function () {
   return fg('dst-date-picker-use-functional-component');
 }, DatePickerNew, DatePickerOld);
 var packageName = "@atlaskit/datetime-picker";
-var packageVersion = "17.0.0";
+var packageVersion = "17.0.2";
 var compiledStyles = {
   datePickerContainerStyles: "_i0dl1ssb _16jlkb7n _1o9zidpf",
   timePickerContainerStyles: "_i0dl1ssb _16jlkb7n",

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

@@ -30,7 +30,7 @@ function () {
   return fg('dst-date-picker-use-functional-component');
 }, DatePickerNew, DatePickerOld);
 var packageName = "@atlaskit/datetime-picker";
-var packageVersion = "17.0.0";
+var packageVersion = "17.0.2";
 var analyticsAttributes = {
   componentName: 'dateTimePicker',
   packageName: packageName,

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

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

package/dist/esm/internal/ff-component.js

@@ -43,7 +43,5 @@ export function componentWithCondition(condition, ComponentTrue, ComponentFalse)
   if (ComponentTrue.name !== '') {
     ComponentWithCondition.displayName = "ComponentWithCondition[".concat(condition.name, "]");
   }
-
-  // eslint-disable-next-line @typescript-eslint/consistent-type-assertions
   return ComponentWithCondition;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/datetime-picker",
-	"version": "17.0.0",
+	"version": "17.0.2",
 	"description": "A date time picker allows the user to select an associated date and time.",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -42,14 +42,14 @@
 		"@atlaskit/calendar": "^17.1.0",
 		"@atlaskit/css": "^0.10.0",
 		"@atlaskit/ds-lib": "^4.0.0",
-		"@atlaskit/icon": "^25.5.0",
+		"@atlaskit/icon": "^26.0.0",
 		"@atlaskit/layering": "^2.1.0",
 		"@atlaskit/locale": "^3.0.0",
 		"@atlaskit/platform-feature-flags": "^1.1.0",
 		"@atlaskit/popper": "^7.0.0",
-		"@atlaskit/primitives": "^14.3.0",
-		"@atlaskit/select": "^20.1.0",
-		"@atlaskit/tokens": "^4.6.0",
+		"@atlaskit/primitives": "^14.7.0",
+		"@atlaskit/select": "^20.4.0",
+		"@atlaskit/tokens": "^4.8.0",
 		"@atlaskit/visually-hidden": "^3.0.0",
 		"@babel/runtime": "^7.0.0",
 		"@compiled/react": "^0.18.3",
@@ -59,23 +59,23 @@
 		"react": "^18.2.0"
 	},
 	"devDependencies": {
-		"@af/accessibility-testing": "^2.0.0",
-		"@af/integration-testing": "^0.5.0",
-		"@af/visual-regression": "^1.3.0",
-		"@atlaskit/code": "^16.3.0",
+		"@af/accessibility-testing": "workspace:^",
+		"@af/integration-testing": "workspace:^",
+		"@af/visual-regression": "workspace:^",
+		"@atlaskit/code": "^17.1.0",
 		"@atlaskit/codemod-utils": "^4.2.0",
 		"@atlaskit/docs": "^10.0.0",
 		"@atlaskit/form": "^12.0.0",
-		"@atlaskit/heading": "^5.1.0",
+		"@atlaskit/heading": "^5.2.0",
 		"@atlaskit/link": "^3.1.0",
 		"@atlaskit/modal-dialog": "^14.1.0",
-		"@atlaskit/popup": "^3.0.0",
+		"@atlaskit/popup": "^4.1.0",
 		"@atlaskit/range": "^9.0.0",
 		"@atlaskit/section-message": "^8.2.0",
-		"@atlaskit/ssr": "^0.4.0",
+		"@atlaskit/ssr": "workspace:^",
 		"@atlaskit/textfield": "^8.0.0",
 		"@atlaskit/toggle": "^15.0.0",
-		"@atlaskit/visual-regression": "^0.10.0",
+		"@atlaskit/visual-regression": "workspace:^",
 		"@atlassian/ssr-tests": "^0.2.0",
 		"@testing-library/react": "^13.4.0",
 		"@testing-library/user-event": "^14.4.3",