@atlaskit/datetime-picker 14.0.1 → 14.0.3

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

@@ -1,86 +1,5 @@
 import React from 'react';
-import { type ActionMeta, type OptionType, type ValueType } from '@atlaskit/select';
-import { type Appearance, type Spacing, type TimePickerBaseProps } from '../types';
-type TimePickerProps = typeof timePickerDefaultProps & TimePickerBaseProps;
-interface State {
-    isOpen: boolean;
-    /**
-     * When being cleared from the icon the TimePicker is blurred.
-     * This variable defines whether the default onMenuOpen or onMenuClose
-     * events should behave as normal
-     */
-    clearingFromIcon: boolean;
-    value: string;
-    isFocused: boolean;
-}
-declare const timePickerDefaultProps: {
-    appearance: Appearance;
-    autoFocus: boolean;
-    defaultIsOpen: boolean;
-    defaultValue: string;
-    hideIcon: boolean;
-    id: string;
-    innerProps: {};
-    isDisabled: boolean;
-    isInvalid: boolean;
-    label: string;
-    name: string;
-    onBlur: (_event: React.FocusEvent<HTMLInputElement>) => void;
-    onChange: (_value: string) => void;
-    onFocus: (_event: React.FocusEvent<HTMLInputElement>) => void;
-    parseInputValue: (time: string, _timeFormat: string) => string | Date;
-    selectProps: {};
-    spacing: Spacing;
-    times: string[];
-    timeIsEditable: boolean;
-    locale: string;
-};
-declare class TimePickerComponent extends React.Component<TimePickerProps, State> {
-    containerRef: HTMLElement | null;
-    static defaultProps: {
-        appearance: Appearance;
-        autoFocus: boolean;
-        defaultIsOpen: boolean;
-        defaultValue: string;
-        hideIcon: boolean;
-        id: string;
-        innerProps: {};
-        isDisabled: boolean;
-        isInvalid: boolean;
-        label: string;
-        name: string;
-        onBlur: (_event: React.FocusEvent<HTMLInputElement>) => void;
-        onChange: (_value: string) => void;
-        onFocus: (_event: React.FocusEvent<HTMLInputElement>) => void;
-        parseInputValue: (time: string, _timeFormat: string) => string | Date;
-        selectProps: {};
-        spacing: Spacing;
-        times: string[];
-        timeIsEditable: boolean;
-        locale: string;
-    };
-    state: {
-        isOpen: boolean;
-        clearingFromIcon: boolean;
-        value: string;
-        isFocused: boolean;
-    };
-    getValue: () => string;
-    getIsOpen: () => boolean;
-    onChange: (newValue: ValueType<OptionType> | string, action?: ActionMeta<OptionType>) => void;
-    /**
-     * Only allow custom times if timeIsEditable prop is true
-     */
-    onCreateOption: (inputValue: string) => void;
-    onMenuOpen: () => void;
-    onMenuClose: () => void;
-    setContainerRef: (ref: HTMLElement | null) => void;
-    onBlur: (event: React.FocusEvent<HTMLElement>) => void;
-    onFocus: (event: React.FocusEvent<HTMLElement>) => void;
-    onSelectKeyDown: (event: React.KeyboardEvent<HTMLInputElement>) => void;
-    render(): JSX.Element;
-}
-export { TimePickerComponent as TimePickerWithoutAnalytics };
+import { type TimePickerBaseProps } from '../types';
 /**
  * __Time picker__
  *
@@ -90,26 +9,5 @@ export { TimePickerComponent as TimePickerWithoutAnalytics };
  * - [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<Pick<Omit<TimePickerProps, keyof import("@atlaskit/analytics-next").WithAnalyticsEventsProps>, "testId" | "placeholder" | "aria-describedby" | "value" | "isOpen" | "formatDisplayLabel" | "timeFormat"> & Partial<Pick<Omit<TimePickerProps, keyof import("@atlaskit/analytics-next").WithAnalyticsEventsProps>, "times" | "label" | "appearance" | "selectProps" | "innerProps" | "isDisabled" | "defaultValue" | "id" | "onFocus" | "onBlur" | "onChange" | "locale" | "autoFocus" | "name" | "spacing" | "isInvalid" | "defaultIsOpen" | "parseInputValue" | "hideIcon" | "timeIsEditable">> & Partial<Pick<{
-    appearance: Appearance;
-    autoFocus: boolean;
-    defaultIsOpen: boolean;
-    defaultValue: string;
-    hideIcon: boolean;
-    id: string;
-    innerProps: {};
-    isDisabled: boolean;
-    isInvalid: boolean;
-    label: string;
-    name: string;
-    onBlur: (_event: React.FocusEvent<HTMLInputElement>) => void;
-    onChange: (_value: string) => void;
-    onFocus: (_event: React.FocusEvent<HTMLInputElement>) => void;
-    parseInputValue: (time: string, _timeFormat: string) => string | Date;
-    selectProps: {};
-    spacing: Spacing;
-    times: string[];
-    timeIsEditable: boolean;
-    locale: string;
-}, never>> & React.RefAttributes<any> & import("@atlaskit/analytics-next").WithContextProps, "times" | "testId" | "label" | "appearance" | "selectProps" | "innerProps" | "isDisabled" | "key" | "defaultValue" | "id" | "placeholder" | "aria-describedby" | "onFocus" | "onBlur" | "onChange" | "locale" | "analyticsContext" | "value" | "autoFocus" | "name" | "spacing" | "isInvalid" | "defaultIsOpen" | "isOpen" | "parseInputValue" | "formatDisplayLabel" | "hideIcon" | "timeIsEditable" | "timeFormat"> & React.RefAttributes<any>>;
+declare const TimePicker: React.ForwardRefExoticComponent<Pick<TimePickerBaseProps, "times" | "testId" | "label" | "appearance" | "selectProps" | "innerProps" | "isDisabled" | "defaultValue" | "id" | "placeholder" | "aria-describedby" | "onFocus" | "onBlur" | "onChange" | "locale" | "analyticsContext" | "createAnalyticsEvent" | "value" | "autoFocus" | "name" | "spacing" | "isInvalid" | "defaultIsOpen" | "isOpen" | "parseInputValue" | "formatDisplayLabel" | "hideIcon" | "timeIsEditable" | "timeFormat"> & React.RefAttributes<unknown>>;
 export default TimePicker;

package/dist/types/types.d.ts

@@ -206,6 +206,10 @@ export interface DatePickerBaseProps extends WithAnalyticsEventsProps, PickerSel
     weekStartDay?: 0 | 1 | 2 | 3 | 4 | 5 | 6;
 }
 export interface TimePickerBaseProps extends WithAnalyticsEventsProps, PickerSelectProps {
+    /**
+     * Additional information to be included in the `context` of analytics events
+     */
+    analyticsContext?: Record<string, any>;
     /**
      * Set the appearance of the picker.
      * `subtle` will remove the borders, background, and icon.

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

@@ -4,7 +4,6 @@
  */
 import { Component } from 'react';
 import { jsx } from '@emotion/react';
