@atlaskit/datetime-picker 13.11.1 → 13.11.3

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

@@ -1,6 +1,6 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["selectProps"];
+var _excluded = ["className", "clearValue", "cx", "getStyles", "getValue", "hasValue", "innerProps", "innerRef", "isLoading", "isMulti", "isRtl", "maxMenuHeight", "menuPlacement", "menuPosition", "menuShouldScrollIntoView", "minMenuHeight", "options", "placement", "selectOption", "selectProps", "setValue", "theme", "children"];
 /**
  * @jsxRuntime classic
  * @jsx jsx
@@ -14,14 +14,60 @@ import FixedLayer from '../internal/fixed-layer';
  * This is the fixed layer menu used in the time picker.
  */
 export var FixedLayerMenu = function FixedLayerMenu(_ref) {
-  var selectProps = _ref.selectProps,
+  var className = _ref.className,
+    clearValue = _ref.clearValue,
+    cx = _ref.cx,
+    getStyles = _ref.getStyles,
+    getValue = _ref.getValue,
+    hasValue = _ref.hasValue,
+    innerProps = _ref.innerProps,
+    innerRef = _ref.innerRef,
+    isLoading = _ref.isLoading,
+    isMulti = _ref.isMulti,
+    isRtl = _ref.isRtl,
+    maxMenuHeight = _ref.maxMenuHeight,
+    menuPlacement = _ref.menuPlacement,
+    menuPosition = _ref.menuPosition,
+    menuShouldScrollIntoView = _ref.menuShouldScrollIntoView,
+    minMenuHeight = _ref.minMenuHeight,
+    options = _ref.options,
+    placement = _ref.placement,
+    selectOption = _ref.selectOption,
+    selectProps = _ref.selectProps,
+    setValue = _ref.setValue,
+    theme = _ref.theme,
+    children = _ref.children,
     rest = _objectWithoutProperties(_ref, _excluded);
   return jsx(FixedLayer, {
     inputValue: selectProps.inputValue,
     containerRef: selectProps.fixedLayerRef,
     content: jsx(components.Menu, _extends({}, rest, {
-      menuShouldScrollIntoView: false
-    })),
+      // eslint-disable-next-line @atlaskit/design-system/no-unsafe-style-overrides, @atlaskit/ui-styling-standard/no-classname-prop
+      className: className,
+      clearValue: clearValue,
+      cx: cx,
+      getStyles: getStyles,
+      getValue: getValue,
+      hasValue: hasValue,
+      innerProps: innerProps,
+      innerRef: innerRef,
+      isLoading: isLoading,
+      isMulti: isMulti,
+      isRtl: isRtl,
+      maxMenuHeight: maxMenuHeight,
+      menuPlacement: menuPlacement,
+      menuPosition: menuPosition,
+      menuShouldScrollIntoView: false || menuShouldScrollIntoView,
+      minMenuHeight: minMenuHeight,
+      options: options,
+      placement: placement,
+      selectOption: selectOption,
+      selectProps: selectProps,
+      setValue: setValue
+      // eslint-disable-next-line @repo/internal/react/no-unsafe-overrides, @atlaskit/design-system/no-unsafe-style-overrides
+      ,
+      theme: theme
+    }), children),
     testId: selectProps.testId
   });
 };

package/dist/esm/internal/menu.js

@@ -11,13 +11,20 @@ import { UNSAFE_LAYERING } from '@atlaskit/layering';
 import { N0, N50A, N60A } from '@atlaskit/theme/colors';
 import { layers } from '@atlaskit/theme/constants';
 import FixedLayer from '../internal/fixed-layer';
