@atlaskit/datetime-picker 15.12.1 → 15.12.2

package/CHANGELOG.md

@@ -1,5 +1,11 @@
 # @atlaskit/datetime-picker
 
+## 15.12.2
+
+### Patch Changes
+
+- Updated dependencies
+
 ## 15.12.1
 
 ### Patch Changes

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

@@ -20,7 +20,6 @@ var _analyticsNext = require("@atlaskit/analytics-next");
 var _new = require("@atlaskit/button/new");
 var _useId = require("@atlaskit/ds-lib/use-id");
 var _calendar = _interopRequireDefault(require("@atlaskit/icon/core/migration/calendar"));
-var _calendar2 = _interopRequireDefault(require("@atlaskit/icon/glyph/calendar"));
 var _locale = require("@atlaskit/locale");
 var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _primitives = require("@atlaskit/primitives");
@@ -41,7 +40,7 @@ function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.
  * @jsx jsx
  */ // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 var packageName = "@atlaskit/datetime-picker";
-var packageVersion = "15.12.1";
+var packageVersion = "15.12.2";
 var dropdownIndicatorStyles = (0, _primitives.xcss)({
   minWidth: "var(--ds-space-300, 24px)",
   minHeight: "var(--ds-space-300, 24px)",
@@ -87,11 +86,8 @@ var iconContainerStyles = (0, _primitives.xcss)({
 var iconSpacingWithClearButtonStyles = (0, _primitives.xcss)({
   marginInlineEnd: 'space.400'
 });
-var iconSpacingWithoutClearButtonStylesNew = (0, _primitives.xcss)({
-  marginInlineEnd: 'space.050'
-});
 var iconSpacingWithoutClearButtonStyles = (0, _primitives.xcss)({
-  marginInlineEnd: 'space.025'
+  marginInlineEnd: 'space.050'
 });
 
 // eslint-disable-next-line @repo/internal/react/no-class-components
@@ -104,9 +100,6 @@ var DatePickerComponent = exports.DatePickerWithoutAnalytics = /*#__PURE__*/func
     (0, _defineProperty2.default)(_this, "containerRef", null);
     (0, _defineProperty2.default)(_this, "calendarRef", /*#__PURE__*/(0, _react.createRef)());
     (0, _defineProperty2.default)(_this, "calendarButtonRef", /*#__PURE__*/(0, _react.createRef)());
-    (0, _defineProperty2.default)(_this, "CalendarIcon", (0, _platformFeatureFlags.fg)('platform-visual-refresh-icon-ads-migration') ? _calendar.default :
-    // eslint-disable-next-line @atlaskit/design-system/no-legacy-icons
-    _calendar2.default);
     // All state needs to be accessed via this function so that the state is mapped from props
     // correctly to allow controlled/uncontrolled usage.
     (0, _defineProperty2.default)(_this, "getValue", function () {
@@ -437,7 +430,7 @@ var DatePickerComponent = exports.DatePickerWithoutAnalytics = /*#__PURE__*/func
         disabled = _this$props.disabled,
         disabledDateFilter = _this$props.disabledDateFilter,
         _this$props$icon = _this$props.icon,
-        Icon = _this$props$icon === void 0 ? this.CalendarIcon : _this$props$icon,
+        Icon = _this$props$icon === void 0 ? _calendar.default : _this$props$icon,
         _this$props$id = _this$props.id,
         id = _this$props$id === void 0 ? '' : _this$props$id,
         _this$props$innerProp = _this$props.innerProps,
@@ -478,7 +471,7 @@ var DatePickerComponent = exports.DatePickerWithoutAnalytics = /*#__PURE__*/func
       var clearIndicator = Icon;
 
       // eslint-disable-next-line @atlaskit/platform/no-preconditioning
-      if ((0, _platformFeatureFlags.fg)('platform-visual-refresh-icons') && (0, _platformFeatureFlags.fg)('platform-visual-refresh-icon-ads-migration')) {
+      if ((0, _platformFeatureFlags.fg)('platform-visual-refresh-icons')) {
         clearIndicator = function clearIndicator(props) {
           return (0, _react2.jsx)(_primitives.Box, {
             xcss: dropdownIndicatorStyles
@@ -631,19 +624,15 @@ var DatePickerComponent = exports.DatePickerWithoutAnalytics = /*#__PURE__*/func
         }, function (_ref3) {
           var openCalendarLabelId = _ref3.id;
           return (0, _react2.jsx)(_primitives.Box, {
-            xcss: [iconContainerStyles, value && !hideIcon ? iconSpacingWithClearButtonStyles :
-            // eslint-disable-next-line @atlaskit/platform/ensure-feature-flag-prefix
-            (0, _platformFeatureFlags.fg)('platform-visual-refresh-icon-ads-migration') ? iconSpacingWithoutClearButtonStylesNew : iconSpacingWithoutClearButtonStyles]
+            xcss: [iconContainerStyles, value && !hideIcon ? iconSpacingWithClearButtonStyles : iconSpacingWithoutClearButtonStyles]
           }, (0, _react2.jsx)(_new.IconButton, {
             appearance: "subtle",
             label: !inputLabelId ? fullopenCalendarLabel : openCalendarLabel,
             "aria-labelledby": inputLabelId ? "".concat(inputLabelId, " ").concat(openCalendarLabelId) : undefined,
             id: openCalendarLabelId,
             icon: function icon(iconProps) {
-              return (0, _react2.jsx)(_this2.CalendarIcon, (0, _extends2.default)({}, iconProps, (0, _platformFeatureFlags.fg)('platform-visual-refresh-icon-ads-migration') ? {
+              return (0, _react2.jsx)(_calendar.default, (0, _extends2.default)({}, iconProps, {
                 color: "var(--ds-icon, #44546F)"
-              } : {
-                primaryColor: "var(--ds-icon, #44546F)"
               }));
             },
             onClick: _this2.onCalendarButtonClick,

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

@@ -17,7 +17,6 @@ var _analyticsNext = require("@atlaskit/analytics-next");
 var _new = require("@atlaskit/button/new");
 var _useId = require("@atlaskit/ds-lib/use-id");
 var _calendar = _interopRequireDefault(require("@atlaskit/icon/core/migration/calendar"));
-var _calendar2 = _interopRequireDefault(require("@atlaskit/icon/glyph/calendar"));
 var _locale = require("@atlaskit/locale");
 var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _primitives = require("@atlaskit/primitives");
@@ -39,7 +38,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 = "15.12.1";
+var packageVersion = "15.12.2";
 var analyticsAttributes = {
   componentName: 'datePicker',
   packageName: packageName,
@@ -72,12 +71,10 @@ var iconContainerStyles = (0, _primitives.xcss)({
 var iconSpacingWithClearButtonStyles = (0, _primitives.xcss)({
   marginInlineEnd: 'space.400'
 });
-var iconSpacingWithoutClearButtonStylesNew = (0, _primitives.xcss)({
-  marginInlineEnd: 'space.050'
-});
 var iconSpacingWithoutClearButtonStyles = (0, _primitives.xcss)({
-  marginInlineEnd: 'space.025'
+  marginInlineEnd: 'space.050'
 });
+
 /**
  * __Date picker__
  *
@@ -91,9 +88,6 @@ var DatePicker = /*#__PURE__*/(0, _react.forwardRef)(function (props, forwardedR
   var containerRef = (0, _react.useRef)(null);
   var calendarRef = (0, _react.useRef)(null);
   var calendarButtonRef = (0, _react.useRef)(null);
-  var CalendarIcon = (0, _platformFeatureFlags.fg)('platform-visual-refresh-icon-ads-migration') ? _calendar.default :
-  // eslint-disable-next-line @atlaskit/design-system/no-legacy-icons
-  _calendar2.default;
   var _props$appearance = props.appearance,
     appearance = _props$appearance === void 0 ? 'default' : _props$appearance,
     _props$autoFocus = props.autoFocus,
@@ -115,7 +109,7 @@ var DatePicker = /*#__PURE__*/(0, _react.forwardRef)(function (props, forwardedR
       return false;
     } : _props$disabledDateFi,
     _props$icon = props.icon,
-    Icon = _props$icon === void 0 ? CalendarIcon : _props$icon,
+    Icon = _props$icon === void 0 ? _calendar.default : _props$icon,
     _props$id = props.id,
     id = _props$id === void 0 ? '' : _props$id,
     _props$innerProps = props.innerProps,
@@ -471,7 +465,7 @@ var DatePicker = /*#__PURE__*/(0, _react.forwardRef)(function (props, forwardedR
   var clearIndicator = Icon;
 
   // eslint-disable-next-line @atlaskit/platform/no-preconditioning, @atlaskit/platform/ensure-feature-flag-prefix
-  if ((0, _platformFeatureFlags.fg)('platform-visual-refresh-icons') && (0, _platformFeatureFlags.fg)('platform-visual-refresh-icon-ads-migration')) {
+  if ((0, _platformFeatureFlags.fg)('platform-visual-refresh-icons')) {
     clearIndicator = function clearIndicator(props) {
       return (0, _react2.jsx)(_primitives.Box, {
         xcss: dropdownIndicatorStyles
@@ -623,19 +617,16 @@ var DatePicker = /*#__PURE__*/(0, _react.forwardRef)(function (props, forwardedR
       previousMonthLabel: previousMonthLabel,
       shouldSetFocusOnCurrentDay: calendarProps.shouldSetFocusOnCurrentDay
     })), shouldShowCalendarButton && !isDisabled ? (0, _react2.jsx)(_primitives.Box, {
-      xcss: [iconContainerStyles, value && !hideIcon ? iconSpacingWithClearButtonStyles :
-      // eslint-disable-next-line @atlaskit/platform/ensure-feature-flag-prefix
-      (0, _platformFeatureFlags.fg)('platform-visual-refresh-icon-ads-migration') ? iconSpacingWithoutClearButtonStylesNew : iconSpacingWithoutClearButtonStyles]
+      xcss: [iconContainerStyles, value && !hideIcon ? iconSpacingWithClearButtonStyles : iconSpacingWithoutClearButtonStyles]
     }, (0, _react2.jsx)(_new.IconButton, {
       appearance: "subtle",
       label: !inputLabelId ? fullopenCalendarLabel : openCalendarLabel,
       "aria-labelledby": inputLabelId ? "".concat(inputLabelId, " ").concat(openCalendarLabelId) : undefined,
       id: openCalendarLabelId,
       icon: function icon(iconProps) {
-        return (0, _react2.jsx)(CalendarIcon, (0, _extends2.default)({}, iconProps, (0, _platformFeatureFlags.fg)('platform-visual-refresh-icon-ads-migration') ? {
+        return (0, _react2.jsx)(_calendar.default, (0, _extends2.default)({}, iconProps, {
+          // eslint-disable-next-line @atlaskit/platform/ensure-feature-flag-prefix
           color: "var(--ds-icon, #44546F)"
-        } : {
-          primaryColor: "var(--ds-icon, #44546F)"
         }));
       },
       onClick: onCalendarButtonClick,

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

@@ -37,7 +37,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 = "15.12.1";
+var packageVersion = "15.12.2";
 // Make DatePicker 50% the width of DateTimePicker
 // If rendering an icon container, shrink the TimePicker
 var datePickerContainerStyles = (0, _react2.css)({

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

@@ -37,7 +37,7 @@ function () {
   return (0, _platformFeatureFlags.fg)('dst-date-picker-use-functional-component');
 }, _datePickerFc.default, _datePickerClass.default);
 var packageName = "@atlaskit/datetime-picker";
-var packageVersion = "15.12.1";
+var packageVersion = "15.12.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 = "15.12.1";
+var packageVersion = "15.12.2";
 var menuStyles = {
   /* Need to remove default absolute positioning as that causes issues with position fixed */
   position: 'static',

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

@@ -12,8 +12,7 @@ import { isValid, parseISO } from 'date-fns';
 import { createAndFireEvent, withAnalyticsContext, withAnalyticsEvents } from '@atlaskit/analytics-next';
 import { IconButton } from '@atlaskit/button/new';
 import { IdProvider } from '@atlaskit/ds-lib/use-id';
-import CalendarIconNew from '@atlaskit/icon/core/migration/calendar';
-import CalendarIconOld from '@atlaskit/icon/glyph/calendar';
+import CalendarIcon from '@atlaskit/icon/core/migration/calendar';
 import { createLocalizationProvider } from '@atlaskit/locale';
 import { fg } from '@atlaskit/platform-feature-flags';
 import { Box, xcss } from '@atlaskit/primitives';
@@ -25,7 +24,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 = "15.12.1";
+const packageVersion = "15.12.2";
 const dropdownIndicatorStyles = xcss({
   minWidth: "var(--ds-space-300, 24px)",
   minHeight: "var(--ds-space-300, 24px)",
@@ -69,11 +68,8 @@ const iconContainerStyles = xcss({
 const iconSpacingWithClearButtonStyles = xcss({
   marginInlineEnd: 'space.400'
 });
-const iconSpacingWithoutClearButtonStylesNew = xcss({
-  marginInlineEnd: 'space.050'
-});
 const iconSpacingWithoutClearButtonStyles = xcss({
-  marginInlineEnd: 'space.025'
+  marginInlineEnd: 'space.050'
 });
 
 // eslint-disable-next-line @repo/internal/react/no-class-components
@@ -84,9 +80,6 @@ class DatePickerComponent extends Component {
     _defineProperty(this, "containerRef", null);
     _defineProperty(this, "calendarRef", /*#__PURE__*/createRef());
     _defineProperty(this, "calendarButtonRef", /*#__PURE__*/createRef());
-    _defineProperty(this, "CalendarIcon", fg('platform-visual-refresh-icon-ads-migration') ? CalendarIconNew :
-    // eslint-disable-next-line @atlaskit/design-system/no-legacy-icons
-    CalendarIconOld);
     // All state needs to be accessed via this function so that the state is mapped from props
     // correctly to allow controlled/uncontrolled usage.
     _defineProperty(this, "getValue", () => {
@@ -423,7 +416,7 @@ class DatePickerComponent extends Component {
       openCalendarLabel = 'Open calendar',
       disabled,
       disabledDateFilter,
-      icon: Icon = this.CalendarIcon,
+      icon: Icon = CalendarIcon,
       id = '',
       innerProps = {},
       inputLabel = 'Date picker',
@@ -456,7 +449,7 @@ class DatePickerComponent extends Component {
     let clearIndicator = Icon;
 
     // eslint-disable-next-line @atlaskit/platform/no-preconditioning
-    if (fg('platform-visual-refresh-icons') && fg('platform-visual-refresh-icon-ads-migration')) {
+    if (fg('platform-visual-refresh-icons')) {
       clearIndicator = props => jsx(Box, {
         xcss: dropdownIndicatorStyles
       }, jsx(Icon, props));
@@ -609,18 +602,14 @@ class DatePickerComponent extends Component {
       }, ({
         id: openCalendarLabelId
       }) => jsx(Box, {
-        xcss: [iconContainerStyles, value && !hideIcon ? iconSpacingWithClearButtonStyles :
-        // eslint-disable-next-line @atlaskit/platform/ensure-feature-flag-prefix
-        fg('platform-visual-refresh-icon-ads-migration') ? iconSpacingWithoutClearButtonStylesNew : iconSpacingWithoutClearButtonStyles]
+        xcss: [iconContainerStyles, value && !hideIcon ? iconSpacingWithClearButtonStyles : iconSpacingWithoutClearButtonStyles]
       }, jsx(IconButton, {
         appearance: "subtle",
         label: !inputLabelId ? fullopenCalendarLabel : openCalendarLabel,
         "aria-labelledby": inputLabelId ? `${inputLabelId} ${openCalendarLabelId}` : undefined,
         id: openCalendarLabelId,
-        icon: iconProps => jsx(this.CalendarIcon, _extends({}, iconProps, fg('platform-visual-refresh-icon-ads-migration') ? {
+        icon: iconProps => jsx(CalendarIcon, _extends({}, iconProps, {
           color: "var(--ds-icon, #44546F)"
-        } : {
-          primaryColor: "var(--ds-icon, #44546F)"
         })),
         onClick: this.onCalendarButtonClick,
         onKeyDown: this.onCalendarButtonKeyDown,

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

@@ -11,8 +11,7 @@ import { isValid, parseISO } from 'date-fns';
 import { usePlatformLeafEventHandler } from '@atlaskit/analytics-next';
 import { IconButton } from '@atlaskit/button/new';
 import { useId } from '@atlaskit/ds-lib/use-id';
-import CalendarIconNew from '@atlaskit/icon/core/migration/calendar';
-import CalendarIconOld from '@atlaskit/icon/glyph/calendar';
+import CalendarIcon from '@atlaskit/icon/core/migration/calendar';
 import { createLocalizationProvider } from '@atlaskit/locale';
 import { fg } from '@atlaskit/platform-feature-flags';
 import { Box, xcss } from '@atlaskit/primitives';
@@ -24,7 +23,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 = "15.12.1";
+const packageVersion = "15.12.2";
 const analyticsAttributes = {
   componentName: 'datePicker',
   packageName,
@@ -57,12 +56,10 @@ const iconContainerStyles = xcss({
 const iconSpacingWithClearButtonStyles = xcss({
   marginInlineEnd: 'space.400'
 });
-const iconSpacingWithoutClearButtonStylesNew = xcss({
-  marginInlineEnd: 'space.050'
-});
 const iconSpacingWithoutClearButtonStyles = xcss({
-  marginInlineEnd: 'space.025'
+  marginInlineEnd: 'space.050'
 });
+
 /**
  * __Date picker__
  *
@@ -76,9 +73,6 @@ const DatePicker = /*#__PURE__*/forwardRef((props, forwardedRef) => {
   const containerRef = useRef(null);
   const calendarRef = useRef(null);
   const calendarButtonRef = useRef(null);
-  const CalendarIcon = fg('platform-visual-refresh-icon-ads-migration') ? CalendarIconNew :
-  // eslint-disable-next-line @atlaskit/design-system/no-legacy-icons
-  CalendarIconOld;
   const {
     appearance = 'default',
     autoFocus = false,
@@ -397,7 +391,7 @@ const DatePicker = /*#__PURE__*/forwardRef((props, forwardedRef) => {
   let clearIndicator = Icon;
 
   // eslint-disable-next-line @atlaskit/platform/no-preconditioning, @atlaskit/platform/ensure-feature-flag-prefix
-  if (fg('platform-visual-refresh-icons') && fg('platform-visual-refresh-icon-ads-migration')) {
+  if (fg('platform-visual-refresh-icons')) {
     clearIndicator = props => jsx(Box, {
       xcss: dropdownIndicatorStyles
     }, jsx(Icon, props));
@@ -549,18 +543,15 @@ const DatePicker = /*#__PURE__*/forwardRef((props, forwardedRef) => {
       previousMonthLabel: previousMonthLabel,
       shouldSetFocusOnCurrentDay: calendarProps.shouldSetFocusOnCurrentDay
     })), shouldShowCalendarButton && !isDisabled ? jsx(Box, {
-      xcss: [iconContainerStyles, value && !hideIcon ? iconSpacingWithClearButtonStyles :
-      // eslint-disable-next-line @atlaskit/platform/ensure-feature-flag-prefix
-      fg('platform-visual-refresh-icon-ads-migration') ? iconSpacingWithoutClearButtonStylesNew : iconSpacingWithoutClearButtonStyles]
+      xcss: [iconContainerStyles, value && !hideIcon ? iconSpacingWithClearButtonStyles : iconSpacingWithoutClearButtonStyles]
     }, jsx(IconButton, {
       appearance: "subtle",
       label: !inputLabelId ? fullopenCalendarLabel : openCalendarLabel,
       "aria-labelledby": inputLabelId ? `${inputLabelId} ${openCalendarLabelId}` : undefined,
       id: openCalendarLabelId,
-      icon: iconProps => jsx(CalendarIcon, _extends({}, iconProps, fg('platform-visual-refresh-icon-ads-migration') ? {
+      icon: iconProps => jsx(CalendarIcon, _extends({}, iconProps, {
+        // eslint-disable-next-line @atlaskit/platform/ensure-feature-flag-prefix
         color: "var(--ds-icon, #44546F)"
-      } : {
-        primaryColor: "var(--ds-icon, #44546F)"
       })),
       onClick: onCalendarButtonClick,
       onKeyDown: onCalendarButtonKeyDown,

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

@@ -22,7 +22,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 = "15.12.1";
+const packageVersion = "15.12.2";
 // Make DatePicker 50% the width of DateTimePicker
 // If rendering an icon container, shrink the TimePicker
 const datePickerContainerStyles = css({

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

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

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

@@ -21,8 +21,7 @@ import { isValid, parseISO } from 'date-fns';
 import { createAndFireEvent, withAnalyticsContext, withAnalyticsEvents } from '@atlaskit/analytics-next';
 import { IconButton } from '@atlaskit/button/new';
 import { IdProvider } from '@atlaskit/ds-lib/use-id';
-import CalendarIconNew from '@atlaskit/icon/core/migration/calendar';
-import CalendarIconOld from '@atlaskit/icon/glyph/calendar';
+import CalendarIcon from '@atlaskit/icon/core/migration/calendar';
 import { createLocalizationProvider } from '@atlaskit/locale';
 import { fg } from '@atlaskit/platform-feature-flags';
 import { Box, xcss } from '@atlaskit/primitives';
@@ -34,7 +33,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 = "15.12.1";
+var packageVersion = "15.12.2";
 var dropdownIndicatorStyles = xcss({
   minWidth: "var(--ds-space-300, 24px)",
   minHeight: "var(--ds-space-300, 24px)",
@@ -80,11 +79,8 @@ var iconContainerStyles = xcss({
 var iconSpacingWithClearButtonStyles = xcss({
   marginInlineEnd: 'space.400'
 });
-var iconSpacingWithoutClearButtonStylesNew = xcss({
-  marginInlineEnd: 'space.050'
-});
 var iconSpacingWithoutClearButtonStyles = xcss({
-  marginInlineEnd: 'space.025'
+  marginInlineEnd: 'space.050'
 });
 
 // eslint-disable-next-line @repo/internal/react/no-class-components
@@ -97,9 +93,6 @@ var DatePickerComponent = /*#__PURE__*/function (_Component) {
     _defineProperty(_this, "containerRef", null);
     _defineProperty(_this, "calendarRef", /*#__PURE__*/createRef());
     _defineProperty(_this, "calendarButtonRef", /*#__PURE__*/createRef());
-    _defineProperty(_this, "CalendarIcon", fg('platform-visual-refresh-icon-ads-migration') ? CalendarIconNew :
-    // eslint-disable-next-line @atlaskit/design-system/no-legacy-icons
-    CalendarIconOld);
     // All state needs to be accessed via this function so that the state is mapped from props
     // correctly to allow controlled/uncontrolled usage.
     _defineProperty(_this, "getValue", function () {
@@ -430,7 +423,7 @@ var DatePickerComponent = /*#__PURE__*/function (_Component) {
         disabled = _this$props.disabled,
         disabledDateFilter = _this$props.disabledDateFilter,
         _this$props$icon = _this$props.icon,
-        Icon = _this$props$icon === void 0 ? this.CalendarIcon : _this$props$icon,
+        Icon = _this$props$icon === void 0 ? CalendarIcon : _this$props$icon,
         _this$props$id = _this$props.id,
         id = _this$props$id === void 0 ? '' : _this$props$id,
         _this$props$innerProp = _this$props.innerProps,
@@ -471,7 +464,7 @@ var DatePickerComponent = /*#__PURE__*/function (_Component) {
       var clearIndicator = Icon;
 
       // eslint-disable-next-line @atlaskit/platform/no-preconditioning
-      if (fg('platform-visual-refresh-icons') && fg('platform-visual-refresh-icon-ads-migration')) {
+      if (fg('platform-visual-refresh-icons')) {
         clearIndicator = function clearIndicator(props) {
           return jsx(Box, {
             xcss: dropdownIndicatorStyles
@@ -624,19 +617,15 @@ var DatePickerComponent = /*#__PURE__*/function (_Component) {
         }, function (_ref3) {
           var openCalendarLabelId = _ref3.id;
           return jsx(Box, {
-            xcss: [iconContainerStyles, value && !hideIcon ? iconSpacingWithClearButtonStyles :
-            // eslint-disable-next-line @atlaskit/platform/ensure-feature-flag-prefix
-            fg('platform-visual-refresh-icon-ads-migration') ? iconSpacingWithoutClearButtonStylesNew : iconSpacingWithoutClearButtonStyles]
+            xcss: [iconContainerStyles, value && !hideIcon ? iconSpacingWithClearButtonStyles : iconSpacingWithoutClearButtonStyles]
           }, jsx(IconButton, {
             appearance: "subtle",
             label: !inputLabelId ? fullopenCalendarLabel : openCalendarLabel,
             "aria-labelledby": inputLabelId ? "".concat(inputLabelId, " ").concat(openCalendarLabelId) : undefined,
             id: openCalendarLabelId,
             icon: function icon(iconProps) {
-              return jsx(_this2.CalendarIcon, _extends({}, iconProps, fg('platform-visual-refresh-icon-ads-migration') ? {
+              return jsx(CalendarIcon, _extends({}, iconProps, {
                 color: "var(--ds-icon, #44546F)"
-              } : {
-                primaryColor: "var(--ds-icon, #44546F)"
               }));
             },
             onClick: _this2.onCalendarButtonClick,

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

@@ -17,8 +17,7 @@ import { isValid, parseISO } from 'date-fns';
 import { usePlatformLeafEventHandler } from '@atlaskit/analytics-next';
 import { IconButton } from '@atlaskit/button/new';
 import { useId } from '@atlaskit/ds-lib/use-id';
-import CalendarIconNew from '@atlaskit/icon/core/migration/calendar';
-import CalendarIconOld from '@atlaskit/icon/glyph/calendar';
+import CalendarIcon from '@atlaskit/icon/core/migration/calendar';
 import { createLocalizationProvider } from '@atlaskit/locale';
 import { fg } from '@atlaskit/platform-feature-flags';
 import { Box, xcss } from '@atlaskit/primitives';
@@ -30,7 +29,7 @@ import { Menu } from '../internal/menu';
 import { getSafeCalendarValue, getShortISOString } from '../internal/parse-date';
 import { makeSingleValue } from '../internal/single-value';
 var packageName = "@atlaskit/datetime-picker";
-var packageVersion = "15.12.1";
+var packageVersion = "15.12.2";
 var analyticsAttributes = {
   componentName: 'datePicker',
   packageName: packageName,
@@ -63,12 +62,10 @@ var iconContainerStyles = xcss({
 var iconSpacingWithClearButtonStyles = xcss({
   marginInlineEnd: 'space.400'
 });
-var iconSpacingWithoutClearButtonStylesNew = xcss({
-  marginInlineEnd: 'space.050'
-});
 var iconSpacingWithoutClearButtonStyles = xcss({
-  marginInlineEnd: 'space.025'
+  marginInlineEnd: 'space.050'
 });
+
 /**
  * __Date picker__
  *
@@ -82,9 +79,6 @@ var DatePicker = /*#__PURE__*/forwardRef(function (props, forwardedRef) {
   var containerRef = useRef(null);
   var calendarRef = useRef(null);
   var calendarButtonRef = useRef(null);
-  var CalendarIcon = fg('platform-visual-refresh-icon-ads-migration') ? CalendarIconNew :
-  // eslint-disable-next-line @atlaskit/design-system/no-legacy-icons
-  CalendarIconOld;
   var _props$appearance = props.appearance,
     appearance = _props$appearance === void 0 ? 'default' : _props$appearance,
     _props$autoFocus = props.autoFocus,
@@ -462,7 +456,7 @@ var DatePicker = /*#__PURE__*/forwardRef(function (props, forwardedRef) {
   var clearIndicator = Icon;
 
   // eslint-disable-next-line @atlaskit/platform/no-preconditioning, @atlaskit/platform/ensure-feature-flag-prefix
-  if (fg('platform-visual-refresh-icons') && fg('platform-visual-refresh-icon-ads-migration')) {
+  if (fg('platform-visual-refresh-icons')) {
     clearIndicator = function clearIndicator(props) {
       return jsx(Box, {
         xcss: dropdownIndicatorStyles
@@ -614,19 +608,16 @@ var DatePicker = /*#__PURE__*/forwardRef(function (props, forwardedRef) {
       previousMonthLabel: previousMonthLabel,
       shouldSetFocusOnCurrentDay: calendarProps.shouldSetFocusOnCurrentDay
     })), shouldShowCalendarButton && !isDisabled ? jsx(Box, {
-      xcss: [iconContainerStyles, value && !hideIcon ? iconSpacingWithClearButtonStyles :
-      // eslint-disable-next-line @atlaskit/platform/ensure-feature-flag-prefix
-      fg('platform-visual-refresh-icon-ads-migration') ? iconSpacingWithoutClearButtonStylesNew : iconSpacingWithoutClearButtonStyles]
+      xcss: [iconContainerStyles, value && !hideIcon ? iconSpacingWithClearButtonStyles : iconSpacingWithoutClearButtonStyles]
     }, jsx(IconButton, {
       appearance: "subtle",
       label: !inputLabelId ? fullopenCalendarLabel : openCalendarLabel,
       "aria-labelledby": inputLabelId ? "".concat(inputLabelId, " ").concat(openCalendarLabelId) : undefined,
       id: openCalendarLabelId,
       icon: function icon(iconProps) {
-        return jsx(CalendarIcon, _extends({}, iconProps, fg('platform-visual-refresh-icon-ads-migration') ? {
+        return jsx(CalendarIcon, _extends({}, iconProps, {
+          // eslint-disable-next-line @atlaskit/platform/ensure-feature-flag-prefix
           color: "var(--ds-icon, #44546F)"
-        } : {
-          primaryColor: "var(--ds-icon, #44546F)"
         }));
       },
       onClick: onCalendarButtonClick,

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

@@ -33,7 +33,7 @@ var DatePicker = componentWithCondition(function () {
   return fg('dst-date-picker-use-functional-component');
 }, DatePickerNew, DatePickerOld);
 var packageName = "@atlaskit/datetime-picker";
-var packageVersion = "15.12.1";
+var packageVersion = "15.12.2";
 // Make DatePicker 50% the width of DateTimePicker
 // If rendering an icon container, shrink the TimePicker
 var datePickerContainerStyles = css({

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

@@ -27,7 +27,7 @@ function () {
   return fg('dst-date-picker-use-functional-component');
 }, DatePickerNew, DatePickerOld);
 var packageName = "@atlaskit/datetime-picker";
-var packageVersion = "15.12.1";
+var packageVersion = "15.12.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 = "15.12.1";
+var packageVersion = "15.12.2";
 var menuStyles = {
   /* Need to remove default absolute positioning as that causes issues with position fixed */
   position: 'static',

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

@@ -4,7 +4,6 @@
  */
 import { Component } from 'react';
 import { jsx } from '@emotion/react';
-import CalendarIconOld from '@atlaskit/icon/glyph/calendar';
 import { type LocalizationProvider } from '@atlaskit/locale';
 import { type ActionMeta, type InputActionMeta } from '@atlaskit/select';
 import { type DatePickerBaseProps } from '../types';
@@ -51,10 +50,6 @@ declare class DatePickerComponent extends Component<DatePickerProps, State> {
     containerRef: HTMLElement | null;
     calendarRef: React.RefObject<HTMLDivElement | null>;
     calendarButtonRef: React.RefObject<HTMLButtonElement>;
-    CalendarIcon: {
-        (props: Omit<import("@atlaskit/icon").NewCoreIconProps, "LEGACY_fallbackIcon">): JSX.Element;
-        displayName: string;
-    } | typeof CalendarIconOld;
     constructor(props: any);
     static getDerivedStateFromProps(nextProps: Readonly<DatePickerProps>, prevState: State): {
         l10n: LocalizationProvider;

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

@@ -28,6 +28,6 @@ interface FixedLayerProps {
 export default class FixedLayer extends React.Component<FixedLayerProps> {
     update: () => void;
     componentDidUpdate(prevProps: any): void;
-    render(): JSX.Element;
+    render(): React.JSX.Element;
 }
 export {};

package/dist/types/internal/single-value.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from 'react';
 import { type OptionType, type SingleValueProps } from '@atlaskit/select';
 /**
  * This creates a functional component that `react-select` will use to make the
@@ -6,4 +6,4 @@ import { type OptionType, type SingleValueProps } from '@atlaskit/select';
  */
 export declare const makeSingleValue: ({ lang }: {
     lang: string;
-}) => ({ children, className, clearValue, cx, data, getStyles, getValue, hasValue, isDisabled, isMulti, isRtl, options, selectOption, selectProps, setValue, ...rest }: SingleValueProps<OptionType, false>) => JSX.Element;
+}) => ({ children, className, clearValue, cx, data, getStyles, getValue, hasValue, isDisabled, isMulti, isRtl, options, selectOption, selectProps, setValue, ...rest }: SingleValueProps<OptionType, false>) => React.JSX.Element;

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

@@ -4,7 +4,6 @@
  */
 import { Component } from 'react';
 import { jsx } from '@emotion/react';
-import CalendarIconOld from '@atlaskit/icon/glyph/calendar';
 import { type LocalizationProvider } from '@atlaskit/locale';
 import { type ActionMeta, type InputActionMeta } from '@atlaskit/select';
 import { type DatePickerBaseProps } from '../types';
@@ -51,10 +50,6 @@ declare class DatePickerComponent extends Component<DatePickerProps, State> {
     containerRef: HTMLElement | null;
     calendarRef: React.RefObject<HTMLDivElement | null>;
     calendarButtonRef: React.RefObject<HTMLButtonElement>;
-    CalendarIcon: {
-        (props: Omit<import("@atlaskit/icon").NewCoreIconProps, "LEGACY_fallbackIcon">): JSX.Element;
-        displayName: string;
-    } | typeof CalendarIconOld;
     constructor(props: any);
     static getDerivedStateFromProps(nextProps: Readonly<DatePickerProps>, prevState: State): {
         l10n: LocalizationProvider;

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

@@ -28,6 +28,6 @@ interface FixedLayerProps {
 export default class FixedLayer extends React.Component<FixedLayerProps> {
     update: () => void;
     componentDidUpdate(prevProps: any): void;
-    render(): JSX.Element;
+    render(): React.JSX.Element;
 }
 export {};

package/dist/types-ts4.5/internal/single-value.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from 'react';
 import { type OptionType, type SingleValueProps } from '@atlaskit/select';
 /**
  * This creates a functional component that `react-select` will use to make the
@@ -6,4 +6,4 @@ import { type OptionType, type SingleValueProps } from '@atlaskit/select';
  */
 export declare const makeSingleValue: ({ lang }: {
     lang: string;
-}) => ({ children, className, clearValue, cx, data, getStyles, getValue, hasValue, isDisabled, isMulti, isRtl, options, selectOption, selectProps, setValue, ...rest }: SingleValueProps<OptionType, false>) => JSX.Element;
+}) => ({ children, className, clearValue, cx, data, getStyles, getValue, hasValue, isDisabled, isMulti, isRtl, options, selectOption, selectProps, setValue, ...rest }: SingleValueProps<OptionType, false>) => React.JSX.Element;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/datetime-picker",
-	"version": "15.12.1",
+	"version": "15.12.2",
 	"description": "A date time picker allows the user to select an associated date and time.",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -38,17 +38,17 @@
 	},
 	"dependencies": {
 		"@atlaskit/analytics-next": "^10.3.0",
-		"@atlaskit/button": "^20.4.0",
+		"@atlaskit/button": "^20.5.0",
 		"@atlaskit/calendar": "^16.3.0",
 		"@atlaskit/ds-lib": "^3.5.0",
-		"@atlaskit/icon": "^23.6.0",
+		"@atlaskit/icon": "^23.7.0",
 		"@atlaskit/layering": "^1.1.0",
 		"@atlaskit/locale": "^2.8.0",
 		"@atlaskit/platform-feature-flags": "^1.0.0",
 		"@atlaskit/popper": "^6.4.0",
 		"@atlaskit/primitives": "^13.4.0",
 		"@atlaskit/select": "^18.10.0",
-		"@atlaskit/theme": "^14.1.0",
+		"@atlaskit/theme": "^15.0.0",
 		"@atlaskit/tokens": "^3.3.0",
 		"@atlaskit/visually-hidden": "^1.6.0",
 		"@babel/runtime": "^7.0.0",
@@ -114,9 +114,6 @@
 		},
 		"platform-visual-refresh-icons": {
 			"type": "boolean"
-		},
-		"platform-visual-refresh-icon-ads-migration": {
-			"type": "boolean"
 		}
 	},
 	"homepage": "https://atlassian.design/components/datetime-picker/"