@atlaskit/datetime-picker 12.8.0 → 12.8.2

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

@@ -1,12 +1,7 @@
 import React from 'react';
 import { WithAnalyticsEventsProps } from '@atlaskit/analytics-next';
-import { LocalizationProvider } from '@atlaskit/locale';
 import { ActionMeta, OptionType, SelectProps, ValueType } from '@atlaskit/select';
 import { Appearance, Spacing } from '../types';
-interface Option {
-    label: string;
-    value: string;
-}
 export interface TimePickerBaseProps extends WithAnalyticsEventsProps {
     /**
      * Set the appearance of the picker.
@@ -123,7 +118,6 @@ interface State {
     clearingFromIcon: boolean;
     value: string;
     isFocused: boolean;
-    l10n: LocalizationProvider;
 }
 declare const timePickerDefaultProps: {
     appearance: Appearance;
@@ -174,11 +168,8 @@ declare class TimePicker extends React.Component<TimePickerProps, State> {
         clearingFromIcon: boolean;
         value: string;
         isFocused: boolean;
-        l10n: LocalizationProvider;
     };
-    UNSAFE_componentWillReceiveProps(nextProps: TimePickerProps): void;
     getSafeState: () => State;
-    getOptions(): Array<Option>;
     onChange: (newValue: ValueType<OptionType> | string, action?: ActionMeta<OptionType>) => void;
     /**
      * Only allow custom times if timeIsEditable prop is true
@@ -190,15 +181,6 @@ declare class TimePicker extends React.Component<TimePickerProps, State> {
     onBlur: (event: React.FocusEvent<HTMLElement>) => void;
     onFocus: (event: React.FocusEvent<HTMLElement>) => void;
     onSelectKeyDown: (event: React.KeyboardEvent<HTMLInputElement>) => void;
-    /**
-     * There are multiple props that can change how the time is formatted.
-     * The priority of props used is:
-     *   1. formatDisplayLabel
-     *   2. timeFormat
-     *   3. locale
-     */
-    formatTime: (time: string) => string;
-    getPlaceholder: () => string;
     render(): JSX.Element;
 }
 export { TimePicker as TimePickerWithoutAnalytics };

package/dist/types/internal/index.d.ts

@@ -1,3 +1,6 @@
+/**
+ * This component is used to hide portions of Select component.
+ */
 export declare const EmptyComponent: () => null;
 export declare const placeholderDatetime: Date;
 export declare const defaultTimes: string[];

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

@@ -166,6 +166,7 @@ interface State {
     calendarValue: string;
     selectInputValue: string;
     l10n: LocalizationProvider;
+    locale: string;
 }
 declare const datePickerDefaultProps: {
     appearance: Appearance;
@@ -213,7 +214,10 @@ declare class DatePicker extends Component<DatePickerProps, State> {
     calendarRef: CalendarRef | null;
     containerRef: HTMLElement | null;
     constructor(props: any);
-    UNSAFE_componentWillReceiveProps(nextProps: Readonly<DatePickerProps>): void;
+    static getDerivedStateFromProps(nextProps: Readonly<DatePickerProps>, prevState: State): {
+        l10n: LocalizationProvider;
+        locale: string;
+    } | null;
     getSafeState: () => {
         inputValue: any;
         value: string;
@@ -223,6 +227,7 @@ declare class DatePicker extends Component<DatePickerProps, State> {
         calendarValue: string;
         selectInputValue: string;
         l10n: LocalizationProvider;
+        locale: string;
     };
     isDateDisabled: (date: string) => boolean;
     onCalendarChange: ({ iso }: {

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

@@ -117,7 +117,6 @@ export interface DateTimePickerBaseProps extends WithAnalyticsEventsProps {
 }
 type DateTimePickerProps = typeof dateTimePickerDefaultProps & DateTimePickerBaseProps;
 interface State {
-    active: 0 | 1 | 2;
     dateValue: string;
     isFocused: boolean;
     timeValue: string;
@@ -175,7 +174,6 @@ declare class DateTimePicker extends React.Component<DateTimePickerProps, State>
         timeValue: string;
         zoneValue: string;
         value: string;
-        active: 0 | 1 | 2;
         isFocused: boolean;
     };
     parseValue(value: string, dateValue: string, timeValue: string, zoneValue: string): {

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

@@ -1,12 +1,7 @@
 import React from 'react';
 import { WithAnalyticsEventsProps } from '@atlaskit/analytics-next';
-import { LocalizationProvider } from '@atlaskit/locale';
 import { ActionMeta, OptionType, SelectProps, ValueType } from '@atlaskit/select';
 import { Appearance, Spacing } from '../types';
-interface Option {
-    label: string;
-    value: string;
-}
 export interface TimePickerBaseProps extends WithAnalyticsEventsProps {
     /**
      * Set the appearance of the picker.
@@ -123,7 +118,6 @@ interface State {
     clearingFromIcon: boolean;
     value: string;
     isFocused: boolean;
-    l10n: LocalizationProvider;
 }
 declare const timePickerDefaultProps: {
     appearance: Appearance;
@@ -174,11 +168,8 @@ declare class TimePicker extends React.Component<TimePickerProps, State> {
         clearingFromIcon: boolean;
         value: string;
         isFocused: boolean;
-        l10n: LocalizationProvider;
     };
-    UNSAFE_componentWillReceiveProps(nextProps: TimePickerProps): void;
     getSafeState: () => State;
-    getOptions(): Array<Option>;
     onChange: (newValue: ValueType<OptionType> | string, action?: ActionMeta<OptionType>) => void;
     /**
      * Only allow custom times if timeIsEditable prop is true
@@ -190,15 +181,6 @@ declare class TimePicker extends React.Component<TimePickerProps, State> {
     onBlur: (event: React.FocusEvent<HTMLElement>) => void;
     onFocus: (event: React.FocusEvent<HTMLElement>) => void;
     onSelectKeyDown: (event: React.KeyboardEvent<HTMLInputElement>) => void;
-    /**
-     * There are multiple props that can change how the time is formatted.
-     * The priority of props used is:
-     *   1. formatDisplayLabel
-     *   2. timeFormat
-     *   3. locale
-     */
-    formatTime: (time: string) => string;
-    getPlaceholder: () => string;
     render(): JSX.Element;
 }
 export { TimePicker as TimePickerWithoutAnalytics };

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

@@ -1,3 +1,6 @@
+/**
+ * This component is used to hide portions of Select component.
+ */
 export declare const EmptyComponent: () => null;
 export declare const placeholderDatetime: Date;
 export declare const defaultTimes: string[];

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/datetime-picker",
-  "version": "12.8.0",
+  "version": "12.8.2",
   "description": "A date time picker allows the user to select an associated date and time.",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"
@@ -33,15 +33,15 @@
   },
   "dependencies": {
     "@atlaskit/analytics-next": "^9.1.0",
-    "@atlaskit/calendar": "^13.2.0",
+    "@atlaskit/calendar": "^13.3.0",
     "@atlaskit/ds-lib": "^2.2.0",
     "@atlaskit/icon": "^21.12.0",
     "@atlaskit/locale": "^2.5.0",
     "@atlaskit/platform-feature-flags": "^0.2.0",
     "@atlaskit/popper": "^5.5.0",
     "@atlaskit/select": "^16.5.0",
-    "@atlaskit/theme": "^12.5.0",
-    "@atlaskit/tokens": "^1.15.0",
+    "@atlaskit/theme": "^12.6.0",
+    "@atlaskit/tokens": "^1.20.0",
     "@babel/runtime": "^7.0.0",
     "@emotion/react": "^11.7.1",
     "date-fns": "^2.17.0",