-import { type CalendarRef } from '@atlaskit/calendar';
 import { type LocalizationProvider } from '@atlaskit/locale';
 import { type ActionMeta, type DropdownIndicatorProps, type GroupType, type InputActionMeta, type OptionType } from '@atlaskit/select';
 import { type Appearance, type DatePickerBaseProps, type Spacing } from '../types';
@@ -70,7 +69,6 @@ declare class DatePickerComponent extends Component<DatePickerProps, State> {
         spacing: Spacing;
         locale: string;
     };
-    calendarRef: CalendarRef | null;
     containerRef: HTMLElement | null;
     constructor(props: any);
     static getDerivedStateFromProps(nextProps: Readonly<DatePickerProps>, prevState: State): {
@@ -95,7 +93,6 @@ declare class DatePickerComponent extends Component<DatePickerProps, State> {
     onInputKeyDown: (event: React.KeyboardEvent<HTMLElement>) => void;
     onClear: () => void;
     onSelectChange: (_value: unknown, action: ActionMeta) => void;
-    refCalendar: (ref: CalendarRef | null) => void;
     handleSelectInputChange: (selectInputValue: string, actionMeta: InputActionMeta) => void;
     getContainerRef: (ref: HTMLElement | null) => void;
     /**

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

@@ -1,86 +1,5 @@
 import React from 'react';
-import { type ActionMeta, type OptionType, type ValueType } from '@atlaskit/select';
-import { type Appearance, type Spacing, type TimePickerBaseProps } from '../types';
-type TimePickerProps = typeof timePickerDefaultProps & TimePickerBaseProps;
-interface State {
-    isOpen: boolean;
-    /**
-     * When being cleared from the icon the TimePicker is blurred.
-     * This variable defines whether the default onMenuOpen or onMenuClose
-     * events should behave as normal
-     */
-    clearingFromIcon: boolean;
-    value: string;
-    isFocused: boolean;
-}
-declare const timePickerDefaultProps: {
-    appearance: Appearance;
-    autoFocus: boolean;
-    defaultIsOpen: boolean;
-    defaultValue: string;
-    hideIcon: boolean;
-    id: string;
-    innerProps: {};
-    isDisabled: boolean;
-    isInvalid: boolean;
-    label: string;
-    name: string;
-    onBlur: (_event: React.FocusEvent<HTMLInputElement>) => void;
-    onChange: (_value: string) => void;
-    onFocus: (_event: React.FocusEvent<HTMLInputElement>) => void;
-    parseInputValue: (time: string, _timeFormat: string) => string | Date;
-    selectProps: {};
-    spacing: Spacing;
-    times: string[];
-    timeIsEditable: boolean;
-    locale: string;
-};
-declare class TimePickerComponent extends React.Component<TimePickerProps, State> {
-    containerRef: HTMLElement | null;
-    static defaultProps: {
-        appearance: Appearance;
-        autoFocus: boolean;
-        defaultIsOpen: boolean;
-        defaultValue: string;
-        hideIcon: boolean;
-        id: string;
-        innerProps: {};
-        isDisabled: boolean;
-        isInvalid: boolean;
-        label: string;
-        name: string;
-        onBlur: (_event: React.FocusEvent<HTMLInputElement>) => void;
-        onChange: (_value: string) => void;
-        onFocus: (_event: React.FocusEvent<HTMLInputElement>) => void;
-        parseInputValue: (time: string, _timeFormat: string) => string | Date;
-        selectProps: {};
-        spacing: Spacing;
-        times: string[];
-        timeIsEditable: boolean;
-        locale: string;
-    };
-    state: {
-        isOpen: boolean;
-        clearingFromIcon: boolean;
-        value: string;
-        isFocused: boolean;
-    };
-    getValue: () => string;
-    getIsOpen: () => boolean;
-    onChange: (newValue: ValueType<OptionType> | string, action?: ActionMeta<OptionType>) => void;
-    /**
-     * Only allow custom times if timeIsEditable prop is true
-     */
-    onCreateOption: (inputValue: string) => void;
-    onMenuOpen: () => void;
-    onMenuClose: () => void;
-    setContainerRef: (ref: HTMLElement | null) => void;
-    onBlur: (event: React.FocusEvent<HTMLElement>) => void;
-    onFocus: (event: React.FocusEvent<HTMLElement>) => void;
-    onSelectKeyDown: (event: React.KeyboardEvent<HTMLInputElement>) => void;
-    render(): JSX.Element;
-}
-export { TimePickerComponent as TimePickerWithoutAnalytics };
+import { type TimePickerBaseProps } from '../types';
 /**
  * __Time picker__
  *
@@ -90,26 +9,5 @@ export { TimePickerComponent as TimePickerWithoutAnalytics };
  * - [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<Pick<Omit<TimePickerProps, keyof import("@atlaskit/analytics-next").WithAnalyticsEventsProps>, "testId" | "placeholder" | "aria-describedby" | "value" | "isOpen" | "formatDisplayLabel" | "timeFormat"> & Partial<Pick<Omit<TimePickerProps, keyof import("@atlaskit/analytics-next").WithAnalyticsEventsProps>, "times" | "label" | "appearance" | "selectProps" | "innerProps" | "isDisabled" | "defaultValue" | "id" | "onFocus" | "onBlur" | "onChange" | "locale" | "autoFocus" | "name" | "spacing" | "isInvalid" | "defaultIsOpen" | "parseInputValue" | "hideIcon" | "timeIsEditable">> & Partial<Pick<{
-    appearance: Appearance;
-    autoFocus: boolean;
-    defaultIsOpen: boolean;
-    defaultValue: string;
-    hideIcon: boolean;
-    id: string;
-    innerProps: {};
-    isDisabled: boolean;
-    isInvalid: boolean;
-    label: string;
-    name: string;
-    onBlur: (_event: React.FocusEvent<HTMLInputElement>) => void;
-    onChange: (_value: string) => void;
-    onFocus: (_event: React.FocusEvent<HTMLInputElement>) => void;
-    parseInputValue: (time: string, _timeFormat: string) => string | Date;
-    selectProps: {};
-    spacing: Spacing;
-    times: string[];
-    timeIsEditable: boolean;
-    locale: string;
-}, never>> & React.RefAttributes<any> & import("@atlaskit/analytics-next").WithContextProps, "times" | "testId" | "label" | "appearance" | "selectProps" | "innerProps" | "isDisabled" | "key" | "defaultValue" | "id" | "placeholder" | "aria-describedby" | "onFocus" | "onBlur" | "onChange" | "locale" | "analyticsContext" | "value" | "autoFocus" | "name" | "spacing" | "isInvalid" | "defaultIsOpen" | "isOpen" | "parseInputValue" | "formatDisplayLabel" | "hideIcon" | "timeIsEditable" | "timeFormat"> & React.RefAttributes<any>>;
+declare const TimePicker: React.ForwardRefExoticComponent<Pick<TimePickerBaseProps, "times" | "testId" | "label" | "appearance" | "selectProps" | "innerProps" | "isDisabled" | "defaultValue" | "id" | "placeholder" | "aria-describedby" | "onFocus" | "onBlur" | "onChange" | "locale" | "analyticsContext" | "createAnalyticsEvent" | "value" | "autoFocus" | "name" | "spacing" | "isInvalid" | "defaultIsOpen" | "isOpen" | "parseInputValue" | "formatDisplayLabel" | "hideIcon" | "timeIsEditable" | "timeFormat"> & React.RefAttributes<unknown>>;
 export default TimePicker;

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

@@ -206,6 +206,10 @@ export interface DatePickerBaseProps extends WithAnalyticsEventsProps, PickerSel
     weekStartDay?: 0 | 1 | 2 | 3 | 4 | 5 | 6;
 }
 export interface TimePickerBaseProps extends WithAnalyticsEventsProps, PickerSelectProps {
+    /**
+     * Additional information to be included in the `context` of analytics events
+     */
+    analyticsContext?: Record<string, any>;
     /**
      * Set the appearance of the picker.
      * `subtle` will remove the borders, background, and icon.

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/datetime-picker",
-	"version": "14.0.1",
+	"version": "14.0.3",
 	"description": "A date time picker allows the user to select an associated date and time.",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -28,10 +28,6 @@
 	},
 	"atlassian": {
 		"team": "Design System Team",
-		"releaseModel": "continuous",
-		"productPushConsumption": [
-			"jira"
-		],
 		"website": {
 			"name": "Date time picker",
 			"category": "Components"
@@ -40,7 +36,7 @@
 	},
 	"dependencies": {
 		"@atlaskit/analytics-next": "^10.1.0",
-		"@atlaskit/calendar": "^14.5.0",
+		"@atlaskit/calendar": "^15.0.0",
 		"@atlaskit/ds-lib": "^2.5.0",
 		"@atlaskit/icon": "^22.15.0",
 		"@atlaskit/layering": "^0.4.0",
@@ -65,7 +61,7 @@
 		"@atlaskit/docs": "*",
 		"@atlaskit/form": "^10.5.0",
 		"@atlaskit/modal-dialog": "^12.15.0",
-		"@atlaskit/popup": "^1.23.0",
+		"@atlaskit/popup": "^1.24.0",
 		"@atlaskit/range": "^7.4.0",
 		"@atlaskit/section-message": "^6.6.0",
 		"@atlaskit/ssr": "*",
@@ -81,7 +77,6 @@
 		"moment": "^2.29.2",
 		"react-dom": "^16.8.0",
 		"react-lorem-component": "^0.13.0",
-		"react-test-renderer": "^16.8.0",
 		"typescript": "~5.4.2"
 	},
 	"techstack": {