@atlaskit/datetime-picker 17.0.16 → 17.0.18

package/CHANGELOG.md

@@ -1,5 +1,21 @@
 # @atlaskit/datetime-picker
 
+## 17.0.18
+
+### Patch Changes
+
+- [`437668dfbdec9`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/437668dfbdec9) -
+  Add explicit types to a number of DST components
+- Updated dependencies
+
+## 17.0.17
+
+### Patch Changes
+
+- [`39e543109ec09`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/39e543109ec09) -
+  add type info to forwardRef components
+- Updated dependencies
+
 ## 17.0.16
 
 ### Patch Changes

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

@@ -1,4 +1,4 @@
-/* date-picker-class.tsx generated by @compiled/babel-plugin v0.36.1 */
+/* date-picker-class.tsx generated by @compiled/babel-plugin v0.38.1 */
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
@@ -38,9 +38,9 @@ function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 function _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; })(); }
+function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); } /// <reference types="node" />
 var packageName = "@atlaskit/datetime-picker";
-var packageVersion = "17.0.15";
+var packageVersion = "0.0.0-development";
 var datePickerDefaultProps = {
   defaultIsOpen: false,
   defaultValue: '',

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

@@ -1,4 +1,4 @@
-/* date-picker-fc.tsx generated by @compiled/babel-plugin v0.36.1 */
+/* date-picker-fc.tsx generated by @compiled/babel-plugin v0.38.1 */
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
@@ -31,12 +31,13 @@ var _indicatorsContainer = require("../internal/indicators-container");
 var _menu = require("../internal/menu");
 var _parseDate = require("../internal/parse-date");
 var _singleValue = require("../internal/single-value");
-var _excluded = ["appearance", "autoFocus", "clearControlLabel", "hideIcon", "openCalendarLabel", "defaultIsOpen", "defaultValue", "disabled", "disabledDateFilter", "icon", "id", "innerProps", "inputLabel", "inputLabelId", "isDisabled", "isInvalid", "isRequired", "label", "name", "onBlur", "onChange", "onFocus", "selectProps", "shouldShowCalendarButton", "spacing", "locale", "value", "isOpen", "maxDate", "minDate", "weekStartDay", "formatDisplayLabel", "testId", "aria-describedby", "placeholder", "nextMonthLabel", "previousMonthLabel"];
+var _excluded = ["appearance", "autoFocus", "clearControlLabel", "hideIcon", "openCalendarLabel", "defaultIsOpen", "defaultValue", "disabled", "disabledDateFilter", "icon", "id", "innerProps", "inputLabel", "inputLabelId", "isDisabled", "isInvalid", "isRequired", "label", "name", "onBlur", "onChange", "onFocus", "selectProps", "shouldShowCalendarButton", "spacing", "locale", "value", "isOpen", "maxDate", "minDate", "weekStartDay", "formatDisplayLabel", "testId", "aria-describedby", "placeholder", "nextMonthLabel", "previousMonthLabel"]; /// <reference types="node" />
+// for typing `process`
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var packageName = "@atlaskit/datetime-picker";
-var packageVersion = "17.0.15";
+var packageVersion = "0.0.0-development";
 var styles = {
   pickerContainerStyle: "_kqswh2mm",
   dropdownIndicatorStyles: "_1ul91k8s _1tke1k8s _1e0c1txw _4cvr1h6o _1bah1h6o",

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

@@ -1,4 +1,4 @@
-/* date-time-picker-class.tsx generated by @compiled/babel-plugin v0.36.1 */
+/* date-time-picker-class.tsx generated by @compiled/babel-plugin v0.38.1 */
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
@@ -30,12 +30,12 @@ var _timePicker = _interopRequireDefault(require("./time-picker"));
 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; })(); }
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _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; } /// <reference types="node" />
 var DatePicker = (0, _ffComponent.componentWithCondition)(function () {
   return (0, _platformFeatureFlags.fg)('dst-date-picker-use-functional-component');
 }, _datePickerFc.default, _datePickerClass.default);
 var packageName = "@atlaskit/datetime-picker";
-var packageVersion = "17.0.15";
+var packageVersion = "0.0.0-development";
 var compiledStyles = {
   datePickerContainerStyles: "_i0dl1ssb _16jlkb7n _1o9zidpf",
   timePickerContainerStyles: "_i0dl1ssb _16jlkb7n",

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

@@ -1,4 +1,4 @@
-/* date-time-picker-fc.tsx generated by @compiled/babel-plugin v0.36.1 */
+/* date-time-picker-fc.tsx generated by @compiled/babel-plugin v0.38.1 */
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
@@ -32,14 +32,15 @@ var _excluded = ["selectProps"],
   _excluded2 = ["selectProps"];
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+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; } /// <reference types="node" />
+// for typing `process`
 var DatePicker = (0, _ffComponent.componentWithCondition)(
 // eslint-disable-next-line @atlaskit/platform/ensure-feature-flag-prefix
 function () {
   return (0, _platformFeatureFlags.fg)('dst-date-picker-use-functional-component');
 }, _datePickerFc.default, _datePickerClass.default);
 var packageName = "@atlaskit/datetime-picker";