-function getValidDate(iso) {
-  var date = parseISO(iso);
-  return isValid(date) ? {
-    day: date.getDate(),
-    month: date.getMonth() + 1,
-    year: date.getFullYear()
-  } : {};
+
+/**
+ * @param isos A series of ISO dates.
+ * @returns The last valid date within the array of ISO strings.
+ */
+function getValidDate(isos) {
+  return isos.reduce(function (acc, iso) {
+    var date = parseISO(iso);
+    return isValid(date) ? {
+      day: date.getDate(),
+      month: date.getMonth() + 1,
+      year: date.getFullYear()
+    } : acc;
+  }, {});
 }
 var menuStyles = css({
   zIndex: layers.dialog(),
@@ -33,6 +40,12 @@ var menuStyles = css({
 export var Menu = function Menu(_ref) {
   var selectProps = _ref.selectProps,
     innerProps = _ref.innerProps;
+  var calendarValue = selectProps.calendarValue,
+    calendarView = selectProps.calendarView;
+  var _getValidDate = getValidDate([calendarValue, calendarView]),
+    day = _getValidDate.day,
+    month = _getValidDate.month,
+    year = _getValidDate.year;
   return jsx(UNSAFE_LAYERING, {
     isDisabled: false
   }, jsx(FixedLayer, {
@@ -40,7 +53,10 @@ export var Menu = function Menu(_ref) {
     containerRef: selectProps.calendarContainerRef,
     content: jsx("div", _extends({
       css: menuStyles
-    }, innerProps), jsx(Calendar, _extends({}, getValidDate(selectProps.calendarValue), getValidDate(selectProps.calendarView), {
+    }, innerProps), jsx(Calendar, {
+      day: day,
+      month: month,
+      year: year,
       disabled: selectProps.calendarDisabled,
       disabledDateFilter: selectProps.calendarDisabledDateFilter,
       minDate: selectProps.calendarMinDate,
@@ -55,7 +71,7 @@ export var Menu = function Menu(_ref) {
       locale: selectProps.calendarLocale,
       testId: selectProps.testId && "".concat(selectProps.testId, "--calendar"),
       weekStartDay: selectProps.calendarWeekStartDay
-    }))),
+    })),
     testId: selectProps.testId
   }));
 };

package/dist/esm/internal/single-value.js

@@ -1,6 +1,6 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["children"];
+var _excluded = ["children", "className", "clearValue", "cx", "data", "getStyles", "getValue", "hasValue", "isDisabled", "isMulti", "isRtl", "options", "selectOption", "selectProps", "setValue", "theme"];
 import React from 'react';
 import { components } from '@atlaskit/select';
 
@@ -12,11 +12,44 @@ export var makeSingleValue = function makeSingleValue(_ref) {
   var lang = _ref.lang;
   return function (_ref2) {
     var children = _ref2.children,
-      props = _objectWithoutProperties(_ref2, _excluded);
-    return /*#__PURE__*/React.createElement(components.SingleValue, _extends({}, props, {
+      className = _ref2.className,
+      clearValue = _ref2.clearValue,
+      cx = _ref2.cx,
+      data = _ref2.data,
+      getStyles = _ref2.getStyles,
+      getValue = _ref2.getValue,
+      hasValue = _ref2.hasValue,
+      isDisabled = _ref2.isDisabled,
+      isMulti = _ref2.isMulti,
+      isRtl = _ref2.isRtl,
+      options = _ref2.options,
+      selectOption = _ref2.selectOption,
+      selectProps = _ref2.selectProps,
+      setValue = _ref2.setValue,
+      theme = _ref2.theme,
+      rest = _objectWithoutProperties(_ref2, _excluded);
+    return /*#__PURE__*/React.createElement(components.SingleValue, _extends({}, rest, {
+      // eslint-disable-next-line @atlaskit/design-system/no-unsafe-style-overrides, @atlaskit/ui-styling-standard/no-classname-prop
+      className: className,
+      clearValue: clearValue,
+      cx: cx,
+      data: data,
+      getStyles: getStyles,
+      getValue: getValue,
+      hasValue: hasValue,
       innerProps: {
         lang: lang
-      }
+      },
+      isDisabled: isDisabled,
+      isMulti: isMulti,
+      isRtl: isRtl,
+      options: options,
+      selectOption: selectOption,
+      selectProps: selectProps,
+      setValue: setValue
+      // eslint-disable-next-line @repo/internal/react/no-unsafe-overrides, @atlaskit/design-system/no-unsafe-style-overrides
+      ,
+      theme: theme
     }), children);
   };
 };

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

@@ -77,18 +77,8 @@ declare class DatePickerComponent extends Component<DatePickerProps, State> {
         l10n: LocalizationProvider;
         locale: string;
     } | null;
-    getSafeState: () => {
-        inputValue: any;
-        value: string;
-        isOpen: boolean;
-        isFocused: boolean;
-        clearingFromIcon: boolean;
-        calendarValue: string;
-        selectInputValue: string;
-        l10n: LocalizationProvider;
-        locale: string;
-        shouldSetFocusOnCurrentDay: boolean;
-    };
+    getValue: () => string;
+    getIsOpen: () => boolean;
     isDateDisabled: (date: string) => boolean;
     onCalendarChange: ({ iso }: {
         iso: string;

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

@@ -39,13 +39,12 @@ export declare const timePickerDefaultAriaLabel = "Time";
 declare class DateTimePickerComponent extends React.Component<DateTimePickerProps, State> {
     static defaultProps: DateTimePickerProps;
     state: State;
-    getSafeState: () => {
+    getParsedValues: () => {
         dateValue: string;
         timeValue: string;
         zoneValue: string;
-        value: string;
-        isFocused: boolean;
     };
+    getValue: () => string;
     parseValue(value: string, dateValue: string, timeValue: string, zoneValue: string): {
         dateValue: string;
         timeValue: string;

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

@@ -65,7 +65,8 @@ declare class TimePickerComponent extends React.Component<TimePickerProps, State
         value: string;
         isFocused: boolean;
     };
-    getSafeState: () => State;
+    getValue: () => string;
+    getIsOpen: () => boolean;
     onChange: (newValue: ValueType<OptionType> | string, action?: ActionMeta<OptionType>) => void;
     /**
      * Only allow custom times if timeIsEditable prop is true

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

@@ -7,4 +7,4 @@ import { type MenuProps, type OptionType } from '@atlaskit/select';
 /**
  * This is the fixed layer menu used in the time picker.
  */
-export declare const FixedLayerMenu: ({ selectProps, ...rest }: MenuProps<OptionType>) => jsx.JSX.Element;
+export declare const FixedLayerMenu: ({ className, clearValue, cx, getStyles, getValue, hasValue, innerProps, innerRef, isLoading, isMulti, isRtl, maxMenuHeight, menuPlacement, menuPosition, menuShouldScrollIntoView, minMenuHeight, options, placement, selectOption, selectProps, setValue, theme, children, ...rest }: MenuProps<OptionType>) => jsx.JSX.Element;

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

@@ -6,4 +6,4 @@ import { type OptionType, type SingleValueProps } from '@atlaskit/select';
  */
 export declare const makeSingleValue: ({ lang }: {
     lang: string;
-}) => ({ children, ...props }: SingleValueProps<OptionType, false>) => JSX.Element;
+}) => ({ children, className, clearValue, cx, data, getStyles, getValue, hasValue, isDisabled, isMulti, isRtl, options, selectOption, selectProps, setValue, theme, ...rest }: SingleValueProps<OptionType, false>) => JSX.Element;

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

@@ -77,18 +77,8 @@ declare class DatePickerComponent extends Component<DatePickerProps, State> {
         l10n: LocalizationProvider;
         locale: string;
     } | null;
-    getSafeState: () => {
-        inputValue: any;
-        value: string;
-        isOpen: boolean;
-        isFocused: boolean;
-        clearingFromIcon: boolean;
-        calendarValue: string;
-        selectInputValue: string;
-        l10n: LocalizationProvider;
-        locale: string;
-        shouldSetFocusOnCurrentDay: boolean;
-    };
+    getValue: () => string;
+    getIsOpen: () => boolean;
     isDateDisabled: (date: string) => boolean;
     onCalendarChange: ({ iso }: {
         iso: string;

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

@@ -39,13 +39,12 @@ export declare const timePickerDefaultAriaLabel = "Time";
 declare class DateTimePickerComponent extends React.Component<DateTimePickerProps, State> {
     static defaultProps: DateTimePickerProps;
     state: State;
-    getSafeState: () => {
+    getParsedValues: () => {
         dateValue: string;
         timeValue: string;
         zoneValue: string;
-        value: string;
-        isFocused: boolean;
     };
+    getValue: () => string;
     parseValue(value: string, dateValue: string, timeValue: string, zoneValue: string): {
         dateValue: string;
         timeValue: string;

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

@@ -65,7 +65,8 @@ declare class TimePickerComponent extends React.Component<TimePickerProps, State
         value: string;
         isFocused: boolean;
     };
-    getSafeState: () => State;
+    getValue: () => string;
+    getIsOpen: () => boolean;
     onChange: (newValue: ValueType<OptionType> | string, action?: ActionMeta<OptionType>) => void;
     /**
      * Only allow custom times if timeIsEditable prop is true

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

@@ -7,4 +7,4 @@ import { type MenuProps, type OptionType } from '@atlaskit/select';
 /**
  * This is the fixed layer menu used in the time picker.
  */
-export declare const FixedLayerMenu: ({ selectProps, ...rest }: MenuProps<OptionType>) => jsx.JSX.Element;
+export declare const FixedLayerMenu: ({ className, clearValue, cx, getStyles, getValue, hasValue, innerProps, innerRef, isLoading, isMulti, isRtl, maxMenuHeight, menuPlacement, menuPosition, menuShouldScrollIntoView, minMenuHeight, options, placement, selectOption, selectProps, setValue, theme, children, ...rest }: MenuProps<OptionType>) => jsx.JSX.Element;

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

@@ -6,4 +6,4 @@ import { type OptionType, type SingleValueProps } from '@atlaskit/select';
  */
 export declare const makeSingleValue: ({ lang }: {
     lang: string;
-}) => ({ children, ...props }: SingleValueProps<OptionType, false>) => JSX.Element;
+}) => ({ children, className, clearValue, cx, data, getStyles, getValue, hasValue, isDisabled, isMulti, isRtl, options, selectOption, selectProps, setValue, theme, ...rest }: SingleValueProps<OptionType, false>) => JSX.Element;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/datetime-picker",
-	"version": "13.11.1",
+	"version": "13.11.3",
 	"description": "A date time picker allows the user to select an associated date and time.",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -41,18 +41,17 @@
 	"dependencies": {
 		"@atlaskit/analytics-next": "^10.1.0",
 		"@atlaskit/calendar": "^14.5.0",
-		"@atlaskit/ds-lib": "^2.4.0",
-		"@atlaskit/icon": "^22.13.0",
+		"@atlaskit/ds-lib": "^2.5.0",
+		"@atlaskit/icon": "^22.14.0",
 		"@atlaskit/layering": "^0.4.0",
 		"@atlaskit/locale": "^2.8.0",
 		"@atlaskit/popper": "^6.2.0",
 		"@atlaskit/select": "^17.15.0",
 		"@atlaskit/theme": "^13.0.0",
-		"@atlaskit/tokens": "^1.58.0",
+		"@atlaskit/tokens": "^1.59.0",
 		"@babel/runtime": "^7.0.0",
 		"@emotion/react": "^11.7.1",
-		"date-fns": "^2.17.0",
-		"lodash": "^4.17.21"
+		"date-fns": "^2.17.0"
 	},
 	"peerDependencies": {
 		"react": "^16.8.0 || ^17.0.0 || ^18.0.0"
@@ -61,7 +60,7 @@
 		"@af/accessibility-testing": "*",
 		"@af/integration-testing": "*",
 		"@af/visual-regression": "*",
-		"@atlaskit/button": "^20.0.0",
+		"@atlaskit/button": "^20.1.0",
 		"@atlaskit/docs": "*",
 		"@atlaskit/form": "^10.5.0",
 		"@atlaskit/modal-dialog": "^12.15.0",