@atlaskit/datetime-picker 17.5.0 → 17.5.2

package/CHANGELOG.md

@@ -1,5 +1,19 @@
 # @atlaskit/datetime-picker
 
+## 17.5.2
+
+### Patch Changes
+
+- [`5db9e3f21a52f`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/5db9e3f21a52f) -
+  Internal refactoring
+- Updated dependencies
+
+## 17.5.1
+
+### Patch Changes
+
+- Updated dependencies
+
 ## 17.5.0
 
 ### Minor Changes

package/codemods/14.0.0-remove-duplicate-and-unused-props.tsx

@@ -409,7 +409,11 @@ function moveDateTimePickerProps(
 	});
 }
 
-export default function transformer(fileInfo: FileInfo, { jscodeshift: j }: API, options: Options) {
+export default function transformer(
+	fileInfo: FileInfo,
+	{ jscodeshift: j }: API,
+	options: Options,
+): string {
 	const { source } = fileInfo;
 	const collection = j(source);
 

package/codemods/utils/helpers.tsx

@@ -19,7 +19,7 @@ export function hasImportDeclaration(
 	j: JSCodeshift,
 	collection: Collection<any>,
 	importPath: string,
-) {
+): boolean {
 	return getImportDeclarationCollection(j, collection, importPath).length > 0;
 }
 
@@ -27,13 +27,17 @@ export function getImportDeclarationCollection(
 	j: JSCodeshift,
 	collection: Collection<any>,
 	importPath: string,
-) {
+): Collection<ImportDeclaration> {
 	return collection
 		.find(j.ImportDeclaration)
 		.filter((importDeclarationPath) => importDeclarationPath.node.source.value === importPath);
 }
 
-export function hasDynamicImport(j: JSCodeshift, collection: Collection<any>, importPath: string) {
+export function hasDynamicImport(
+	j: JSCodeshift,
+	collection: Collection<any>,
+	importPath: string,
+): boolean {
 	return getDynamicImportCollection(j, collection, importPath).length > 0;
 }
 
@@ -41,7 +45,7 @@ export function getDynamicImportCollection(
 	j: JSCodeshift,
 	collection: Collection<any>,
 	importPath: string,
-) {
+): Collection<CallExpression> {
 	return collection.find(j.CallExpression).filter((callExpressionPath) => {
 		const { callee, arguments: callExpressionArguments } = callExpressionPath.node;
 
@@ -76,13 +80,15 @@ export function getImportSpecifierCollection(
 	j: JSCodeshift,
 	importDeclarationCollection: Collection<ImportDeclaration>,
 	importName: string,
-) {
+): Collection<ImportSpecifier> {
 	return importDeclarationCollection
 		.find(j.ImportSpecifier)
 		.filter((importSpecifierPath) => importSpecifierPath.node.imported.name === importName);
 }
 
-export function getImportSpecifierName(importSpecifierCollection: Collection<ImportSpecifier>) {
+export function getImportSpecifierName(
+	importSpecifierCollection: Collection<ImportSpecifier>,
+): string | null {
 	if (importSpecifierCollection.length === 0) {
 		return null;
 	}
@@ -94,7 +100,7 @@ export function isVariableDeclaratorIdentifierPresent(
 	j: JSCodeshift,
 	collection: Collection<any>,
 	variableName: string,
-) {
+): boolean {
 	return collection
 		.find(j.VariableDeclaration)
 		.find(j.VariableDeclarator)
@@ -109,7 +115,7 @@ export function isFunctionDeclarationIdentifierPresent(
 	j: JSCodeshift,
 	collection: Collection<any>,
 	variableName: string,
-) {
+): boolean {
 	return collection.find(j.FunctionDeclaration).some((functionDeclarationPath) => {
 		const { id } = functionDeclarationPath.node;
 
@@ -121,7 +127,7 @@ export function isClassDeclarationIdentifierPresent(
 	j: JSCodeshift,
 	collection: Collection<any>,
 	variableName: string,
-) {
+): boolean {
 	return collection.find(j.ClassDeclaration).some((classDeclarationPath) => {
 		const { id } = classDeclarationPath.node;
 
@@ -133,7 +139,7 @@ export function isImportDeclarationIdentifierPresent(
 	j: JSCodeshift,
 	collection: Collection<any>,
 	variableName: string,
-) {
+): boolean {
 	return collection
 		.find(j.ImportDeclaration)
 		.find(j.Identifier)
@@ -194,7 +200,7 @@ export function getJSXSpreadObjectExpressionAttributesByName(
 	j: JSCodeshift,
 	jsxElementPath: ASTPath<JSXElement>,
 	attributeName: string,
-) {
+): Collection<ObjectProperty> {
 	return j(jsxElementPath)
 		.find(j.JSXOpeningElement)
 		.find(j.JSXSpreadAttribute)
@@ -207,7 +213,12 @@ export function getJSXSpreadObjectExpressionAttributesByName(
 		);
 }
 
-export const createRemoveFuncFor =
+export const createRemoveFuncFor: (
+	component: string,
+	importName: string,
+	prop: string,
+	comment?: string,
+) => (j: core.JSCodeshift, source: Collection<Node>) => void =
 	(component: string, importName: string, prop: string, comment?: string) =>
 	(j: core.JSCodeshift, source: Collection<Node>) => {
 		const specifier = getNamedSpecifier(j, source, component, importName);
@@ -226,7 +237,11 @@ export const createRemoveFuncFor =
 		});
 	};
 
-export const getJSXAttributeByName = (
+export const getJSXAttributeByName: (
+	j: JSCodeshift,
+	jsxElementPath: ASTPath<JSXElement>,
+	attributeName: string,
+) => JSXAttribute | undefined = (
 	j: JSCodeshift,
 	jsxElementPath: ASTPath<JSXElement>,
 	attributeName: string,
@@ -236,11 +251,11 @@ export const getJSXAttributeByName = (
 	return attributes?.find((attr) => attr.name && attr.name.name === attributeName);
 };
 
-export const addJSXAttributeToJSXElement = (
+export const addJSXAttributeToJSXElement: (
 	j: JSCodeshift,
 	jsxElementPath: ASTPath<JSXElement>,
 	jsxAttribute: JSXAttribute,
-) => {
+) => void = (j: JSCodeshift, jsxElementPath: ASTPath<JSXElement>, jsxAttribute: JSXAttribute) => {
 	j(jsxElementPath)
 		.find(j.JSXOpeningElement)
 		.forEach((openingElement) => {
@@ -248,11 +263,11 @@ export const addJSXAttributeToJSXElement = (
 		});
 };
 
-export const removeJSXAttributeByName = (
+export const removeJSXAttributeByName: (
 	j: JSCodeshift,
 	jsxElementPath: ASTPath<JSXElement>,
 	attrName: string,
-) => {
+) => void = (j: JSCodeshift, jsxElementPath: ASTPath<JSXElement>, attrName: string) => {
 	const attributes = getJSXAttributes(jsxElementPath);
 	const attr = getJSXAttributeByName(j, jsxElementPath, attrName);
 	if (attr) {
@@ -260,10 +275,16 @@ export const removeJSXAttributeByName = (
 	}
 };
 
-export const getJSXAttributes = (jsxElementPath: ASTPath<JSXElement>) =>
-	jsxElementPath.node.openingElement.attributes as JSXAttribute[];
+export const getJSXAttributes: (jsxElementPath: ASTPath<JSXElement>) => JSXAttribute[] = (
+	jsxElementPath: ASTPath<JSXElement>,
+) => jsxElementPath.node.openingElement.attributes as JSXAttribute[];
 
-export const removeJSXAttributeObjectPropertyByName = (
+export const removeJSXAttributeObjectPropertyByName: (
+	j: JSCodeshift,
+	jsxElementPath: ASTPath<JSXElement>,
+	attrName: string,
+	propertyToRemove: string,
+) => void = (
 	j: JSCodeshift,
 	jsxElementPath: ASTPath<JSXElement>,
 	attrName: string,

package/dist/cjs/internal/fixed-layer.compiled.css

@@ -1,4 +1,4 @@
-._154ize3t{top:var(--ds-space-0,0)}
+._152tze3t{inset-block-start:var(--ds-space-0,0)}
 ._1pbyowjs{z-index:300}
 ._bfhk1j28{background-color:transparent}
 ._kqswstnw{position:absolute}

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

@@ -21,7 +21,7 @@ var _popper = require("@atlaskit/popper");
 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 styles = {
-  root: "_bfhk1j28 _kqswstnw _154ize3t",
+  root: "_bfhk1j28 _kqswstnw _152tze3t",
   popperStyles: "_1pbyowjs"
 };
 /**
@@ -86,9 +86,7 @@ var FixedLayer = exports.default = /*#__PURE__*/function (_React$Component) {
             update = _ref2.update;
           _this2.update = update;
           return /*#__PURE__*/_react.default.createElement("div", {
-            ref: ref
-            // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
-            ,
+            ref: ref,
             style: style,
             "data-testid": testId && "".concat(testId, "--popper--container"),
             className: (0, _runtime.ax)([styles.popperStyles])

package/dist/es2019/internal/fixed-layer.compiled.css

@@ -1,4 +1,4 @@
-._154ize3t{top:var(--ds-space-0,0)}
+._152tze3t{inset-block-start:var(--ds-space-0,0)}
 ._1pbyowjs{z-index:300}
 ._bfhk1j28{background-color:transparent}
 ._kqswstnw{position:absolute}

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

@@ -7,7 +7,7 @@ import noop from '@atlaskit/ds-lib/noop';
 import { sizes } from '@atlaskit/icon';
 import { Manager, Popper, Reference } from '@atlaskit/popper';
 const styles = {
-  root: "_bfhk1j28 _kqswstnw _154ize3t",
+  root: "_bfhk1j28 _kqswstnw _152tze3t",
   popperStyles: "_1pbyowjs"
 };
 /**
@@ -61,9 +61,7 @@ export default class FixedLayer extends React.Component {
       }) => {
         this.update = update;
         return /*#__PURE__*/React.createElement("div", {
-          ref: ref
-          // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
-          ,
+          ref: ref,
           style: style,
           "data-testid": testId && `${testId}--popper--container`,
           className: ax([styles.popperStyles])

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

@@ -10,7 +10,7 @@ import FixedLayer from '../internal/fixed-layer';
 /**
  * This is the fixed layer menu used in the time picker.
  */
-export var FixedLayerMenu = function FixedLayerMenu(_ref) {
+var FixedLayerMenu = function FixedLayerMenu(_ref) {
   var className = _ref.className,
     clearValue = _ref.clearValue,
     cx = _ref.cx,
@@ -67,4 +67,5 @@ export var FixedLayerMenu = function FixedLayerMenu(_ref) {
     ,
     testId: selectProps.testId
   });
-};
+};
+export { FixedLayerMenu };

package/dist/esm/internal/fixed-layer.compiled.css

@@ -1,4 +1,4 @@
-._154ize3t{top:var(--ds-space-0,0)}
+._152tze3t{inset-block-start:var(--ds-space-0,0)}
 ._1pbyowjs{z-index:300}
 ._bfhk1j28{background-color:transparent}
 ._kqswstnw{position:absolute}

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

@@ -14,7 +14,7 @@ import noop from '@atlaskit/ds-lib/noop';
 import { sizes } from '@atlaskit/icon';
 import { Manager, Popper, Reference } from '@atlaskit/popper';
 var styles = {
-  root: "_bfhk1j28 _kqswstnw _154ize3t",
+  root: "_bfhk1j28 _kqswstnw _152tze3t",
   popperStyles: "_1pbyowjs"
 };
 /**
@@ -79,9 +79,7 @@ var FixedLayer = /*#__PURE__*/function (_React$Component) {
             update = _ref2.update;
           _this2.update = update;
           return /*#__PURE__*/React.createElement("div", {
-            ref: ref
-            // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
-            ,
+            ref: ref,
             style: style,
             "data-testid": testId && "".concat(testId, "--popper--container"),
             className: ax([styles.popperStyles])

package/dist/esm/internal/indicators-container.js

@@ -11,10 +11,11 @@ var styles = {
 };
 
 // eslint-disable-next-line @repo/internal/react/require-jsdoc
-export var IndicatorsContainer = function IndicatorsContainer(_ref) {
+var IndicatorsContainer = function IndicatorsContainer(_ref) {
   var showClearIndicator = _ref.showClearIndicator,
     rest = _objectWithoutProperties(_ref, _excluded);
   return /*#__PURE__*/React.createElement("div", {
     className: ax([showClearIndicator ? styles.calendarButtonInclusionStyles : styles.calendarButtonOnlyInclusionStyles])
   }, /*#__PURE__*/React.createElement(components.IndicatorsContainer, rest));
-};
+};
+export { IndicatorsContainer };

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

@@ -51,27 +51,27 @@ export { DateTimePickerComponent as DateTimePickerWithoutAnalytics };
  * - [Code](https://atlassian.design/components/datetime-picker/code)
  * - [Usage](https://atlassian.design/components/datetime-picker/usage)
  */
-declare const DateTimePicker: React.ForwardRefExoticComponent<Omit<Omit<Pick<Omit<DateTimePickerBaseProps, keyof import("@atlaskit/analytics-next").WithAnalyticsEventsProps>, never> & {
-    id?: string | undefined;
-    name?: string | undefined;
-    value?: string | undefined;
+declare const DateTimePicker: React.ForwardRefExoticComponent<Omit<Omit<Pick<Omit<DateTimePickerBaseProps, keyof import('@atlaskit/analytics-next').WithAnalyticsEventsProps>, never> & {
+    appearance?: import('..').Appearance | undefined;
+    isDisabled?: boolean | undefined;
+    innerProps?: React.AllHTMLAttributes<HTMLElement> | undefined;
     defaultValue?: string | undefined;
     autoFocus?: boolean | undefined;
+    id?: string | undefined;
     'aria-describedby'?: string | undefined;
     onFocus?: React.FocusEventHandler<HTMLInputElement> | undefined;
     onBlur?: React.FocusEventHandler<HTMLInputElement> | undefined;
     onChange?: ((value: string) => void) | undefined;
-    appearance?: import("..").Appearance | undefined;
-    isDisabled?: boolean | undefined;
-    spacing?: import("..").Spacing | undefined;
+    value?: string | undefined;
+    name?: string | undefined;
     testId?: string | undefined;
     locale?: string | undefined;
-    innerProps?: React.AllHTMLAttributes<HTMLElement> | undefined;
-    isInvalid?: boolean | undefined;
     clearControlLabel?: string | undefined;
+    isInvalid?: boolean | undefined;
     isRequired?: boolean | undefined;
-    datePickerProps?: import("..").DatePickerProps | undefined;
-    timePickerProps?: import("..").TimePickerProps | undefined;
+    spacing?: import('..').Spacing | undefined;
+    datePickerProps?: import('..').DatePickerProps | undefined;
+    timePickerProps?: import('..').TimePickerProps | undefined;
     parseValue?: ((dateTimeValue: string, date: string, time: string, timezone: string) => {
         dateValue: string;
         timeValue: string;
@@ -79,6 +79,6 @@ declare const DateTimePicker: React.ForwardRefExoticComponent<Omit<Omit<Pick<Omi
     }) | undefined;
 } & {
     ref?: React.Ref<any> | undefined;
-    createAnalyticsEvent?: import("@atlaskit/analytics-next").CreateUIAnalyticsEvent | undefined;
-}, "ref"> & React.RefAttributes<any> & import("@atlaskit/analytics-next").WithContextProps, "ref"> & React.RefAttributes<any>>;
+    createAnalyticsEvent?: import('@atlaskit/analytics-next').CreateUIAnalyticsEvent | undefined;
+}, 'ref'> & React.RefAttributes<any> & import('@atlaskit/analytics-next').WithContextProps, 'ref'> & React.RefAttributes<any>>;
 export default DateTimePicker;

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

@@ -1,24 +1,24 @@
-declare const DateTimePicker: import("react").FC<Omit<Omit<import("..").DateTimePickerProps, "ref"> & import("react").RefAttributes<HTMLElement>, "ref"> & Omit<Omit<Omit<Pick<Omit<import("..").DateTimePickerProps, keyof import("@atlaskit/analytics-next").WithAnalyticsEventsProps>, never> & {
-    id?: string | undefined;
-    name?: string | undefined;
-    value?: string | undefined;
+declare const DateTimePicker: import('react').FC<Omit<Omit<import('..').DateTimePickerProps, 'ref'> & import('react').RefAttributes<HTMLElement>, 'ref'> & Omit<Omit<Omit<Pick<Omit<import('..').DateTimePickerProps, keyof import('@atlaskit/analytics-next').WithAnalyticsEventsProps>, never> & {
+    appearance?: import('..').Appearance | undefined;
+    isDisabled?: boolean | undefined;
+    innerProps?: React.AllHTMLAttributes<HTMLElement> | undefined;
     defaultValue?: string | undefined;
     autoFocus?: boolean | undefined;
+    id?: string | undefined;
     'aria-describedby'?: string | undefined;
     onFocus?: React.FocusEventHandler<HTMLInputElement> | undefined;
     onBlur?: React.FocusEventHandler<HTMLInputElement> | undefined;
     onChange?: ((value: string) => void) | undefined;
-    appearance?: import("..").Appearance | undefined;
-    isDisabled?: boolean | undefined;
-    spacing?: import("..").Spacing | undefined;
+    value?: string | undefined;
+    name?: string | undefined;
     testId?: string | undefined;
     locale?: string | undefined;
-    innerProps?: React.AllHTMLAttributes<HTMLElement> | undefined;
-    isInvalid?: boolean | undefined;
     clearControlLabel?: string | undefined;
+    isInvalid?: boolean | undefined;
     isRequired?: boolean | undefined;
-    datePickerProps?: import("..").DatePickerProps | undefined;
-    timePickerProps?: import("..").TimePickerProps | undefined;
+    spacing?: import('..').Spacing | undefined;
+    datePickerProps?: import('..').DatePickerProps | undefined;
+    timePickerProps?: import('..').TimePickerProps | undefined;
     parseValue?: ((dateTimeValue: string, date: string, time: string, timezone: string) => {
         dateValue: string;
         timeValue: string;
@@ -26,6 +26,6 @@ declare const DateTimePicker: import("react").FC<Omit<Omit<import("..").DateTime
     }) | undefined;
 } & {
     ref?: React.Ref<any> | undefined;
-    createAnalyticsEvent?: import("@atlaskit/analytics-next").CreateUIAnalyticsEvent | undefined;
-}, "ref"> & import("react").RefAttributes<any> & import("@atlaskit/analytics-next").WithContextProps, "ref"> & import("react").RefAttributes<any>, "ref"> & import("react").RefAttributes<any>>;
+    createAnalyticsEvent?: import('@atlaskit/analytics-next').CreateUIAnalyticsEvent | undefined;
+}, 'ref'> & import('react').RefAttributes<any> & import('@atlaskit/analytics-next').WithContextProps, 'ref'> & import('react').RefAttributes<any>, 'ref'> & import('react').RefAttributes<any>>;
 export default DateTimePicker;

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

@@ -51,27 +51,27 @@ export { DateTimePickerComponent as DateTimePickerWithoutAnalytics };
  * - [Code](https://atlassian.design/components/datetime-picker/code)
  * - [Usage](https://atlassian.design/components/datetime-picker/usage)
  */
-declare const DateTimePicker: React.ForwardRefExoticComponent<Omit<Omit<Pick<Omit<DateTimePickerBaseProps, keyof import("@atlaskit/analytics-next").WithAnalyticsEventsProps>, never> & {
-    id?: string | undefined;
-    name?: string | undefined;
-    value?: string | undefined;
+declare const DateTimePicker: React.ForwardRefExoticComponent<Omit<Omit<Pick<Omit<DateTimePickerBaseProps, keyof import('@atlaskit/analytics-next').WithAnalyticsEventsProps>, never> & {
+    appearance?: import('..').Appearance | undefined;
+    isDisabled?: boolean | undefined;
+    innerProps?: React.AllHTMLAttributes<HTMLElement> | undefined;
     defaultValue?: string | undefined;
     autoFocus?: boolean | undefined;
+    id?: string | undefined;
     'aria-describedby'?: string | undefined;
     onFocus?: React.FocusEventHandler<HTMLInputElement> | undefined;
     onBlur?: React.FocusEventHandler<HTMLInputElement> | undefined;
     onChange?: ((value: string) => void) | undefined;
-    appearance?: import("..").Appearance | undefined;
-    isDisabled?: boolean | undefined;
-    spacing?: import("..").Spacing | undefined;
+    value?: string | undefined;
+    name?: string | undefined;
     testId?: string | undefined;
     locale?: string | undefined;
-    innerProps?: React.AllHTMLAttributes<HTMLElement> | undefined;
-    isInvalid?: boolean | undefined;
     clearControlLabel?: string | undefined;
+    isInvalid?: boolean | undefined;
     isRequired?: boolean | undefined;
-    datePickerProps?: import("..").DatePickerProps | undefined;
-    timePickerProps?: import("..").TimePickerProps | undefined;
+    spacing?: import('..').Spacing | undefined;
+    datePickerProps?: import('..').DatePickerProps | undefined;
+    timePickerProps?: import('..').TimePickerProps | undefined;
     parseValue?: ((dateTimeValue: string, date: string, time: string, timezone: string) => {
         dateValue: string;
         timeValue: string;
@@ -79,6 +79,6 @@ declare const DateTimePicker: React.ForwardRefExoticComponent<Omit<Omit<Pick<Omi
     }) | undefined;
 } & {
     ref?: React.Ref<any> | undefined;
-    createAnalyticsEvent?: import("@atlaskit/analytics-next").CreateUIAnalyticsEvent | undefined;
-}, "ref"> & React.RefAttributes<any> & import("@atlaskit/analytics-next").WithContextProps, "ref"> & React.RefAttributes<any>>;
+    createAnalyticsEvent?: import('@atlaskit/analytics-next').CreateUIAnalyticsEvent | undefined;
+}, 'ref'> & React.RefAttributes<any> & import('@atlaskit/analytics-next').WithContextProps, 'ref'> & React.RefAttributes<any>>;
 export default DateTimePicker;

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

@@ -1,24 +1,24 @@
-declare const DateTimePicker: import("react").FC<Omit<Omit<import("..").DateTimePickerProps, "ref"> & import("react").RefAttributes<HTMLElement>, "ref"> & Omit<Omit<Omit<Pick<Omit<import("..").DateTimePickerProps, keyof import("@atlaskit/analytics-next").WithAnalyticsEventsProps>, never> & {
-    id?: string | undefined;
-    name?: string | undefined;
-    value?: string | undefined;
+declare const DateTimePicker: import('react').FC<Omit<Omit<import('..').DateTimePickerProps, 'ref'> & import('react').RefAttributes<HTMLElement>, 'ref'> & Omit<Omit<Omit<Pick<Omit<import('..').DateTimePickerProps, keyof import('@atlaskit/analytics-next').WithAnalyticsEventsProps>, never> & {
+    appearance?: import('..').Appearance | undefined;
+    isDisabled?: boolean | undefined;
+    innerProps?: React.AllHTMLAttributes<HTMLElement> | undefined;
     defaultValue?: string | undefined;
     autoFocus?: boolean | undefined;
+    id?: string | undefined;
     'aria-describedby'?: string | undefined;
     onFocus?: React.FocusEventHandler<HTMLInputElement> | undefined;
     onBlur?: React.FocusEventHandler<HTMLInputElement> | undefined;
     onChange?: ((value: string) => void) | undefined;
-    appearance?: import("..").Appearance | undefined;
-    isDisabled?: boolean | undefined;
-    spacing?: import("..").Spacing | undefined;
+    value?: string | undefined;
+    name?: string | undefined;
     testId?: string | undefined;
     locale?: string | undefined;
-    innerProps?: React.AllHTMLAttributes<HTMLElement> | undefined;
-    isInvalid?: boolean | undefined;
     clearControlLabel?: string | undefined;
+    isInvalid?: boolean | undefined;
     isRequired?: boolean | undefined;
-    datePickerProps?: import("..").DatePickerProps | undefined;
-    timePickerProps?: import("..").TimePickerProps | undefined;
+    spacing?: import('..').Spacing | undefined;
+    datePickerProps?: import('..').DatePickerProps | undefined;
+    timePickerProps?: import('..').TimePickerProps | undefined;
     parseValue?: ((dateTimeValue: string, date: string, time: string, timezone: string) => {
         dateValue: string;
         timeValue: string;
@@ -26,6 +26,6 @@ declare const DateTimePicker: import("react").FC<Omit<Omit<import("..").DateTime
     }) | undefined;
 } & {
     ref?: React.Ref<any> | undefined;
-    createAnalyticsEvent?: import("@atlaskit/analytics-next").CreateUIAnalyticsEvent | undefined;
-}, "ref"> & import("react").RefAttributes<any> & import("@atlaskit/analytics-next").WithContextProps, "ref"> & import("react").RefAttributes<any>, "ref"> & import("react").RefAttributes<any>>;
+    createAnalyticsEvent?: import('@atlaskit/analytics-next').CreateUIAnalyticsEvent | undefined;
+}, 'ref'> & import('react').RefAttributes<any> & import('@atlaskit/analytics-next').WithContextProps, 'ref'> & import('react').RefAttributes<any>, 'ref'> & import('react').RefAttributes<any>>;
 export default DateTimePicker;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/datetime-picker",
-	"version": "17.5.0",
+	"version": "17.5.2",
 	"description": "A date time picker allows the user to select an associated date and time.",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -37,7 +37,7 @@
 		"@atlaskit/calendar": "^17.2.0",
 		"@atlaskit/css": "^0.19.0",
 		"@atlaskit/ds-lib": "^5.3.0",
-		"@atlaskit/icon": "^30.0.0",
+		"@atlaskit/icon": "^31.0.0",
 		"@atlaskit/layering": "^3.6.0",
 		"@atlaskit/locale": "^3.0.0",
 		"@atlaskit/platform-feature-flags": "^1.1.0",
@@ -58,11 +58,11 @@
 		"@af/visual-regression": "workspace:^",
 		"@atlaskit/code": "^17.4.0",
 		"@atlaskit/codemod-utils": "^4.2.0",
-		"@atlaskit/docs": "^11.3.0",
+		"@atlaskit/docs": "^11.4.0",
 		"@atlaskit/form": "^15.3.0",
-		"@atlaskit/heading": "^5.2.0",
+		"@atlaskit/heading": "^5.3.0",
 		"@atlaskit/link": "^3.3.0",
-		"@atlaskit/modal-dialog": "^14.10.0",
+		"@atlaskit/modal-dialog": "^14.11.0",
 		"@atlaskit/popup": "^4.13.0",
 		"@atlaskit/range": "^9.3.0",
 		"@atlaskit/section-message": "^8.12.0",
@@ -108,9 +108,6 @@
 		"dst-date-time-picker-use-functional-component": {
 			"type": "boolean"
 		},
-		"platform-visual-refresh-icons": {
-			"type": "boolean"
-		},
 		"platform-dst-shape-theme-default": {
 			"type": "boolean"
 		}