@atlaskit/datetime-picker 15.1.1 → 15.1.2

package/CHANGELOG.md

@@ -1,5 +1,13 @@
 # @atlaskit/datetime-picker
 
+## 15.1.2
+
+### Patch Changes
+
+- [#147913](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/147913)
+  [`cc70a6a79755c`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/cc70a6a79755c) -
+  Refactor internal prop destructuring in date picker.
+
 ## 15.1.1
 
 ### Patch Changes

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

@@ -36,34 +36,22 @@ 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.1.1";
+var packageVersion = "15.1.2";
 var datePickerDefaultProps = {
-  appearance: 'default',
-  autoFocus: false,
   defaultIsOpen: false,
   defaultValue: '',
   disabled: [],
   disabledDateFilter: function disabledDateFilter(_) {
     return false;
   },
-  hideIcon: false,
-  icon: _calendar.default,
-  id: '',
-  innerProps: {},
-  isDisabled: false,
-  isInvalid: false,
-  label: '',
-  name: '',
+  locale: 'en-US',
   // These disables are here for proper typing when used as defaults. They
   // should *not* use the `noop` function.
   /* eslint-disable @repo/internal/react/use-noop */
   onBlur: function onBlur(_event) {},
   onChange: function onChange(_value) {},
-  onFocus: function onFocus(_event) {},
+  onFocus: function onFocus(_event) {}
   /* eslint-enable @repo/internal/react/use-noop */
-  selectProps: {},
-  spacing: 'default',
-  locale: 'en-US'
   // Not including a default prop for value as it will
   // Make the component a controlled component
 };
@@ -71,6 +59,7 @@ var DatePickerComponent = exports.DatePickerWithoutAnalytics = /*#__PURE__*/func
   (0, _inherits2.default)(DatePickerComponent, _Component);
   var _super = _createSuper(DatePickerComponent);
   function DatePickerComponent(props) {
+    var _this$props$selectPro2;
     var _this;
     (0, _classCallCheck2.default)(this, DatePickerComponent);
     _this = _super.call(this, props);
@@ -293,7 +282,8 @@ var DatePickerComponent = exports.DatePickerWithoutAnalytics = /*#__PURE__*/func
       }
     });
     (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "handleSelectInputChange", function (selectInputValue, actionMeta) {
-      var onInputChange = _this.props.selectProps.onInputChange;
+      var _this$props$selectPro;
+      var onInputChange = (_this$props$selectPro = _this.props.selectProps) === null || _this$props$selectPro === void 0 ? void 0 : _this$props$selectPro.onInputChange;
       if (onInputChange) {
         onInputChange(selectInputValue, actionMeta);
       }
@@ -314,7 +304,7 @@ var DatePickerComponent = exports.DatePickerWithoutAnalytics = /*#__PURE__*/func
       isOpen: _this.props.defaultIsOpen,
       isFocused: false,
       clearingFromIcon: false,
-      selectInputValue: _this.props.selectProps.inputValue || '',
+      selectInputValue: ((_this$props$selectPro2 = _this.props.selectProps) === null || _this$props$selectPro2 === void 0 ? void 0 : _this$props$selectPro2.inputValue) || '',
       value: _this.props.value || _this.props.defaultValue,
       calendarValue: _this.props.value || _this.props.defaultValue || (0, _parseDate.getShortISOString)(new Date()),
       l10n: (0, _locale.createLocalizationProvider)(_this.props.locale),
@@ -327,26 +317,38 @@ var DatePickerComponent = exports.DatePickerWithoutAnalytics = /*#__PURE__*/func
     key: "render",
     value: function render() {
       var _this$props = this.props,
-        appearance = _this$props.appearance,
+        _this$props$appearanc = _this$props.appearance,
+        appearance = _this$props$appearanc === void 0 ? 'default' : _this$props$appearanc,
         ariaDescribedBy = _this$props['aria-describedby'],
-        autoFocus = _this$props.autoFocus,
+        _this$props$autoFocus = _this$props.autoFocus,
+        autoFocus = _this$props$autoFocus === void 0 ? false : _this$props$autoFocus,
         disabled = _this$props.disabled,
-        hideIcon = _this$props.hideIcon,
-        icon = _this$props.icon,
-        id = _this$props.id,
-        innerProps = _this$props.innerProps,
-        isDisabled = _this$props.isDisabled,
         disabledDateFilter = _this$props.disabledDateFilter,
+        _this$props$hideIcon = _this$props.hideIcon,
+        hideIcon = _this$props$hideIcon === void 0 ? false : _this$props$hideIcon,
+        _this$props$icon = _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,
+        innerProps = _this$props$innerProp === void 0 ? {} : _this$props$innerProp,
+        _this$props$isDisable = _this$props.isDisabled,
+        isDisabled = _this$props$isDisable === void 0 ? false : _this$props$isDisable,
+        _this$props$isInvalid = _this$props.isInvalid,
+        isInvalid = _this$props$isInvalid === void 0 ? false : _this$props$isInvalid,
+        _this$props$label = _this$props.label,
+        label = _this$props$label === void 0 ? '' : _this$props$label,
+        locale = _this$props.locale,
         maxDate = _this$props.maxDate,
         minDate = _this$props.minDate,
-        isInvalid = _this$props.isInvalid,
-        label = _this$props.label,
-        name = _this$props.name,
+        _this$props$name = _this$props.name,
+        name = _this$props$name === void 0 ? '' : _this$props$name,
         nextMonthLabel = _this$props.nextMonthLabel,
         previousMonthLabel = _this$props.previousMonthLabel,
-        selectProps = _this$props.selectProps,
-        spacing = _this$props.spacing,
-        locale = _this$props.locale,
+        _this$props$selectPro3 = _this$props.selectProps,
+        selectProps = _this$props$selectPro3 === void 0 ? {} : _this$props$selectPro3,
+        _this$props$spacing = _this$props.spacing,
+        spacing = _this$props$spacing === void 0 ? 'default' : _this$props$spacing,
         testId = _this$props.testId,
         weekStartDay = _this$props.weekStartDay;
       var _this$state = this.state,

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

@@ -32,7 +32,7 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
  * @jsx jsx
  */ // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 var packageName = "@atlaskit/datetime-picker";
-var packageVersion = "15.1.1";
+var packageVersion = "15.1.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/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.1.1";
+var packageVersion = "15.1.2";
 var menuStyles = {
   /* Need to remove default absolute positioning as that causes issues with position fixed */
   position: 'static',

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

@@ -19,37 +19,26 @@ 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.1.1";
+const packageVersion = "15.1.2";
 const datePickerDefaultProps = {
-  appearance: 'default',
-  autoFocus: false,
   defaultIsOpen: false,
   defaultValue: '',
   disabled: [],
   disabledDateFilter: _ => false,
-  hideIcon: false,
-  icon: CalendarIcon,
-  id: '',
-  innerProps: {},
-  isDisabled: false,
-  isInvalid: false,
-  label: '',
-  name: '',
+  locale: 'en-US',
   // These disables are here for proper typing when used as defaults. They
   // should *not* use the `noop` function.
   /* eslint-disable @repo/internal/react/use-noop */
   onBlur: _event => {},
   onChange: _value => {},
-  onFocus: _event => {},
+  onFocus: _event => {}
   /* eslint-enable @repo/internal/react/use-noop */
-  selectProps: {},
-  spacing: 'default',
-  locale: 'en-US'
   // Not including a default prop for value as it will
   // Make the component a controlled component
 };
 class DatePickerComponent extends Component {
   constructor(props) {
+    var _this$props$selectPro2;
     super(props);
     _defineProperty(this, "containerRef", null);
     // All state needs to be accessed via this function so that the state is mapped from props
@@ -277,9 +266,8 @@ class DatePickerComponent extends Component {
       }
     });
     _defineProperty(this, "handleSelectInputChange", (selectInputValue, actionMeta) => {
-      const {
-        onInputChange
-      } = this.props.selectProps;
+      var _this$props$selectPro;
+      const onInputChange = (_this$props$selectPro = this.props.selectProps) === null || _this$props$selectPro === void 0 ? void 0 : _this$props$selectPro.onInputChange;
       if (onInputChange) {
         onInputChange(selectInputValue, actionMeta);
       }
@@ -300,7 +288,7 @@ class DatePickerComponent extends Component {
       isOpen: this.props.defaultIsOpen,
       isFocused: false,
       clearingFromIcon: false,
-      selectInputValue: this.props.selectProps.inputValue || '',
+      selectInputValue: ((_this$props$selectPro2 = this.props.selectProps) === null || _this$props$selectPro2 === void 0 ? void 0 : _this$props$selectPro2.inputValue) || '',
       value: this.props.value || this.props.defaultValue,
       calendarValue: this.props.value || this.props.defaultValue || getShortISOString(new Date()),
       l10n: createLocalizationProvider(this.props.locale),
@@ -320,26 +308,27 @@ class DatePickerComponent extends Component {
   }
   render() {
     const {
-      appearance,
+      appearance = 'default',
       'aria-describedby': ariaDescribedBy,
-      autoFocus,
+      autoFocus = false,
       disabled,
-      hideIcon,
-      icon,
-      id,
-      innerProps,
-      isDisabled,
       disabledDateFilter,
+      hideIcon = false,
+      // TODO: Resolve this typing to be more intuitive
+      icon = CalendarIcon,
+      id = '',
+      innerProps = {},
+      isDisabled = false,
+      isInvalid = false,
+      label = '',
+      locale,
       maxDate,
       minDate,
-      isInvalid,
-      label,
-      name,
+      name = '',
       nextMonthLabel,
       previousMonthLabel,
-      selectProps,
-      spacing,
-      locale,
+      selectProps = {},
+      spacing = 'default',
       testId,
       weekStartDay
     } = this.props;

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

@@ -18,7 +18,7 @@ import { convertTokens } from '../internal/parse-tokens';
 import DatePicker from './date-picker';
 import TimePicker from './time-picker';
 const packageName = "@atlaskit/datetime-picker";
-const packageVersion = "15.1.1";
+const packageVersion = "15.1.2";
 // Make DatePicker 50% the width of DateTimePicker
 // If rendering an icon container, shrink the TimePicker
 const datePickerContainerStyles = css({

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

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

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

@@ -29,34 +29,22 @@ 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.1.1";
+var packageVersion = "15.1.2";
 var datePickerDefaultProps = {
-  appearance: 'default',
-  autoFocus: false,
   defaultIsOpen: false,
   defaultValue: '',
   disabled: [],
   disabledDateFilter: function disabledDateFilter(_) {
     return false;
   },
-  hideIcon: false,
-  icon: CalendarIcon,
-  id: '',
-  innerProps: {},
-  isDisabled: false,
-  isInvalid: false,
-  label: '',
-  name: '',
+  locale: 'en-US',
   // These disables are here for proper typing when used as defaults. They
   // should *not* use the `noop` function.
   /* eslint-disable @repo/internal/react/use-noop */
   onBlur: function onBlur(_event) {},
   onChange: function onChange(_value) {},
-  onFocus: function onFocus(_event) {},
+  onFocus: function onFocus(_event) {}
   /* eslint-enable @repo/internal/react/use-noop */
-  selectProps: {},
-  spacing: 'default',
-  locale: 'en-US'
   // Not including a default prop for value as it will
   // Make the component a controlled component
 };
@@ -64,6 +52,7 @@ var DatePickerComponent = /*#__PURE__*/function (_Component) {
   _inherits(DatePickerComponent, _Component);
   var _super = _createSuper(DatePickerComponent);
   function DatePickerComponent(props) {
+    var _this$props$selectPro2;
     var _this;
     _classCallCheck(this, DatePickerComponent);
     _this = _super.call(this, props);
@@ -286,7 +275,8 @@ var DatePickerComponent = /*#__PURE__*/function (_Component) {
       }
     });
     _defineProperty(_assertThisInitialized(_this), "handleSelectInputChange", function (selectInputValue, actionMeta) {
-      var onInputChange = _this.props.selectProps.onInputChange;
+      var _this$props$selectPro;
+      var onInputChange = (_this$props$selectPro = _this.props.selectProps) === null || _this$props$selectPro === void 0 ? void 0 : _this$props$selectPro.onInputChange;
       if (onInputChange) {
         onInputChange(selectInputValue, actionMeta);
       }
@@ -307,7 +297,7 @@ var DatePickerComponent = /*#__PURE__*/function (_Component) {
       isOpen: _this.props.defaultIsOpen,
       isFocused: false,
       clearingFromIcon: false,
-      selectInputValue: _this.props.selectProps.inputValue || '',
+      selectInputValue: ((_this$props$selectPro2 = _this.props.selectProps) === null || _this$props$selectPro2 === void 0 ? void 0 : _this$props$selectPro2.inputValue) || '',
       value: _this.props.value || _this.props.defaultValue,
       calendarValue: _this.props.value || _this.props.defaultValue || getShortISOString(new Date()),
       l10n: createLocalizationProvider(_this.props.locale),
@@ -320,26 +310,38 @@ var DatePickerComponent = /*#__PURE__*/function (_Component) {
     key: "render",
     value: function render() {
       var _this$props = this.props,
-        appearance = _this$props.appearance,
+        _this$props$appearanc = _this$props.appearance,
+        appearance = _this$props$appearanc === void 0 ? 'default' : _this$props$appearanc,
         ariaDescribedBy = _this$props['aria-describedby'],
-        autoFocus = _this$props.autoFocus,
+        _this$props$autoFocus = _this$props.autoFocus,
+        autoFocus = _this$props$autoFocus === void 0 ? false : _this$props$autoFocus,
         disabled = _this$props.disabled,
-        hideIcon = _this$props.hideIcon,
-        icon = _this$props.icon,
-        id = _this$props.id,
-        innerProps = _this$props.innerProps,
-        isDisabled = _this$props.isDisabled,
         disabledDateFilter = _this$props.disabledDateFilter,
+        _this$props$hideIcon = _this$props.hideIcon,
+        hideIcon = _this$props$hideIcon === void 0 ? false : _this$props$hideIcon,
+        _this$props$icon = _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,
+        innerProps = _this$props$innerProp === void 0 ? {} : _this$props$innerProp,
+        _this$props$isDisable = _this$props.isDisabled,
+        isDisabled = _this$props$isDisable === void 0 ? false : _this$props$isDisable,
+        _this$props$isInvalid = _this$props.isInvalid,
+        isInvalid = _this$props$isInvalid === void 0 ? false : _this$props$isInvalid,
+        _this$props$label = _this$props.label,
+        label = _this$props$label === void 0 ? '' : _this$props$label,
+        locale = _this$props.locale,
         maxDate = _this$props.maxDate,
         minDate = _this$props.minDate,
-        isInvalid = _this$props.isInvalid,
-        label = _this$props.label,
-        name = _this$props.name,
+        _this$props$name = _this$props.name,
+        name = _this$props$name === void 0 ? '' : _this$props$name,
         nextMonthLabel = _this$props.nextMonthLabel,
         previousMonthLabel = _this$props.previousMonthLabel,
-        selectProps = _this$props.selectProps,
-        spacing = _this$props.spacing,
-        locale = _this$props.locale,
+        _this$props$selectPro3 = _this$props.selectProps,
+        selectProps = _this$props$selectPro3 === void 0 ? {} : _this$props$selectPro3,
+        _this$props$spacing = _this$props.spacing,
+        spacing = _this$props$spacing === void 0 ? 'default' : _this$props$spacing,
         testId = _this$props.testId,
         weekStartDay = _this$props.weekStartDay;
       var _this$state = this.state,

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

@@ -28,7 +28,7 @@ import { convertTokens } from '../internal/parse-tokens';
 import DatePicker from './date-picker';
 import TimePicker from './time-picker';
 var packageName = "@atlaskit/datetime-picker";
-var packageVersion = "15.1.1";
+var packageVersion = "15.1.2";
 // Make DatePicker 50% the width of DateTimePicker
 // If rendering an icon container, shrink the TimePicker
 var datePickerContainerStyles = css({

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

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

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

@@ -5,8 +5,8 @@
 import { Component } from 'react';
 import { jsx } from '@emotion/react';
 import { type LocalizationProvider } from '@atlaskit/locale';
-import { type ActionMeta, type DropdownIndicatorProps, type GroupType, type InputActionMeta, type OptionType } from '@atlaskit/select';
-import { type Appearance, type DatePickerBaseProps, type Spacing } from '../types';
+import { type ActionMeta, type InputActionMeta } from '@atlaskit/select';
+import { type DatePickerBaseProps } from '../types';
 type DatePickerProps = typeof datePickerDefaultProps & DatePickerBaseProps;
 interface State {
     isOpen: boolean;
@@ -25,49 +25,25 @@ interface State {
     shouldSetFocusOnCurrentDay: boolean;
 }
 declare const datePickerDefaultProps: {
-    appearance: Appearance;
-    autoFocus: boolean;
     defaultIsOpen: boolean;
     defaultValue: string;
     disabled: string[];
     disabledDateFilter: (_: string) => boolean;
-    hideIcon: boolean;
-    icon: import("react").ComponentType<DropdownIndicatorProps<OptionType, boolean, GroupType<OptionType>>>;
-    id: string;
-    innerProps: {};
-    isDisabled: boolean;
-    isInvalid: boolean;
-    label: string;
-    name: string;
+    locale: string;
     onBlur: (_event: React.FocusEvent<HTMLInputElement>) => void;
     onChange: (_value: string) => void;
     onFocus: (_event: React.FocusEvent<HTMLInputElement>) => void;
-    selectProps: {};
-    spacing: Spacing;
-    locale: string;
 };
 declare class DatePickerComponent extends Component<DatePickerProps, State> {
     static defaultProps: {
-        appearance: Appearance;
-        autoFocus: boolean;
         defaultIsOpen: boolean;
         defaultValue: string;
         disabled: string[];
         disabledDateFilter: (_: string) => boolean;
-        hideIcon: boolean;
-        icon: import("react").ComponentType<DropdownIndicatorProps<OptionType, boolean, GroupType<OptionType>>>;
-        id: string;
-        innerProps: {};
-        isDisabled: boolean;
-        isInvalid: boolean;
-        label: string;
-        name: string;
+        locale: string;
         onBlur: (_event: import("react").FocusEvent<HTMLInputElement>) => void;
         onChange: (_value: string) => void;
         onFocus: (_event: import("react").FocusEvent<HTMLInputElement>) => void;
-        selectProps: {};
-        spacing: Spacing;
-        locale: string;
     };
     containerRef: HTMLElement | null;
     constructor(props: any);
@@ -106,26 +82,14 @@ export { DatePickerComponent as DatePickerWithoutAnalytics };
  * - [Code](https://atlassian.design/components/datetime-picker/date-picker/code)
  * - [Usage](https://atlassian.design/components/datetime-picker/date-picker/usage)
  */
-declare const DatePicker: import("react").ForwardRefExoticComponent<Pick<Pick<Omit<DatePickerProps, keyof import("@atlaskit/analytics-next").WithAnalyticsEventsProps>, "parseInputValue" | "dateFormat" | "formatDisplayLabel" | "placeholder" | "testId" | "aria-describedby" | "maxDate" | "minDate" | "nextMonthLabel" | "previousMonthLabel" | "weekStartDay" | "value" | "isOpen"> & Partial<Pick<Omit<DatePickerProps, keyof import("@atlaskit/analytics-next").WithAnalyticsEventsProps>, "disabled" | "label" | "icon" | "appearance" | "selectProps" | "innerProps" | "isDisabled" | "defaultValue" | "id" | "onFocus" | "onBlur" | "onChange" | "disabledDateFilter" | "locale" | "autoFocus" | "name" | "spacing" | "isInvalid" | "defaultIsOpen" | "hideIcon">> & Partial<Pick<{
-    appearance: Appearance;
-    autoFocus: boolean;
+declare const DatePicker: import("react").ForwardRefExoticComponent<Pick<Pick<Omit<DatePickerProps, keyof import("@atlaskit/analytics-next").WithAnalyticsEventsProps>, "parseInputValue" | "dateFormat" | "formatDisplayLabel" | "placeholder" | "testId" | "label" | "icon" | "appearance" | "selectProps" | "innerProps" | "isDisabled" | "id" | "aria-describedby" | "maxDate" | "minDate" | "nextMonthLabel" | "previousMonthLabel" | "weekStartDay" | "value" | "autoFocus" | "name" | "spacing" | "isInvalid" | "isOpen" | "hideIcon"> & Partial<Pick<Omit<DatePickerProps, keyof import("@atlaskit/analytics-next").WithAnalyticsEventsProps>, "disabled" | "defaultValue" | "onFocus" | "onBlur" | "onChange" | "disabledDateFilter" | "locale" | "defaultIsOpen">> & Partial<Pick<{
     defaultIsOpen: boolean;
     defaultValue: string;
     disabled: string[];
     disabledDateFilter: (_: string) => boolean;
-    hideIcon: boolean;
-    icon: import("react").ComponentType<DropdownIndicatorProps<OptionType, boolean, GroupType<OptionType>>>;
-    id: string;
-    innerProps: {};
-    isDisabled: boolean;
-    isInvalid: boolean;
-    label: string;
-    name: string;
+    locale: string;
     onBlur: (_event: React.FocusEvent<HTMLInputElement>) => void;
     onChange: (_value: string) => void;
     onFocus: (_event: React.FocusEvent<HTMLInputElement>) => void;
-    selectProps: {};
-    spacing: Spacing;
-    locale: string;
 }, never>> & import("react").RefAttributes<any> & import("@atlaskit/analytics-next").WithContextProps, "disabled" | "parseInputValue" | "dateFormat" | "formatDisplayLabel" | "placeholder" | "testId" | "label" | "icon" | "appearance" | "selectProps" | "innerProps" | "isDisabled" | "key" | "defaultValue" | "id" | "aria-describedby" | "onFocus" | "onBlur" | "onChange" | "disabledDateFilter" | "maxDate" | "minDate" | "nextMonthLabel" | "previousMonthLabel" | "locale" | "analyticsContext" | "weekStartDay" | "value" | "autoFocus" | "name" | "spacing" | "isInvalid" | "defaultIsOpen" | "isOpen" | "hideIcon"> & import("react").RefAttributes<any>>;
 export default DatePicker;

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

@@ -5,8 +5,8 @@
 import { Component } from 'react';
 import { jsx } from '@emotion/react';
 import { type LocalizationProvider } from '@atlaskit/locale';
-import { type ActionMeta, type DropdownIndicatorProps, type GroupType, type InputActionMeta, type OptionType } from '@atlaskit/select';
-import { type Appearance, type DatePickerBaseProps, type Spacing } from '../types';
+import { type ActionMeta, type InputActionMeta } from '@atlaskit/select';
+import { type DatePickerBaseProps } from '../types';
 type DatePickerProps = typeof datePickerDefaultProps & DatePickerBaseProps;
 interface State {
     isOpen: boolean;
@@ -25,49 +25,25 @@ interface State {
     shouldSetFocusOnCurrentDay: boolean;
 }
 declare const datePickerDefaultProps: {
-    appearance: Appearance;
-    autoFocus: boolean;
     defaultIsOpen: boolean;
     defaultValue: string;
     disabled: string[];
     disabledDateFilter: (_: string) => boolean;
-    hideIcon: boolean;
-    icon: import("react").ComponentType<DropdownIndicatorProps<OptionType, boolean, GroupType<OptionType>>>;
-    id: string;
-    innerProps: {};
-    isDisabled: boolean;
-    isInvalid: boolean;
-    label: string;
-    name: string;
+    locale: string;
     onBlur: (_event: React.FocusEvent<HTMLInputElement>) => void;
     onChange: (_value: string) => void;
     onFocus: (_event: React.FocusEvent<HTMLInputElement>) => void;
-    selectProps: {};
-    spacing: Spacing;
-    locale: string;
 };
 declare class DatePickerComponent extends Component<DatePickerProps, State> {
     static defaultProps: {
-        appearance: Appearance;
-        autoFocus: boolean;
         defaultIsOpen: boolean;
         defaultValue: string;
         disabled: string[];
         disabledDateFilter: (_: string) => boolean;
-        hideIcon: boolean;
-        icon: import("react").ComponentType<DropdownIndicatorProps<OptionType, boolean, GroupType<OptionType>>>;
-        id: string;
-        innerProps: {};
-        isDisabled: boolean;
-        isInvalid: boolean;
-        label: string;
-        name: string;
+        locale: string;
         onBlur: (_event: import("react").FocusEvent<HTMLInputElement>) => void;
         onChange: (_value: string) => void;
         onFocus: (_event: import("react").FocusEvent<HTMLInputElement>) => void;
-        selectProps: {};
-        spacing: Spacing;
-        locale: string;
     };
     containerRef: HTMLElement | null;
     constructor(props: any);
@@ -106,26 +82,14 @@ export { DatePickerComponent as DatePickerWithoutAnalytics };
  * - [Code](https://atlassian.design/components/datetime-picker/date-picker/code)
  * - [Usage](https://atlassian.design/components/datetime-picker/date-picker/usage)
  */
-declare const DatePicker: import("react").ForwardRefExoticComponent<Pick<Pick<Omit<DatePickerProps, keyof import("@atlaskit/analytics-next").WithAnalyticsEventsProps>, "parseInputValue" | "dateFormat" | "formatDisplayLabel" | "placeholder" | "testId" | "aria-describedby" | "maxDate" | "minDate" | "nextMonthLabel" | "previousMonthLabel" | "weekStartDay" | "value" | "isOpen"> & Partial<Pick<Omit<DatePickerProps, keyof import("@atlaskit/analytics-next").WithAnalyticsEventsProps>, "disabled" | "label" | "icon" | "appearance" | "selectProps" | "innerProps" | "isDisabled" | "defaultValue" | "id" | "onFocus" | "onBlur" | "onChange" | "disabledDateFilter" | "locale" | "autoFocus" | "name" | "spacing" | "isInvalid" | "defaultIsOpen" | "hideIcon">> & Partial<Pick<{
-    appearance: Appearance;
-    autoFocus: boolean;
+declare const DatePicker: import("react").ForwardRefExoticComponent<Pick<Pick<Omit<DatePickerProps, keyof import("@atlaskit/analytics-next").WithAnalyticsEventsProps>, "parseInputValue" | "dateFormat" | "formatDisplayLabel" | "placeholder" | "testId" | "label" | "icon" | "appearance" | "selectProps" | "innerProps" | "isDisabled" | "id" | "aria-describedby" | "maxDate" | "minDate" | "nextMonthLabel" | "previousMonthLabel" | "weekStartDay" | "value" | "autoFocus" | "name" | "spacing" | "isInvalid" | "isOpen" | "hideIcon"> & Partial<Pick<Omit<DatePickerProps, keyof import("@atlaskit/analytics-next").WithAnalyticsEventsProps>, "disabled" | "defaultValue" | "onFocus" | "onBlur" | "onChange" | "disabledDateFilter" | "locale" | "defaultIsOpen">> & Partial<Pick<{
     defaultIsOpen: boolean;
     defaultValue: string;
     disabled: string[];
     disabledDateFilter: (_: string) => boolean;
-    hideIcon: boolean;
-    icon: import("react").ComponentType<DropdownIndicatorProps<OptionType, boolean, GroupType<OptionType>>>;
-    id: string;
-    innerProps: {};
-    isDisabled: boolean;
-    isInvalid: boolean;
-    label: string;
-    name: string;
+    locale: string;
     onBlur: (_event: React.FocusEvent<HTMLInputElement>) => void;
     onChange: (_value: string) => void;
     onFocus: (_event: React.FocusEvent<HTMLInputElement>) => void;
-    selectProps: {};
-    spacing: Spacing;
-    locale: string;
 }, never>> & import("react").RefAttributes<any> & import("@atlaskit/analytics-next").WithContextProps, "disabled" | "parseInputValue" | "dateFormat" | "formatDisplayLabel" | "placeholder" | "testId" | "label" | "icon" | "appearance" | "selectProps" | "innerProps" | "isDisabled" | "key" | "defaultValue" | "id" | "aria-describedby" | "onFocus" | "onBlur" | "onChange" | "disabledDateFilter" | "maxDate" | "minDate" | "nextMonthLabel" | "previousMonthLabel" | "locale" | "analyticsContext" | "weekStartDay" | "value" | "autoFocus" | "name" | "spacing" | "isInvalid" | "defaultIsOpen" | "isOpen" | "hideIcon"> & import("react").RefAttributes<any>>;
 export default DatePicker;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/datetime-picker",
-	"version": "15.1.1",
+	"version": "15.1.2",
 	"description": "A date time picker allows the user to select an associated date and time.",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"