-var packageVersion = "17.0.15";
+var packageVersion = "0.0.0-development";
 var analyticsAttributes = {
   componentName: 'dateTimePicker',
   packageName: packageName,

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

@@ -26,7 +26,7 @@ function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var packageName = "@atlaskit/datetime-picker";
-var packageVersion = "17.0.15";
+var packageVersion = "0.0.0-development";
 var menuStyles = {
   /* Need to remove default absolute positioning as that causes issues with position fixed */
   position: 'static',

package/dist/cjs/internal/date-time-picker-container.compiled.css

@@ -1,11 +1,11 @@
 
-._19itp69y{border:var(--_1p9iyo2)}
+._19it1k9g{border:var(--ds-border-width,1px) solid var(--ds-border-input,#8590a2)}
 ._2rko12b0{border-radius:var(--ds-radius-small,4px)}
 ._v564r5cv{transition:background-color .2s ease-in-out,border-color .2s ease-in-out}
 ._1h6d13gt{border-color:var(--ds-border-disabled,#091e420f)}
 ._1h6d1bqt{border-color:var(--ds-border-danger,#e2483d)}
 ._1h6d1j28{border-color:transparent}
-._1h6d1p6i{border-color:var(--ds-border-focused,#388bff)}._16qsic8z{box-shadow:var(--_1p9nqfm)}
+._1h6d1p6i{border-color:var(--ds-border-focused,#388bff)}._16qsq049{box-shadow:inset 0 0 0 var(--ds-border-width,1px) var(--ds-border-focused,#388bff)}
 ._1e0c1txw{display:flex}
 ._bfhk1j28{background-color:transparent}
 ._bfhk1j9a{background-color:var(--ds-background-input,#fff)}

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

@@ -1,4 +1,4 @@
-/* date-time-picker-container.tsx generated by @compiled/babel-plugin v0.36.1 */
+/* date-time-picker-container.tsx generated by @compiled/babel-plugin v0.38.1 */
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
@@ -41,10 +41,6 @@ var DateTimePickerContainer = exports.DateTimePickerContainer = /*#__PURE__*/(0,
   return /*#__PURE__*/React.createElement("div", (0, _extends2.default)({}, innerProps, {
     "data-testid": testId,
     ref: ref,
-    className: (0, _runtime.ax)(["_2rko12b0 _v564r5cv _1e0c1txw _bfhk1j9a _d0altlke", "_19itp69y", isDisabled && "_1h6d13gt _bfhksyzs _d0al73ad", isFocused && "_bfhkr01l", appearance === 'subtle' && isFocused && "_1h6d1j28 _bfhk1y3p", appearance === 'subtle' && !isFocused && "_1h6d1j28 _bfhk1j28", isFocused && "_1h6d1p6i _16qsic8z", isInvalid && "_1h6d1bqt", notFocusedOrIsDisabled && isInvalid && "_4cvx1bqt _irr31d5g", notFocusedOrIsDisabled && !isInvalid && "_4cvx1elr _irr31d5g", appearance === 'none' && "_1h6d1j28 _bfhk1j28 _4cvx1j28 _irr31j28"]),
-    style: {
-      "--_1p9iyo2": (0, _runtime.ix)("var(--ds-border-width, 1px)".concat(" solid ", "var(--ds-border-input, #8590A2)")),
-      "--_1p9nqfm": (0, _runtime.ix)("inset 0 0 0 ".concat("var(--ds-border-width, 1px)", " ", "var(--ds-border-focused, #388BFF)"))
-    }
+    className: (0, _runtime.ax)(["_2rko12b0 _v564r5cv _1e0c1txw _bfhk1j9a _d0altlke", "_19it1k9g", isDisabled && "_1h6d13gt _bfhksyzs _d0al73ad", isFocused && "_bfhkr01l", appearance === 'subtle' && isFocused && "_1h6d1j28 _bfhk1y3p", appearance === 'subtle' && !isFocused && "_1h6d1j28 _bfhk1j28", isFocused && "_1h6d1p6i _16qsq049", isInvalid && "_1h6d1bqt", notFocusedOrIsDisabled && isInvalid && "_4cvx1bqt _irr31d5g", notFocusedOrIsDisabled && !isInvalid && "_4cvx1elr _irr31d5g", appearance === 'none' && "_1h6d1j28 _bfhk1j28 _4cvx1j28 _irr31j28"])
   }), children);
 });

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

@@ -42,11 +42,15 @@ function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r
  */
 function componentWithCondition(condition, ComponentTrue, ComponentFalse) {
   var ComponentWithCondition = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
-    return condition() ? /*#__PURE__*/_react.default.createElement(ComponentTrue, (0, _extends2.default)({}, props, {
-      ref: ref
-    })) : /*#__PURE__*/_react.default.createElement(ComponentFalse, (0, _extends2.default)({}, props, {
-      ref: ref
-    }));
+    return (
+      // eslint-disable-next-line @typescript-eslint/ban-ts-comment
+      // @ts-ignore: to unblock React 18.2.0 -> 18.3.1 version bump in Jira
+      condition() ? /*#__PURE__*/_react.default.createElement(ComponentTrue, (0, _extends2.default)({}, props, {
+        ref: ref
+      })) : /*#__PURE__*/_react.default.createElement(ComponentFalse, (0, _extends2.default)({}, props, {
+        ref: ref
+      }))
+    );
   });
   if (ComponentTrue.name !== '') {
     ComponentWithCondition.displayName = "ComponentWithCondition[".concat(condition.name, "]");

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

@@ -1,4 +1,4 @@
-/* fixed-layer-menu.tsx generated by @compiled/babel-plugin v0.36.1 */
+/* fixed-layer-menu.tsx generated by @compiled/babel-plugin v0.38.1 */
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");

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

@@ -1,4 +1,4 @@
-/* fixed-layer.tsx generated by @compiled/babel-plugin v0.36.1 */
+/* fixed-layer.tsx generated by @compiled/babel-plugin v0.38.1 */
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");

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

@@ -1,4 +1,4 @@
-/* indicators-container.tsx generated by @compiled/babel-plugin v0.36.1 */
+/* indicators-container.tsx generated by @compiled/babel-plugin v0.38.1 */
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");

package/dist/cjs/internal/menu.js

@@ -1,4 +1,4 @@
-/* menu.tsx generated by @compiled/babel-plugin v0.36.1 */
+/* menu.tsx generated by @compiled/babel-plugin v0.38.1 */
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");

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

@@ -1,9 +1,10 @@
-/* date-picker-class.tsx generated by @compiled/babel-plugin v0.36.1 */
+/* date-picker-class.tsx generated by @compiled/babel-plugin v0.38.1 */
 import _extends from "@babel/runtime/helpers/extends";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import "./date-picker-class.compiled.css";
 import * as React from 'react';
 import { ax, ix } from "@compiled/react/runtime";
+/// <reference types="node" />
 import { Component, createRef } from 'react';
 import { isValid, parseISO } from 'date-fns';
 import { createAndFireEvent, withAnalyticsContext, withAnalyticsEvents } from '@atlaskit/analytics-next';
@@ -22,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 = "17.0.15";
+const packageVersion = "0.0.0-development";
 const datePickerDefaultProps = {
   defaultIsOpen: false,
   defaultValue: '',

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

@@ -1,8 +1,10 @@
-/* date-picker-fc.tsx generated by @compiled/babel-plugin v0.36.1 */
+/* date-picker-fc.tsx generated by @compiled/babel-plugin v0.38.1 */
 import _extends from "@babel/runtime/helpers/extends";
 import "./date-picker-fc.compiled.css";
 import * as React from 'react';
 import { ax, ix } from "@compiled/react/runtime";
+/// <reference types="node" />
+// for typing `process`
 import { forwardRef, useCallback, useEffect, useReducer, useRef, useState } from 'react';
 import { isValid, parseISO } from 'date-fns';
 import { usePlatformLeafEventHandler } from '@atlaskit/analytics-next';
@@ -21,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 = "17.0.15";
+const packageVersion = "0.0.0-development";
 const styles = {
   pickerContainerStyle: "_kqswh2mm",
   dropdownIndicatorStyles: "_1ul91k8s _1tke1k8s _1e0c1txw _4cvr1h6o _1bah1h6o",

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

@@ -1,7 +1,9 @@
-/* date-time-picker-class.tsx generated by @compiled/babel-plugin v0.36.1 */
+/* date-time-picker-class.tsx generated by @compiled/babel-plugin v0.38.1 */
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import "./date-time-picker-class.compiled.css";
 import { ax, ix } from "@compiled/react/runtime";
+/// <reference types="node" />
+
 import React from 'react';
 import { format, isValid, parseISO } from 'date-fns';
 import { createAndFireEvent, withAnalyticsContext, withAnalyticsEvents } from '@atlaskit/analytics-next';
@@ -17,7 +19,7 @@ import DatePickerNew from './date-picker-fc';
 import TimePicker from './time-picker';
 const DatePicker = componentWithCondition(() => fg('dst-date-picker-use-functional-component'), DatePickerNew, DatePickerOld);
 const packageName = "@atlaskit/datetime-picker";
-const packageVersion = "17.0.15";
+const packageVersion = "0.0.0-development";
 const compiledStyles = {
   datePickerContainerStyles: "_i0dl1ssb _16jlkb7n _1o9zidpf",
   timePickerContainerStyles: "_i0dl1ssb _16jlkb7n",

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

@@ -1,7 +1,10 @@
-/* date-time-picker-fc.tsx generated by @compiled/babel-plugin v0.36.1 */
+/* date-time-picker-fc.tsx generated by @compiled/babel-plugin v0.38.1 */
 import _extends from "@babel/runtime/helpers/extends";
 import "./date-time-picker-fc.compiled.css";
 import { ax, ix } from "@compiled/react/runtime";
+/// <reference types="node" />
+// for typing `process`
+
 import React, { forwardRef, useCallback, useEffect, useState } from 'react';
 import { format, isValid, parseISO } from 'date-fns';
 import { usePlatformLeafEventHandler } from '@atlaskit/analytics-next';
@@ -21,7 +24,7 @@ const DatePicker = componentWithCondition(
 // eslint-disable-next-line @atlaskit/platform/ensure-feature-flag-prefix
 () => fg('dst-date-picker-use-functional-component'), DatePickerNew, DatePickerOld);
 const packageName = "@atlaskit/datetime-picker";
-const packageVersion = "17.0.15";
+const packageVersion = "0.0.0-development";
 const analyticsAttributes = {
   componentName: 'dateTimePicker',
   packageName,

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

@@ -11,7 +11,7 @@ import parseTime from '../internal/parse-time';
 import { convertTokens } from '../internal/parse-tokens';
 import { makeSingleValue } from '../internal/single-value';
 const packageName = "@atlaskit/datetime-picker";
-const packageVersion = "17.0.15";
+const packageVersion = "0.0.0-development";
 const menuStyles = {
   /* Need to remove default absolute positioning as that causes issues with position fixed */
   position: 'static',

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

@@ -1,4 +1,4 @@
-/* date-time-picker-container.tsx generated by @compiled/babel-plugin v0.36.1 */
+/* date-time-picker-container.tsx generated by @compiled/babel-plugin v0.38.1 */
 import _extends from "@babel/runtime/helpers/extends";
 import "./date-time-picker-container.compiled.css";
 import * as React from 'react';

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

@@ -33,7 +33,10 @@ import React, { forwardRef } from 'react';
  * @returns Component Depending on a Condition result
  */
 export function componentWithCondition(condition, ComponentTrue, ComponentFalse) {
-  const ComponentWithCondition = /*#__PURE__*/forwardRef((props, ref) => condition() ? /*#__PURE__*/React.createElement(ComponentTrue, _extends({}, props, {
+  const ComponentWithCondition = /*#__PURE__*/forwardRef((props, ref) =>
+  // eslint-disable-next-line @typescript-eslint/ban-ts-comment
+  // @ts-ignore: to unblock React 18.2.0 -> 18.3.1 version bump in Jira
+  condition() ? /*#__PURE__*/React.createElement(ComponentTrue, _extends({}, props, {
     ref: ref
   })) : /*#__PURE__*/React.createElement(ComponentFalse, _extends({}, props, {
     ref: ref

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

@@ -1,4 +1,4 @@
-/* fixed-layer-menu.tsx generated by @compiled/babel-plugin v0.36.1 */
+/* fixed-layer-menu.tsx generated by @compiled/babel-plugin v0.38.1 */
 import _extends from "@babel/runtime/helpers/extends";
 import * as React from 'react';
 import { ax, ix } from "@compiled/react/runtime";

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

@@ -1,4 +1,4 @@
-/* fixed-layer.tsx generated by @compiled/babel-plugin v0.36.1 */
+/* fixed-layer.tsx generated by @compiled/babel-plugin v0.38.1 */
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import "./fixed-layer.compiled.css";
 import { ax, ix } from "@compiled/react/runtime";

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

@@ -1,4 +1,4 @@
-/* indicators-container.tsx generated by @compiled/babel-plugin v0.36.1 */
+/* indicators-container.tsx generated by @compiled/babel-plugin v0.38.1 */
 import "./indicators-container.compiled.css";
 import * as React from 'react';
 import { ax, ix } from "@compiled/react/runtime";

package/dist/es2019/internal/menu.js

@@ -1,4 +1,4 @@
-/* menu.tsx generated by @compiled/babel-plugin v0.36.1 */
+/* menu.tsx generated by @compiled/babel-plugin v0.38.1 */
 import _extends from "@babel/runtime/helpers/extends";
 import "./menu.compiled.css";
 import * as React from 'react';

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

@@ -1,4 +1,4 @@
-/* date-picker-class.tsx generated by @compiled/babel-plugin v0.36.1 */
+/* date-picker-class.tsx generated by @compiled/babel-plugin v0.38.1 */
 import _extends from "@babel/runtime/helpers/extends";
 import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
 import _createClass from "@babel/runtime/helpers/createClass";
@@ -13,6 +13,7 @@ function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbol
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 function _callSuper(t, o, e) { return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], _getPrototypeOf(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; })(); }
+/// <reference types="node" />
 import { Component, createRef } from 'react';
 import { isValid, parseISO } from 'date-fns';
 import { createAndFireEvent, withAnalyticsContext, withAnalyticsEvents } from '@atlaskit/analytics-next';
@@ -31,7 +32,7 @@ import { Menu } from '../internal/menu';
 import { getSafeCalendarValue, getShortISOString } from '../internal/parse-date';
 import { makeSingleValue } from '../internal/single-value';
 var packageName = "@atlaskit/datetime-picker";
-var packageVersion = "17.0.15";
+var packageVersion = "0.0.0-development";
 var datePickerDefaultProps = {
   defaultIsOpen: false,
   defaultValue: '',

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

@@ -1,4 +1,4 @@
-/* date-picker-fc.tsx generated by @compiled/babel-plugin v0.36.1 */
+/* date-picker-fc.tsx generated by @compiled/babel-plugin v0.38.1 */
 import _extends from "@babel/runtime/helpers/extends";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
@@ -9,6 +9,8 @@ import * as React from 'react';
 import { ax, ix } from "@compiled/react/runtime";
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+/// <reference types="node" />
+// for typing `process`
 import { forwardRef, useCallback, useEffect, useReducer, useRef, useState } from 'react';
 import { isValid, parseISO } from 'date-fns';
 import { usePlatformLeafEventHandler } from '@atlaskit/analytics-next';
@@ -27,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 = "17.0.15";
+var packageVersion = "0.0.0-development";
 var styles = {
   pickerContainerStyle: "_kqswh2mm",
   dropdownIndicatorStyles: "_1ul91k8s _1tke1k8s _1e0c1txw _4cvr1h6o _1bah1h6o",

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

@@ -1,4 +1,4 @@
-/* date-time-picker-class.tsx generated by @compiled/babel-plugin v0.36.1 */
+/* date-time-picker-class.tsx generated by @compiled/babel-plugin v0.38.1 */
 import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
 import _createClass from "@babel/runtime/helpers/createClass";
 import _possibleConstructorReturn from "@babel/runtime/helpers/possibleConstructorReturn";
@@ -11,6 +11,8 @@ function _callSuper(t, o, e) { return o = _getPrototypeOf(o), _possibleConstruct
 function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+/// <reference types="node" />
+
 import React from 'react';
 import { format, isValid, parseISO } from 'date-fns';
 import { createAndFireEvent, withAnalyticsContext, withAnalyticsEvents } from '@atlaskit/analytics-next';
@@ -28,7 +30,7 @@ var DatePicker = componentWithCondition(function () {
   return fg('dst-date-picker-use-functional-component');
 }, DatePickerNew, DatePickerOld);
 var packageName = "@atlaskit/datetime-picker";
-var packageVersion = "17.0.15";
+var packageVersion = "0.0.0-development";
 var compiledStyles = {
   datePickerContainerStyles: "_i0dl1ssb _16jlkb7n _1o9zidpf",
   timePickerContainerStyles: "_i0dl1ssb _16jlkb7n",

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

@@ -1,4 +1,4 @@
-/* date-time-picker-fc.tsx generated by @compiled/babel-plugin v0.36.1 */
+/* date-time-picker-fc.tsx generated by @compiled/babel-plugin v0.38.1 */
 import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
@@ -9,6 +9,9 @@ import "./date-time-picker-fc.compiled.css";
 import { ax, ix } from "@compiled/react/runtime";
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+/// <reference types="node" />
+// for typing `process`
+
 import React, { forwardRef, useCallback, useEffect, useState } from 'react';
 import { format, isValid, parseISO } from 'date-fns';
 import { usePlatformLeafEventHandler } from '@atlaskit/analytics-next';
@@ -30,7 +33,7 @@ function () {
   return fg('dst-date-picker-use-functional-component');
 }, DatePickerNew, DatePickerOld);
 var packageName = "@atlaskit/datetime-picker";
-var packageVersion = "17.0.15";
+var packageVersion = "0.0.0-development";
 var analyticsAttributes = {
   componentName: 'dateTimePicker',
   packageName: packageName,

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

@@ -17,7 +17,7 @@ import parseTime from '../internal/parse-time';
 import { convertTokens } from '../internal/parse-tokens';
 import { makeSingleValue } from '../internal/single-value';
 var packageName = "@atlaskit/datetime-picker";
-var packageVersion = "17.0.15";
+var packageVersion = "0.0.0-development";
 var menuStyles = {
   /* Need to remove default absolute positioning as that causes issues with position fixed */
   position: 'static',

package/dist/esm/internal/date-time-picker-container.compiled.css

@@ -1,11 +1,11 @@
 
-._19itp69y{border:var(--_1p9iyo2)}
+._19it1k9g{border:var(--ds-border-width,1px) solid var(--ds-border-input,#8590a2)}
 ._2rko12b0{border-radius:var(--ds-radius-small,4px)}
 ._v564r5cv{transition:background-color .2s ease-in-out,border-color .2s ease-in-out}
 ._1h6d13gt{border-color:var(--ds-border-disabled,#091e420f)}
 ._1h6d1bqt{border-color:var(--ds-border-danger,#e2483d)}
 ._1h6d1j28{border-color:transparent}
-._1h6d1p6i{border-color:var(--ds-border-focused,#388bff)}._16qsic8z{box-shadow:var(--_1p9nqfm)}
+._1h6d1p6i{border-color:var(--ds-border-focused,#388bff)}._16qsq049{box-shadow:inset 0 0 0 var(--ds-border-width,1px) var(--ds-border-focused,#388bff)}
 ._1e0c1txw{display:flex}
 ._bfhk1j28{background-color:transparent}
 ._bfhk1j9a{background-color:var(--ds-background-input,#fff)}

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

@@ -1,4 +1,4 @@
-/* date-time-picker-container.tsx generated by @compiled/babel-plugin v0.36.1 */
+/* date-time-picker-container.tsx generated by @compiled/babel-plugin v0.38.1 */
 import _extends from "@babel/runtime/helpers/extends";
 import "./date-time-picker-container.compiled.css";
 import * as React from 'react';
@@ -32,10 +32,6 @@ export var DateTimePickerContainer = /*#__PURE__*/forwardRef(function (_ref, ref
   return /*#__PURE__*/React.createElement("div", _extends({}, innerProps, {
     "data-testid": testId,
     ref: ref,
-    className: ax(["_2rko12b0 _v564r5cv _1e0c1txw _bfhk1j9a _d0altlke", "_19itp69y", isDisabled && "_1h6d13gt _bfhksyzs _d0al73ad", isFocused && "_bfhkr01l", appearance === 'subtle' && isFocused && "_1h6d1j28 _bfhk1y3p", appearance === 'subtle' && !isFocused && "_1h6d1j28 _bfhk1j28", isFocused && "_1h6d1p6i _16qsic8z", isInvalid && "_1h6d1bqt", notFocusedOrIsDisabled && isInvalid && "_4cvx1bqt _irr31d5g", notFocusedOrIsDisabled && !isInvalid && "_4cvx1elr _irr31d5g", appearance === 'none' && "_1h6d1j28 _bfhk1j28 _4cvx1j28 _irr31j28"]),
-    style: {
-      "--_1p9iyo2": ix("var(--ds-border-width, 1px)".concat(" solid ", "var(--ds-border-input, #8590A2)")),
-      "--_1p9nqfm": ix("inset 0 0 0 ".concat("var(--ds-border-width, 1px)", " ", "var(--ds-border-focused, #388BFF)"))
-    }
+    className: ax(["_2rko12b0 _v564r5cv _1e0c1txw _bfhk1j9a _d0altlke", "_19it1k9g", isDisabled && "_1h6d13gt _bfhksyzs _d0al73ad", isFocused && "_bfhkr01l", appearance === 'subtle' && isFocused && "_1h6d1j28 _bfhk1y3p", appearance === 'subtle' && !isFocused && "_1h6d1j28 _bfhk1j28", isFocused && "_1h6d1p6i _16qsq049", isInvalid && "_1h6d1bqt", notFocusedOrIsDisabled && isInvalid && "_4cvx1bqt _irr31d5g", notFocusedOrIsDisabled && !isInvalid && "_4cvx1elr _irr31d5g", appearance === 'none' && "_1h6d1j28 _bfhk1j28 _4cvx1j28 _irr31j28"])
   }), children);
 });

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

@@ -34,11 +34,15 @@ import React, { forwardRef } from 'react';
  */
 export function componentWithCondition(condition, ComponentTrue, ComponentFalse) {
   var ComponentWithCondition = /*#__PURE__*/forwardRef(function (props, ref) {
-    return condition() ? /*#__PURE__*/React.createElement(ComponentTrue, _extends({}, props, {
-      ref: ref
-    })) : /*#__PURE__*/React.createElement(ComponentFalse, _extends({}, props, {
-      ref: ref
-    }));
+    return (
+      // eslint-disable-next-line @typescript-eslint/ban-ts-comment
+      // @ts-ignore: to unblock React 18.2.0 -> 18.3.1 version bump in Jira
+      condition() ? /*#__PURE__*/React.createElement(ComponentTrue, _extends({}, props, {
+        ref: ref
+      })) : /*#__PURE__*/React.createElement(ComponentFalse, _extends({}, props, {
+        ref: ref
+      }))
+    );
   });
   if (ComponentTrue.name !== '') {
     ComponentWithCondition.displayName = "ComponentWithCondition[".concat(condition.name, "]");

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

@@ -1,4 +1,4 @@
-/* fixed-layer-menu.tsx generated by @compiled/babel-plugin v0.36.1 */
+/* fixed-layer-menu.tsx generated by @compiled/babel-plugin v0.38.1 */
 import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 var _excluded = ["className", "clearValue", "cx", "getStyles", "getValue", "hasValue", "innerProps", "innerRef", "isLoading", "isMulti", "isRtl", "maxMenuHeight", "menuPlacement", "menuPosition", "menuShouldScrollIntoView", "minMenuHeight", "options", "placement", "selectOption", "selectProps", "setValue", "children"];

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

@@ -1,4 +1,4 @@
-/* fixed-layer.tsx generated by @compiled/babel-plugin v0.36.1 */
+/* fixed-layer.tsx generated by @compiled/babel-plugin v0.38.1 */
 import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
 import _createClass from "@babel/runtime/helpers/createClass";
 import _possibleConstructorReturn from "@babel/runtime/helpers/possibleConstructorReturn";

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

@@ -1,4 +1,4 @@
-/* indicators-container.tsx generated by @compiled/babel-plugin v0.36.1 */
+/* indicators-container.tsx generated by @compiled/babel-plugin v0.38.1 */
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 var _excluded = ["showClearIndicator"];
 import "./indicators-container.compiled.css";

package/dist/esm/internal/menu.js

@@ -1,4 +1,4 @@
-/* menu.tsx generated by @compiled/babel-plugin v0.36.1 */
+/* menu.tsx generated by @compiled/babel-plugin v0.38.1 */
 import _extends from "@babel/runtime/helpers/extends";
 import "./menu.compiled.css";
 import * as React from 'react';

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

@@ -15,5 +15,5 @@ export type DatePickerProps = DatePickerBaseProps & {
  * - [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<Omit<DatePickerProps, "ref"> & import("react").RefAttributes<unknown>>;
+declare const DatePicker: React.ForwardRefExoticComponent<React.PropsWithoutRef<DatePickerProps> & React.RefAttributes<HTMLElement>>;
 export default DatePicker;

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

@@ -1,20 +1,4 @@
-declare const DatePicker: import("react").FC<Omit<Omit<import("./date-picker-fc").DatePickerProps, "ref"> & import("react").RefAttributes<unknown>, "ref"> & Omit<Omit<Pick<Omit<{
-    defaultIsOpen: boolean;
-    defaultValue: string;
-    disabled: string[];
-    disabledDateFilter: (_: string) => boolean;
-    locale: string;
-    onBlur: (_event: React.FocusEvent<HTMLInputElement>) => void;
-    onChange: (_value: string) => void;
-    onFocus: (_event: React.FocusEvent<HTMLInputElement>) => void;
-} & import("..").DatePickerProps, keyof import("@atlaskit/analytics-next").WithAnalyticsEventsProps>, "label" | "parseInputValue" | "dateFormat" | "formatDisplayLabel" | "placeholder" | "icon" | "appearance" | "isDisabled" | "innerProps" | "selectProps" | "autoFocus" | "id" | "aria-describedby" | "value" | "testId" | "menuInnerWrapper" | "maxDate" | "minDate" | "nextMonthLabel" | "previousMonthLabel" | "weekStartDay" | "clearControlLabel" | "isInvalid" | "isRequired" | "name" | "spacing" | "isOpen" | "inputLabel" | "inputLabelId" | "openCalendarLabel" | "shouldShowCalendarButton" | "hideIcon"> & {
-    disabled?: string[] | undefined;
-    defaultValue?: string | undefined;
-    onFocus?: (((_event: React.FocusEvent<HTMLInputElement>) => void) & import("react").FocusEventHandler<HTMLInputElement>) | undefined;
-    onBlur?: (((_event: React.FocusEvent<HTMLInputElement>) => void) & import("react").FocusEventHandler<HTMLInputElement>) | undefined;
-    onChange?: (((_value: string) => void) & ((value: string) => void)) | undefined;
-    disabledDateFilter?: (((_: string) => boolean) & ((date: string) => boolean)) | undefined;
-    locale?: string | undefined;
-    defaultIsOpen?: boolean | undefined;
-} & {} & import("react").RefAttributes<any> & import("@atlaskit/analytics-next").WithContextProps, "ref"> & import("react").RefAttributes<any>, "ref"> & import("react").RefAttributes<any>>;
+import type { FC, RefAttributes } from 'react';
+import type { DatePickerProps } from '../index';
+declare const DatePicker: FC<React.PropsWithoutRef<DatePickerProps> & RefAttributes<HTMLElement>>;
 export default DatePicker;

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

@@ -11,5 +11,5 @@ export declare const timePickerDefaultAriaLabel = "Time";
  * - [Code](https://atlassian.design/components/datetime-picker/code)
  * - [Usage](https://atlassian.design/components/datetime-picker/usage)
  */
-declare const DateTimePicker: React.ForwardRefExoticComponent<Omit<DateTimePickerBaseProps, "ref"> & React.RefAttributes<unknown>>;
+declare const DateTimePicker: React.ForwardRefExoticComponent<React.PropsWithoutRef<DateTimePickerBaseProps> & React.RefAttributes<HTMLElement>>;
 export default DateTimePicker;

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

@@ -1,4 +1,4 @@
-declare const DateTimePicker: import("react").FC<Omit<Omit<import("..").DateTimePickerProps, "ref"> & import("react").RefAttributes<unknown>, "ref"> & Omit<Omit<Omit<Pick<Omit<import("..").DateTimePickerProps, keyof import("@atlaskit/analytics-next").WithAnalyticsEventsProps>, never> & {
+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;

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

@@ -9,5 +9,5 @@ import { type TimePickerBaseProps } from '../types';
  * - [Code](https://atlassian.design/components/datetime-picker/time-picker/code)
  * - [Usage](https://atlassian.design/components/datetime-picker/time-picker/usage)
  */
-declare const TimePicker: React.ForwardRefExoticComponent<Omit<TimePickerBaseProps, "ref"> & React.RefAttributes<unknown>>;
+declare const TimePicker: React.ForwardRefExoticComponent<React.PropsWithoutRef<TimePickerBaseProps> & React.RefAttributes<unknown>>;
 export default TimePicker;

package/dist/types/internal/date-time-picker-container.d.ts

@@ -15,5 +15,5 @@ type DateTimePickerContainerProps = {
 /**
  * This is the container for the datetime picker component.
  */
-export declare const DateTimePickerContainer: import("react").ForwardRefExoticComponent<DateTimePickerContainerProps & import("react").RefAttributes<HTMLDivElement>>;
+export declare const DateTimePickerContainer: React.ForwardRefExoticComponent<React.PropsWithoutRef<DateTimePickerContainerProps> & React.RefAttributes<HTMLDivElement>>;
 export {};

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

@@ -15,5 +15,5 @@ export type DatePickerProps = DatePickerBaseProps & {
  * - [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<Omit<DatePickerProps, "ref"> & import("react").RefAttributes<unknown>>;
+declare const DatePicker: React.ForwardRefExoticComponent<React.PropsWithoutRef<DatePickerProps> & React.RefAttributes<HTMLElement>>;
 export default DatePicker;

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

@@ -1,20 +1,4 @@
-declare const DatePicker: import("react").FC<Omit<Omit<import("./date-picker-fc").DatePickerProps, "ref"> & import("react").RefAttributes<unknown>, "ref"> & Omit<Omit<Pick<Omit<{
-    defaultIsOpen: boolean;
-    defaultValue: string;
-    disabled: string[];
-    disabledDateFilter: (_: string) => boolean;
-    locale: string;
-    onBlur: (_event: React.FocusEvent<HTMLInputElement>) => void;
-    onChange: (_value: string) => void;
-    onFocus: (_event: React.FocusEvent<HTMLInputElement>) => void;
-} & import("..").DatePickerProps, keyof import("@atlaskit/analytics-next").WithAnalyticsEventsProps>, "label" | "parseInputValue" | "dateFormat" | "formatDisplayLabel" | "placeholder" | "icon" | "appearance" | "isDisabled" | "innerProps" | "selectProps" | "autoFocus" | "id" | "aria-describedby" | "value" | "testId" | "menuInnerWrapper" | "maxDate" | "minDate" | "nextMonthLabel" | "previousMonthLabel" | "weekStartDay" | "clearControlLabel" | "isInvalid" | "isRequired" | "name" | "spacing" | "isOpen" | "inputLabel" | "inputLabelId" | "openCalendarLabel" | "shouldShowCalendarButton" | "hideIcon"> & {
-    disabled?: string[] | undefined;
-    defaultValue?: string | undefined;
-    onFocus?: (((_event: React.FocusEvent<HTMLInputElement>) => void) & import("react").FocusEventHandler<HTMLInputElement>) | undefined;
-    onBlur?: (((_event: React.FocusEvent<HTMLInputElement>) => void) & import("react").FocusEventHandler<HTMLInputElement>) | undefined;
-    onChange?: (((_value: string) => void) & ((value: string) => void)) | undefined;
-    disabledDateFilter?: (((_: string) => boolean) & ((date: string) => boolean)) | undefined;
-    locale?: string | undefined;
-    defaultIsOpen?: boolean | undefined;
-} & {} & import("react").RefAttributes<any> & import("@atlaskit/analytics-next").WithContextProps, "ref"> & import("react").RefAttributes<any>, "ref"> & import("react").RefAttributes<any>>;
+import type { FC, RefAttributes } from 'react';
+import type { DatePickerProps } from '../index';
+declare const DatePicker: FC<React.PropsWithoutRef<DatePickerProps> & RefAttributes<HTMLElement>>;
 export default DatePicker;

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

@@ -11,5 +11,5 @@ export declare const timePickerDefaultAriaLabel = "Time";
  * - [Code](https://atlassian.design/components/datetime-picker/code)
  * - [Usage](https://atlassian.design/components/datetime-picker/usage)
  */
-declare const DateTimePicker: React.ForwardRefExoticComponent<Omit<DateTimePickerBaseProps, "ref"> & React.RefAttributes<unknown>>;
+declare const DateTimePicker: React.ForwardRefExoticComponent<React.PropsWithoutRef<DateTimePickerBaseProps> & React.RefAttributes<HTMLElement>>;
 export default DateTimePicker;

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

@@ -1,4 +1,4 @@
-declare const DateTimePicker: import("react").FC<Omit<Omit<import("..").DateTimePickerProps, "ref"> & import("react").RefAttributes<unknown>, "ref"> & Omit<Omit<Omit<Pick<Omit<import("..").DateTimePickerProps, keyof import("@atlaskit/analytics-next").WithAnalyticsEventsProps>, never> & {
+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;

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

@@ -9,5 +9,5 @@ import { type TimePickerBaseProps } from '../types';
  * - [Code](https://atlassian.design/components/datetime-picker/time-picker/code)
  * - [Usage](https://atlassian.design/components/datetime-picker/time-picker/usage)
  */
-declare const TimePicker: React.ForwardRefExoticComponent<Omit<TimePickerBaseProps, "ref"> & React.RefAttributes<unknown>>;
+declare const TimePicker: React.ForwardRefExoticComponent<React.PropsWithoutRef<TimePickerBaseProps> & React.RefAttributes<unknown>>;
 export default TimePicker;

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

@@ -15,5 +15,5 @@ type DateTimePickerContainerProps = {
 /**
  * This is the container for the datetime picker component.
  */
-export declare const DateTimePickerContainer: import("react").ForwardRefExoticComponent<DateTimePickerContainerProps & import("react").RefAttributes<HTMLDivElement>>;
+export declare const DateTimePickerContainer: React.ForwardRefExoticComponent<React.PropsWithoutRef<DateTimePickerContainerProps> & React.RefAttributes<HTMLDivElement>>;
 export {};

package/offerings.json

@@ -0,0 +1,98 @@
+[
+	{
+		"name": "DatePicker",
+		"package": "@atlaskit/datetime-picker",
+		"import": {
+			"name": "DatePicker",
+			"package": "@atlaskit/datetime-picker",
+			"type": "named"
+		},
+		"keywords": ["date", "picker", "calendar", "selection", "form"],
+		"categories": ["form"],
+		"shortDescription": "A component for selecting date values with calendar support.",
+		"status": "general-availability",
+		"accessibilityGuidelines": [
+			"Ensure proper keyboard navigation",
+			"Use appropriate date formats",
+			"Provide clear date labels",
+			"Consider screen reader announcements"
+		],
+		"usageGuidelines": [
+			"Use for date selection only",
+			"Provide clear date formats",
+			"Handle date validation appropriately",
+			"Consider calendar button visibility"
+		],
+		"contentGuidelines": [
+			"Use clear, descriptive labels",
+			"Provide helpful placeholder text",
+			"Use appropriate date formats",
+			"Keep labels concise but descriptive"
+		],
+		"examples": ["./examples/ai/date-picker.tsx"]
+	},
+	{
+		"name": "TimePicker",
+		"package": "@atlaskit/datetime-picker",
+		"import": {
+			"name": "TimePicker",
+			"package": "@atlaskit/datetime-picker",
+			"type": "named"
+		},
+		"keywords": ["time", "picker", "clock", "selection", "form"],
+		"categories": ["form"],
+		"shortDescription": "A component for selecting time values with clock interface.",
+		"status": "general-availability",
+		"accessibilityGuidelines": [
+			"Ensure proper keyboard navigation",
+			"Use appropriate time formats",
+			"Provide clear time labels",
+			"Consider screen reader announcements"
+		],
+		"usageGuidelines": [
+			"Use for time selection only",
+			"Provide clear time formats",
+			"Handle time validation appropriately",
+			"Consider editable time input"
+		],
+		"contentGuidelines": [
+			"Use clear, descriptive labels",
+			"Provide helpful placeholder text",
+			"Use appropriate time formats",
+			"Keep labels concise but descriptive"
+		],
+		"examples": ["./examples/ai/time-picker.tsx"]
+	},
+	{
+		"name": "DateTimePicker",
+		"package": "@atlaskit/datetime-picker",
+		"import": {
+			"name": "DateTimePicker",
+			"package": "@atlaskit/datetime-picker",
+			"type": "named"
+		},
+		"keywords": ["datetime", "picker", "date", "time", "calendar"],
+		"categories": ["form"],
+		"shortDescription": "A component for selecting both date and time values.",
+		"status": "general-availability",
+		"accessibilityGuidelines": [
+			"Ensure proper keyboard navigation",
+			"Use appropriate date/time formats",
+			"Provide clear date/time labels",
+			"Consider screen reader announcements"
+		],
+		"usageGuidelines": [
+			"Use for combined date and time selection",
+			"Provide clear date/time formats",
+			"Handle timezone considerations",
+			"Consider validation requirements"
+		],
+		"contentGuidelines": [
+			"Use clear, descriptive labels",
+			"Provide helpful placeholder text",
+			"Use appropriate date/time formats",
+			"Keep labels concise but descriptive"
+		],
+		"examples": ["./examples/ai/datetime-picker.tsx"]
+	}
+]

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/datetime-picker",
-	"version": "17.0.16",
+	"version": "17.0.18",
 	"description": "A date time picker allows the user to select an associated date and time.",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -36,15 +36,15 @@
 		"@atlaskit/button": "^23.4.0",
 		"@atlaskit/calendar": "^17.1.0",
 		"@atlaskit/css": "^0.14.0",
-		"@atlaskit/ds-lib": "^5.0.0",
-		"@atlaskit/icon": "^28.1.0",
+		"@atlaskit/ds-lib": "^5.1.0",
+		"@atlaskit/icon": "^28.3.0",
 		"@atlaskit/layering": "^3.0.0",
 		"@atlaskit/locale": "^3.0.0",
 		"@atlaskit/platform-feature-flags": "^1.1.0",
 		"@atlaskit/popper": "^7.1.0",
-		"@atlaskit/primitives": "^14.14.0",
-		"@atlaskit/select": "^21.2.0",
-		"@atlaskit/tokens": "^6.3.0",
+		"@atlaskit/primitives": "^14.15.0",
+		"@atlaskit/select": "^21.3.0",
+		"@atlaskit/tokens": "^6.4.0",
 		"@atlaskit/visually-hidden": "^3.0.0",
 		"@babel/runtime": "^7.0.0",
 		"@compiled/react": "^0.18.3",
@@ -59,12 +59,12 @@
 		"@af/visual-regression": "workspace:^",
 		"@atlaskit/code": "^17.2.0",
 		"@atlaskit/codemod-utils": "^4.2.0",
-		"@atlaskit/docs": "^11.0.0",
-		"@atlaskit/form": "^12.5.0",
+		"@atlaskit/docs": "^11.1.0",
+		"@atlaskit/form": "^14.2.0",
 		"@atlaskit/heading": "^5.2.0",
 		"@atlaskit/link": "^3.2.0",
-		"@atlaskit/modal-dialog": "^14.3.0",
-		"@atlaskit/popup": "^4.3.0",
+		"@atlaskit/modal-dialog": "^14.4.0",
+		"@atlaskit/popup": "^4.4.0",
 		"@atlaskit/range": "^9.2.0",
 		"@atlaskit/section-message": "^8.7.0",
 		"@atlaskit/ssr": "workspace:^",