@atlaskit/datetime-picker 15.2.0 → 15.3.1

package/CHANGELOG.md

@@ -1,5 +1,25 @@
 # @atlaskit/datetime-picker
 
+## 15.3.1
+
+### Patch Changes
+
+- Updated dependencies
+
+## 15.3.0
+
+### Minor Changes
+
+- [#132971](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/132971)
+  [`eca12e4531487`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/eca12e4531487) -
+  add isRequired prop
+
+### Patch Changes
+
+- [#150734](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/150734)
+  [`8a55d1695e74a`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/8a55d1695e74a) -
+  Use proper icon color for calendar button.
+
 ## 15.2.0
 
 ### Minor Changes

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

@@ -43,7 +43,7 @@ function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.
 // version very soon from converting this to functional. And also React 18 is on
 // the horizon
 var packageName = "@atlaskit/datetime-picker";
-var packageVersion = "15.2.0";
+var packageVersion = "15.3.1";
 var datePickerDefaultProps = {
   defaultIsOpen: false,
   defaultValue: '',
@@ -94,6 +94,8 @@ var calendarButtonStyles = (0, _primitives.xcss)({
     backgroundColor: 'color.background.neutral.subtle.pressed'
   }
 });
+
+// eslint-disable-next-line @repo/internal/react/no-class-components
 var DatePickerComponent = exports.DatePickerWithoutAnalytics = /*#__PURE__*/function (_Component) {
   (0, _inherits2.default)(DatePickerComponent, _Component);
   var _super = _createSuper(DatePickerComponent);
@@ -438,6 +440,8 @@ var DatePickerComponent = exports.DatePickerWithoutAnalytics = /*#__PURE__*/func
         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$isRequire = _this$props.isRequired,
+        isRequired = _this$props$isRequire === void 0 ? false : _this$props$isRequire,
         _this$props$label = _this$props.label,
         label = _this$props$label === void 0 ? '' : _this$props$label,
         locale = _this$props.locale,
@@ -555,6 +559,7 @@ var DatePickerComponent = exports.DatePickerWithoutAnalytics = /*#__PURE__*/func
           inputId: id,
           inputValue: actualSelectInputValue,
           isDisabled: isDisabled,
+          isRequired: isRequired,
           menuIsOpen: menuIsOpen,
           onBlur: this.onSelectBlur,
           onChange: this.onSelectChange,
@@ -614,7 +619,8 @@ var DatePickerComponent = exports.DatePickerWithoutAnalytics = /*#__PURE__*/func
             padding: "space.050",
             xcss: calendarButtonStyles
           }), (0, _react2.jsx)(_calendar.default, {
-            label: ""
+            label: "",
+            primaryColor: "var(--ds-icon, #44546F)"
           })));
         }) : null)
       );

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.2.0";
+var packageVersion = "15.3.1";
 // Make DatePicker 50% the width of DateTimePicker
 // If rendering an icon container, shrink the TimePicker
 var datePickerContainerStyles = (0, _react2.css)({
@@ -277,6 +277,8 @@ var DateTimePickerComponent = exports.DateTimePickerWithoutAnalytics = /*#__PURE
         isDisabled = _this$props7$isDisabl === void 0 ? false : _this$props7$isDisabl,
         _this$props7$isInvali = _this$props7.isInvalid,
         isInvalid = _this$props7$isInvali === void 0 ? false : _this$props7$isInvali,
+        _this$props7$isRequir = _this$props7.isRequired,
+        isRequired = _this$props7$isRequir === void 0 ? false : _this$props7$isRequir,
         _this$props7$locale = _this$props7.locale,
         locale = _this$props7$locale === void 0 ? 'en-US' : _this$props7$locale,
         _this$props7$name = _this$props7.name,
@@ -337,6 +339,7 @@ var DateTimePickerComponent = exports.DateTimePickerWithoutAnalytics = /*#__PURE
         innerProps: datePickerProps.innerProps,
         isDisabled: datePickerProps.isDisabled || isDisabled,
         isInvalid: datePickerProps.isInvalid || isInvalid,
+        isRequired: datePickerProps.isRequired || isRequired,
         isOpen: datePickerProps.isOpen,
         label: datePickerLabel,
         locale: datePickerProps.locale || locale,
@@ -371,6 +374,7 @@ var DateTimePickerComponent = exports.DateTimePickerWithoutAnalytics = /*#__PURE
         isDisabled: timePickerProps.isDisabled || isDisabled,
         isInvalid: timePickerProps.isInvalid || isInvalid,
         isOpen: timePickerProps.isOpen,
+        isRequired: timePickerProps.isRequired || isRequired,
         label: timePickerLabel,
         locale: timePickerProps.locale || locale,
         name: timePickerProps.name,

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.2.0";
+var packageVersion = "15.3.1";
 var menuStyles = {
   /* Need to remove default absolute positioning as that causes issues with position fixed */
   position: 'static',
@@ -72,6 +72,8 @@ var TimePicker = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
     isDisabled = _ref$isDisabled === void 0 ? false : _ref$isDisabled,
     _ref$isInvalid = _ref.isInvalid,
     isInvalid = _ref$isInvalid === void 0 ? false : _ref$isInvalid,
+    _ref$isRequired = _ref.isRequired,
+    isRequired = _ref$isRequired === void 0 ? false : _ref$isRequired,
     providedIsOpen = _ref.isOpen,
     _ref$label = _ref.label,
     label = _ref$label === void 0 ? '' : _ref$label,
@@ -319,6 +321,7 @@ var TimePicker = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
     inputId: id,
     isClearable: true,
     isDisabled: isDisabled,
+    isRequired: isRequired,
     menuIsOpen: isOpen && !isDisabled,
     menuPlacement: "auto",
     openMenuOnFocus: true,

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

@@ -26,7 +26,7 @@ import { Menu } from '../internal/menu';
 import { getSafeCalendarValue, getShortISOString } from '../internal/parse-date';
 import { makeSingleValue } from '../internal/single-value';
 const packageName = "@atlaskit/datetime-picker";
-const packageVersion = "15.2.0";
+const packageVersion = "15.3.1";
 const datePickerDefaultProps = {
   defaultIsOpen: false,
   defaultValue: '',
@@ -75,6 +75,8 @@ const calendarButtonStyles = xcss({
     backgroundColor: 'color.background.neutral.subtle.pressed'
   }
 });
+
+// eslint-disable-next-line @repo/internal/react/no-class-components
 class DatePickerComponent extends Component {
   constructor(props) {
     var _this$props$selectPro2;
@@ -418,6 +420,7 @@ class DatePickerComponent extends Component {
       inputLabelId,
       isDisabled = false,
       isInvalid = false,
+      isRequired = false,
       label = '',
       locale,
       maxDate,
@@ -535,6 +538,7 @@ class DatePickerComponent extends Component {
         inputId: id,
         inputValue: actualSelectInputValue,
         isDisabled: isDisabled,
+        isRequired: isRequired,
         menuIsOpen: menuIsOpen,
         onBlur: this.onSelectBlur,
         onChange: this.onSelectChange,
@@ -591,7 +595,8 @@ class DatePickerComponent extends Component {
         padding: "space.050",
         xcss: calendarButtonStyles
       }), jsx(CalendarIcon, {
-        label: ""
+        label: "",
+        primaryColor: "var(--ds-icon, #44546F)"
       })))) : null)
     );
   }

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.2.0";
+const packageVersion = "15.3.1";
 // Make DatePicker 50% the width of DateTimePicker
 // If rendering an icon container, shrink the TimePicker
 const datePickerContainerStyles = css({
@@ -240,6 +240,7 @@ class DateTimePickerComponent extends React.Component {
       innerProps = {},
       isDisabled = false,
       isInvalid = false,
+      isRequired = false,
       locale = 'en-US',
       name = '',
       spacing = 'default',
@@ -301,6 +302,7 @@ class DateTimePickerComponent extends React.Component {
       innerProps: datePickerProps.innerProps,
       isDisabled: datePickerProps.isDisabled || isDisabled,
       isInvalid: datePickerProps.isInvalid || isInvalid,
+      isRequired: datePickerProps.isRequired || isRequired,
       isOpen: datePickerProps.isOpen,
       label: datePickerLabel,
       locale: datePickerProps.locale || locale,
@@ -335,6 +337,7 @@ class DateTimePickerComponent extends React.Component {
       isDisabled: timePickerProps.isDisabled || isDisabled,
       isInvalid: timePickerProps.isInvalid || isInvalid,
       isOpen: timePickerProps.isOpen,
+      isRequired: timePickerProps.isRequired || isRequired,
       label: timePickerLabel,
       locale: timePickerProps.locale || locale,
       name: timePickerProps.name,

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.2.0";
+const packageVersion = "15.3.1";
 const menuStyles = {
   /* Need to remove default absolute positioning as that causes issues with position fixed */
   position: 'static',
@@ -47,6 +47,7 @@ const TimePicker = /*#__PURE__*/forwardRef(({
   innerProps = {},
   isDisabled = false,
   isInvalid = false,
+  isRequired = false,
   isOpen: providedIsOpen,
   label = '',
   locale = 'en-US',
@@ -267,6 +268,7 @@ const TimePicker = /*#__PURE__*/forwardRef(({
     inputId: id,
     isClearable: true,
     isDisabled: isDisabled,
+    isRequired: isRequired,
     menuIsOpen: isOpen && !isDisabled,
     menuPlacement: "auto",
     openMenuOnFocus: true,

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

@@ -36,7 +36,7 @@ import { Menu } from '../internal/menu';
 import { getSafeCalendarValue, getShortISOString } from '../internal/parse-date';
 import { makeSingleValue } from '../internal/single-value';
 var packageName = "@atlaskit/datetime-picker";
-var packageVersion = "15.2.0";
+var packageVersion = "15.3.1";
 var datePickerDefaultProps = {
   defaultIsOpen: false,
   defaultValue: '',
@@ -87,6 +87,8 @@ var calendarButtonStyles = xcss({
     backgroundColor: 'color.background.neutral.subtle.pressed'
   }
 });
+
+// eslint-disable-next-line @repo/internal/react/no-class-components
 var DatePickerComponent = /*#__PURE__*/function (_Component) {
   _inherits(DatePickerComponent, _Component);
   var _super = _createSuper(DatePickerComponent);
@@ -431,6 +433,8 @@ var DatePickerComponent = /*#__PURE__*/function (_Component) {
         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$isRequire = _this$props.isRequired,
+        isRequired = _this$props$isRequire === void 0 ? false : _this$props$isRequire,
         _this$props$label = _this$props.label,
         label = _this$props$label === void 0 ? '' : _this$props$label,
         locale = _this$props.locale,
@@ -548,6 +552,7 @@ var DatePickerComponent = /*#__PURE__*/function (_Component) {
           inputId: id,
           inputValue: actualSelectInputValue,
           isDisabled: isDisabled,
+          isRequired: isRequired,
           menuIsOpen: menuIsOpen,
           onBlur: this.onSelectBlur,
           onChange: this.onSelectChange,
@@ -607,7 +612,8 @@ var DatePickerComponent = /*#__PURE__*/function (_Component) {
             padding: "space.050",
             xcss: calendarButtonStyles
           }), jsx(CalendarIcon, {
-            label: ""
+            label: "",
+            primaryColor: "var(--ds-icon, #44546F)"
           })));
         }) : null)
       );

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.2.0";
+var packageVersion = "15.3.1";
 // Make DatePicker 50% the width of DateTimePicker
 // If rendering an icon container, shrink the TimePicker
 var datePickerContainerStyles = css({
@@ -273,6 +273,8 @@ var DateTimePickerComponent = /*#__PURE__*/function (_React$Component) {
         isDisabled = _this$props7$isDisabl === void 0 ? false : _this$props7$isDisabl,
         _this$props7$isInvali = _this$props7.isInvalid,
         isInvalid = _this$props7$isInvali === void 0 ? false : _this$props7$isInvali,
+        _this$props7$isRequir = _this$props7.isRequired,
+        isRequired = _this$props7$isRequir === void 0 ? false : _this$props7$isRequir,
         _this$props7$locale = _this$props7.locale,
         locale = _this$props7$locale === void 0 ? 'en-US' : _this$props7$locale,
         _this$props7$name = _this$props7.name,
@@ -333,6 +335,7 @@ var DateTimePickerComponent = /*#__PURE__*/function (_React$Component) {
         innerProps: datePickerProps.innerProps,
         isDisabled: datePickerProps.isDisabled || isDisabled,
         isInvalid: datePickerProps.isInvalid || isInvalid,
+        isRequired: datePickerProps.isRequired || isRequired,
         isOpen: datePickerProps.isOpen,
         label: datePickerLabel,
         locale: datePickerProps.locale || locale,
@@ -367,6 +370,7 @@ var DateTimePickerComponent = /*#__PURE__*/function (_React$Component) {
         isDisabled: timePickerProps.isDisabled || isDisabled,
         isInvalid: timePickerProps.isInvalid || isInvalid,
         isOpen: timePickerProps.isOpen,
+        isRequired: timePickerProps.isRequired || isRequired,
         label: timePickerLabel,
         locale: timePickerProps.locale || locale,
         name: timePickerProps.name,

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.2.0";
+var packageVersion = "15.3.1";
 var menuStyles = {
   /* Need to remove default absolute positioning as that causes issues with position fixed */
   position: 'static',
@@ -62,6 +62,8 @@ var TimePicker = /*#__PURE__*/forwardRef(function (_ref, ref) {
     isDisabled = _ref$isDisabled === void 0 ? false : _ref$isDisabled,
     _ref$isInvalid = _ref.isInvalid,
     isInvalid = _ref$isInvalid === void 0 ? false : _ref$isInvalid,
+    _ref$isRequired = _ref.isRequired,
+    isRequired = _ref$isRequired === void 0 ? false : _ref$isRequired,
     providedIsOpen = _ref.isOpen,
     _ref$label = _ref.label,
     label = _ref$label === void 0 ? '' : _ref$label,
@@ -309,6 +311,7 @@ var TimePicker = /*#__PURE__*/forwardRef(function (_ref, ref) {
     inputId: id,
     isClearable: true,
     isDisabled: isDisabled,
+    isRequired: isRequired,
     menuIsOpen: isOpen && !isDisabled,
     menuPlacement: "auto",
     openMenuOnFocus: true,

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

@@ -97,7 +97,7 @@ declare const DatePicker: import("react").ForwardRefExoticComponent<Pick<Pick<Om
     onBlur: (_event: React.FocusEvent<HTMLInputElement>) => void;
     onChange: (_value: string) => void;
     onFocus: (_event: React.FocusEvent<HTMLInputElement>) => void;
-} & DatePickerBaseProps, 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" | "isInvalid" | "name" | "spacing" | "isOpen" | "inputLabel" | "inputLabelId" | "openCalendarLabel" | "shouldShowCalendarButton" | "hideIcon"> & Partial<Pick<Omit<{
+} & DatePickerBaseProps, 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" | "isInvalid" | "isRequired" | "name" | "spacing" | "isOpen" | "inputLabel" | "inputLabelId" | "openCalendarLabel" | "shouldShowCalendarButton" | "hideIcon"> & Partial<Pick<Omit<{
     defaultIsOpen: boolean;
     defaultValue: string;
     disabled: string[];
@@ -115,5 +115,5 @@ declare const DatePicker: import("react").ForwardRefExoticComponent<Pick<Pick<Om
     onBlur: (_event: React.FocusEvent<HTMLInputElement>) => void;
     onChange: (_value: string) => void;
     onFocus: (_event: React.FocusEvent<HTMLInputElement>) => void;
-}, 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" | "isInvalid" | "name" | "spacing" | "defaultIsOpen" | "isOpen" | "inputLabel" | "inputLabelId" | "openCalendarLabel" | "shouldShowCalendarButton" | "hideIcon"> & import("react").RefAttributes<any>>;
+}, 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" | "isInvalid" | "isRequired" | "name" | "spacing" | "defaultIsOpen" | "isOpen" | "inputLabel" | "inputLabelId" | "openCalendarLabel" | "shouldShowCalendarButton" | "hideIcon"> & import("react").RefAttributes<any>>;
 export default DatePicker;

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

@@ -52,5 +52,5 @@ 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<Pick<Pick<Pick<Omit<DateTimePickerBaseProps, keyof import("@atlaskit/analytics-next").WithAnalyticsEventsProps>, never> & Partial<Pick<Omit<DateTimePickerBaseProps, keyof import("@atlaskit/analytics-next").WithAnalyticsEventsProps>, "testId" | "appearance" | "innerProps" | "isDisabled" | "defaultValue" | "id" | "aria-describedby" | "onFocus" | "onBlur" | "onChange" | "locale" | "value" | "autoFocus" | "isInvalid" | "name" | "spacing" | "clearControlLabel" | "datePickerProps" | "timePickerProps" | "parseValue">> & Partial<Pick<DateTimePickerBaseProps, "ref" | "createAnalyticsEvent">>, "testId" | "appearance" | "innerProps" | "isDisabled" | "defaultValue" | "id" | "aria-describedby" | "onFocus" | "onBlur" | "onChange" | "locale" | "createAnalyticsEvent" | "value" | "autoFocus" | "isInvalid" | "name" | "spacing" | "clearControlLabel" | "datePickerProps" | "timePickerProps" | "parseValue"> & React.RefAttributes<any> & import("@atlaskit/analytics-next").WithContextProps, "testId" | "appearance" | "innerProps" | "isDisabled" | "key" | "defaultValue" | "id" | "aria-describedby" | "onFocus" | "onBlur" | "onChange" | "locale" | "analyticsContext" | "createAnalyticsEvent" | "value" | "autoFocus" | "isInvalid" | "name" | "spacing" | "clearControlLabel" | "datePickerProps" | "timePickerProps" | "parseValue"> & React.RefAttributes<any>>;
+declare const DateTimePicker: React.ForwardRefExoticComponent<Pick<Pick<Pick<Omit<DateTimePickerBaseProps, keyof import("@atlaskit/analytics-next").WithAnalyticsEventsProps>, never> & Partial<Pick<Omit<DateTimePickerBaseProps, keyof import("@atlaskit/analytics-next").WithAnalyticsEventsProps>, "testId" | "appearance" | "innerProps" | "isDisabled" | "defaultValue" | "id" | "aria-describedby" | "onFocus" | "onBlur" | "onChange" | "locale" | "value" | "autoFocus" | "isInvalid" | "isRequired" | "name" | "spacing" | "clearControlLabel" | "datePickerProps" | "timePickerProps" | "parseValue">> & Partial<Pick<DateTimePickerBaseProps, "ref" | "createAnalyticsEvent">>, "testId" | "appearance" | "innerProps" | "isDisabled" | "defaultValue" | "id" | "aria-describedby" | "onFocus" | "onBlur" | "onChange" | "locale" | "createAnalyticsEvent" | "value" | "autoFocus" | "isInvalid" | "isRequired" | "name" | "spacing" | "clearControlLabel" | "datePickerProps" | "timePickerProps" | "parseValue"> & React.RefAttributes<any> & import("@atlaskit/analytics-next").WithContextProps, "testId" | "appearance" | "innerProps" | "isDisabled" | "key" | "defaultValue" | "id" | "aria-describedby" | "onFocus" | "onBlur" | "onChange" | "locale" | "analyticsContext" | "createAnalyticsEvent" | "value" | "autoFocus" | "isInvalid" | "isRequired" | "name" | "spacing" | "clearControlLabel" | "datePickerProps" | "timePickerProps" | "parseValue"> & React.RefAttributes<any>>;
 export default DateTimePicker;

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<Pick<TimePickerBaseProps, "times" | "parseInputValue" | "formatDisplayLabel" | "placeholder" | "testId" | "label" | "appearance" | "selectProps" | "innerProps" | "isDisabled" | "defaultValue" | "id" | "aria-describedby" | "onFocus" | "onBlur" | "onChange" | "locale" | "createAnalyticsEvent" | "value" | "autoFocus" | "isInvalid" | "name" | "spacing" | "defaultIsOpen" | "isOpen" | "hideIcon" | "timeIsEditable" | "timeFormat"> & React.RefAttributes<unknown>>;
+declare const TimePicker: React.ForwardRefExoticComponent<Pick<TimePickerBaseProps, "times" | "parseInputValue" | "formatDisplayLabel" | "placeholder" | "testId" | "label" | "appearance" | "selectProps" | "innerProps" | "isDisabled" | "defaultValue" | "id" | "aria-describedby" | "onFocus" | "onBlur" | "onChange" | "locale" | "createAnalyticsEvent" | "value" | "autoFocus" | "isInvalid" | "isRequired" | "name" | "spacing" | "defaultIsOpen" | "isOpen" | "hideIcon" | "timeIsEditable" | "timeFormat"> & React.RefAttributes<unknown>>;
 export default TimePicker;

package/dist/types/types.d.ts

@@ -122,6 +122,10 @@ export interface DatePickerBaseProps extends WithAnalyticsEventsProps, PickerSel
      * Set if the picker is open.
      */
     isOpen?: boolean;
+    /**
+     * Sets the aria-required passed down to the combobox in the select component.
+     */
+    isRequired?: boolean;
     /**
      * The name of the field.
      */
@@ -299,6 +303,10 @@ export interface TimePickerBaseProps extends WithAnalyticsEventsProps, PickerSel
      * Set if the dropdown is open. Will be `false` if not provided.
      */
     isOpen?: boolean;
+    /**
+     * Sets the aria-required passed down to the combobox in the select component.
+     */
+    isRequired?: boolean;
     /**
      * Accessible name for the Time Picker Select, rendered as `aria-label`. This will override any other method of providing a label.
      */
@@ -411,6 +419,10 @@ export interface DateTimePickerBaseProps extends WithAnalyticsEventsProps {
      * Set if the field is disabled.
      */
     isDisabled?: boolean;
+    /**
+     * Sets the aria-required passed down to the combobox in the select component.
+     */
+    isRequired?: boolean;
     /**
      * The name of the field.
      */

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

@@ -97,7 +97,7 @@ declare const DatePicker: import("react").ForwardRefExoticComponent<Pick<Pick<Om
     onBlur: (_event: React.FocusEvent<HTMLInputElement>) => void;
     onChange: (_value: string) => void;
     onFocus: (_event: React.FocusEvent<HTMLInputElement>) => void;
-} & DatePickerBaseProps, 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" | "isInvalid" | "name" | "spacing" | "isOpen" | "inputLabel" | "inputLabelId" | "openCalendarLabel" | "shouldShowCalendarButton" | "hideIcon"> & Partial<Pick<Omit<{
+} & DatePickerBaseProps, 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" | "isInvalid" | "isRequired" | "name" | "spacing" | "isOpen" | "inputLabel" | "inputLabelId" | "openCalendarLabel" | "shouldShowCalendarButton" | "hideIcon"> & Partial<Pick<Omit<{
     defaultIsOpen: boolean;
     defaultValue: string;
     disabled: string[];
@@ -115,5 +115,5 @@ declare const DatePicker: import("react").ForwardRefExoticComponent<Pick<Pick<Om
     onBlur: (_event: React.FocusEvent<HTMLInputElement>) => void;
     onChange: (_value: string) => void;
     onFocus: (_event: React.FocusEvent<HTMLInputElement>) => void;
-}, 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" | "isInvalid" | "name" | "spacing" | "defaultIsOpen" | "isOpen" | "inputLabel" | "inputLabelId" | "openCalendarLabel" | "shouldShowCalendarButton" | "hideIcon"> & import("react").RefAttributes<any>>;
+}, 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" | "isInvalid" | "isRequired" | "name" | "spacing" | "defaultIsOpen" | "isOpen" | "inputLabel" | "inputLabelId" | "openCalendarLabel" | "shouldShowCalendarButton" | "hideIcon"> & import("react").RefAttributes<any>>;
 export default DatePicker;

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

@@ -52,5 +52,5 @@ 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<Pick<Pick<Pick<Omit<DateTimePickerBaseProps, keyof import("@atlaskit/analytics-next").WithAnalyticsEventsProps>, never> & Partial<Pick<Omit<DateTimePickerBaseProps, keyof import("@atlaskit/analytics-next").WithAnalyticsEventsProps>, "testId" | "appearance" | "innerProps" | "isDisabled" | "defaultValue" | "id" | "aria-describedby" | "onFocus" | "onBlur" | "onChange" | "locale" | "value" | "autoFocus" | "isInvalid" | "name" | "spacing" | "clearControlLabel" | "datePickerProps" | "timePickerProps" | "parseValue">> & Partial<Pick<DateTimePickerBaseProps, "ref" | "createAnalyticsEvent">>, "testId" | "appearance" | "innerProps" | "isDisabled" | "defaultValue" | "id" | "aria-describedby" | "onFocus" | "onBlur" | "onChange" | "locale" | "createAnalyticsEvent" | "value" | "autoFocus" | "isInvalid" | "name" | "spacing" | "clearControlLabel" | "datePickerProps" | "timePickerProps" | "parseValue"> & React.RefAttributes<any> & import("@atlaskit/analytics-next").WithContextProps, "testId" | "appearance" | "innerProps" | "isDisabled" | "key" | "defaultValue" | "id" | "aria-describedby" | "onFocus" | "onBlur" | "onChange" | "locale" | "analyticsContext" | "createAnalyticsEvent" | "value" | "autoFocus" | "isInvalid" | "name" | "spacing" | "clearControlLabel" | "datePickerProps" | "timePickerProps" | "parseValue"> & React.RefAttributes<any>>;
+declare const DateTimePicker: React.ForwardRefExoticComponent<Pick<Pick<Pick<Omit<DateTimePickerBaseProps, keyof import("@atlaskit/analytics-next").WithAnalyticsEventsProps>, never> & Partial<Pick<Omit<DateTimePickerBaseProps, keyof import("@atlaskit/analytics-next").WithAnalyticsEventsProps>, "testId" | "appearance" | "innerProps" | "isDisabled" | "defaultValue" | "id" | "aria-describedby" | "onFocus" | "onBlur" | "onChange" | "locale" | "value" | "autoFocus" | "isInvalid" | "isRequired" | "name" | "spacing" | "clearControlLabel" | "datePickerProps" | "timePickerProps" | "parseValue">> & Partial<Pick<DateTimePickerBaseProps, "ref" | "createAnalyticsEvent">>, "testId" | "appearance" | "innerProps" | "isDisabled" | "defaultValue" | "id" | "aria-describedby" | "onFocus" | "onBlur" | "onChange" | "locale" | "createAnalyticsEvent" | "value" | "autoFocus" | "isInvalid" | "isRequired" | "name" | "spacing" | "clearControlLabel" | "datePickerProps" | "timePickerProps" | "parseValue"> & React.RefAttributes<any> & import("@atlaskit/analytics-next").WithContextProps, "testId" | "appearance" | "innerProps" | "isDisabled" | "key" | "defaultValue" | "id" | "aria-describedby" | "onFocus" | "onBlur" | "onChange" | "locale" | "analyticsContext" | "createAnalyticsEvent" | "value" | "autoFocus" | "isInvalid" | "isRequired" | "name" | "spacing" | "clearControlLabel" | "datePickerProps" | "timePickerProps" | "parseValue"> & React.RefAttributes<any>>;
 export default DateTimePicker;

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<Pick<TimePickerBaseProps, "times" | "parseInputValue" | "formatDisplayLabel" | "placeholder" | "testId" | "label" | "appearance" | "selectProps" | "innerProps" | "isDisabled" | "defaultValue" | "id" | "aria-describedby" | "onFocus" | "onBlur" | "onChange" | "locale" | "createAnalyticsEvent" | "value" | "autoFocus" | "isInvalid" | "name" | "spacing" | "defaultIsOpen" | "isOpen" | "hideIcon" | "timeIsEditable" | "timeFormat"> & React.RefAttributes<unknown>>;
+declare const TimePicker: React.ForwardRefExoticComponent<Pick<TimePickerBaseProps, "times" | "parseInputValue" | "formatDisplayLabel" | "placeholder" | "testId" | "label" | "appearance" | "selectProps" | "innerProps" | "isDisabled" | "defaultValue" | "id" | "aria-describedby" | "onFocus" | "onBlur" | "onChange" | "locale" | "createAnalyticsEvent" | "value" | "autoFocus" | "isInvalid" | "isRequired" | "name" | "spacing" | "defaultIsOpen" | "isOpen" | "hideIcon" | "timeIsEditable" | "timeFormat"> & React.RefAttributes<unknown>>;
 export default TimePicker;

package/dist/types-ts4.5/types.d.ts

@@ -122,6 +122,10 @@ export interface DatePickerBaseProps extends WithAnalyticsEventsProps, PickerSel
      * Set if the picker is open.
      */
     isOpen?: boolean;
+    /**
+     * Sets the aria-required passed down to the combobox in the select component.
+     */
+    isRequired?: boolean;
     /**
      * The name of the field.
      */
@@ -299,6 +303,10 @@ export interface TimePickerBaseProps extends WithAnalyticsEventsProps, PickerSel
      * Set if the dropdown is open. Will be `false` if not provided.
      */
     isOpen?: boolean;
+    /**
+     * Sets the aria-required passed down to the combobox in the select component.
+     */
+    isRequired?: boolean;
     /**
      * Accessible name for the Time Picker Select, rendered as `aria-label`. This will override any other method of providing a label.
      */
@@ -411,6 +419,10 @@ export interface DateTimePickerBaseProps extends WithAnalyticsEventsProps {
      * Set if the field is disabled.
      */
     isDisabled?: boolean;
+    /**
+     * Sets the aria-required passed down to the combobox in the select component.
+     */
+    isRequired?: boolean;
     /**
      * The name of the field.
      */

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/datetime-picker",
-	"version": "15.2.0",
+	"version": "15.3.1",
 	"description": "A date time picker allows the user to select an associated date and time.",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -37,13 +37,13 @@
 	"dependencies": {
 		"@atlaskit/analytics-next": "^10.1.0",
 		"@atlaskit/calendar": "^15.0.0",
-		"@atlaskit/ds-lib": "^3.0.0",
+		"@atlaskit/ds-lib": "^3.1.0",
 		"@atlaskit/icon": "^22.22.0",
-		"@atlaskit/layering": "^0.5.0",
+		"@atlaskit/layering": "^0.6.0",
 		"@atlaskit/locale": "^2.8.0",
 		"@atlaskit/popper": "^6.3.0",
 		"@atlaskit/primitives": "^12.2.0",
-		"@atlaskit/select": "^18.0.0",
+		"@atlaskit/select": "^18.1.0",
 		"@atlaskit/theme": "^13.0.0",
 		"@atlaskit/tokens": "^2.0.0",
 		"@babel/runtime": "^7.0.0",