@atlaskit/datetime-picker 13.0.11 → 13.0.12

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (32) hide show
  1. package/CHANGELOG.md +6 -0
  2. package/dist/cjs/components/date-picker.js +10 -49
  3. package/dist/cjs/components/date-time-picker.js +10 -61
  4. package/dist/cjs/components/time-picker.js +9 -22
  5. package/dist/cjs/internal/date-time-picker-container.js +84 -0
  6. package/dist/cjs/internal/fixed-layer-menu.js +29 -0
  7. package/dist/cjs/internal/menu.js +57 -0
  8. package/dist/es2019/components/date-picker.js +5 -43
  9. package/dist/es2019/components/date-time-picker.js +11 -62
  10. package/dist/es2019/components/time-picker.js +4 -15
  11. package/dist/es2019/internal/date-time-picker-container.js +77 -0
  12. package/dist/es2019/internal/fixed-layer-menu.js +20 -0
  13. package/dist/es2019/internal/menu.js +48 -0
  14. package/dist/esm/components/date-picker.js +9 -48
  15. package/dist/esm/components/date-time-picker.js +11 -62
  16. package/dist/esm/components/time-picker.js +7 -20
  17. package/dist/esm/internal/date-time-picker-container.js +76 -0
  18. package/dist/esm/internal/fixed-layer-menu.js +23 -0
  19. package/dist/esm/internal/menu.js +49 -0
  20. package/dist/types/components/date-picker.d.ts +2 -2
  21. package/dist/types/components/date-time-picker.d.ts +2 -2
  22. package/dist/types/components/time-picker.d.ts +2 -2
  23. package/dist/types/internal/date-time-picker-container.d.ts +15 -0
  24. package/dist/types/internal/fixed-layer-menu.d.ts +7 -0
  25. package/dist/types/internal/menu.d.ts +7 -0
  26. package/dist/types-ts4.5/components/date-picker.d.ts +2 -2
  27. package/dist/types-ts4.5/components/date-time-picker.d.ts +2 -2
  28. package/dist/types-ts4.5/components/time-picker.d.ts +2 -2
  29. package/dist/types-ts4.5/internal/date-time-picker-container.d.ts +15 -0
  30. package/dist/types-ts4.5/internal/fixed-layer-menu.d.ts +7 -0
  31. package/dist/types-ts4.5/internal/menu.d.ts +7 -0
  32. package/package.json +2 -2
@@ -78,7 +78,7 @@ declare class TimePicker extends React.Component<TimePickerProps, State> {
78
78
  render(): JSX.Element;
79
79
  }
80
80
  export { TimePicker as TimePickerWithoutAnalytics };
81
- declare const _default: React.ForwardRefExoticComponent<Pick<Pick<Omit<TimePickerProps, keyof import("@atlaskit/analytics-next").WithAnalyticsEventsProps>, "testId" | "value" | "placeholder" | "isOpen" | "formatDisplayLabel" | "timeFormat"> & Partial<Pick<Omit<TimePickerProps, keyof import("@atlaskit/analytics-next").WithAnalyticsEventsProps>, "times" | "innerProps" | "isDisabled" | "selectProps" | "appearance" | "id" | "defaultValue" | "onFocus" | "onBlur" | "onChange" | "autoFocus" | "defaultIsOpen" | "name" | "parseInputValue" | "spacing" | "isInvalid" | "hideIcon" | "locale" | "timeIsEditable">> & Partial<Pick<{
81
+ declare const _default: React.ForwardRefExoticComponent<Pick<Pick<Omit<TimePickerProps, keyof import("@atlaskit/analytics-next").WithAnalyticsEventsProps>, "testId" | "placeholder" | "value" | "isOpen" | "formatDisplayLabel" | "timeFormat"> & Partial<Pick<Omit<TimePickerProps, keyof import("@atlaskit/analytics-next").WithAnalyticsEventsProps>, "times" | "appearance" | "selectProps" | "innerProps" | "isDisabled" | "defaultValue" | "id" | "onFocus" | "onBlur" | "onChange" | "locale" | "autoFocus" | "defaultIsOpen" | "name" | "parseInputValue" | "spacing" | "isInvalid" | "hideIcon" | "timeIsEditable">> & Partial<Pick<{
82
82
  appearance: Appearance;
83
83
  autoFocus: boolean;
84
84
  defaultIsOpen: boolean;
@@ -98,5 +98,5 @@ declare const _default: React.ForwardRefExoticComponent<Pick<Pick<Omit<TimePicke
98
98
  times: string[];
99
99
  timeIsEditable: boolean;
100
100
  locale: string;
101
- }, never>> & React.RefAttributes<any> & import("@atlaskit/analytics-next").WithContextProps, "times" | "testId" | "innerProps" | "isDisabled" | "selectProps" | "appearance" | "value" | "id" | "key" | "defaultValue" | "placeholder" | "onFocus" | "onBlur" | "onChange" | "autoFocus" | "defaultIsOpen" | "isOpen" | "name" | "parseInputValue" | "formatDisplayLabel" | "spacing" | "isInvalid" | "hideIcon" | "locale" | "timeIsEditable" | "timeFormat" | "analyticsContext"> & React.RefAttributes<any>>;
101
+ }, never>> & React.RefAttributes<any> & import("@atlaskit/analytics-next").WithContextProps, "times" | "testId" | "appearance" | "selectProps" | "innerProps" | "isDisabled" | "key" | "defaultValue" | "id" | "placeholder" | "onFocus" | "onBlur" | "onChange" | "locale" | "analyticsContext" | "value" | "autoFocus" | "defaultIsOpen" | "isOpen" | "name" | "parseInputValue" | "formatDisplayLabel" | "spacing" | "isInvalid" | "hideIcon" | "timeIsEditable" | "timeFormat"> & React.RefAttributes<any>>;
102
102
  export default _default;
@@ -0,0 +1,15 @@
1
+ /** @jsx jsx */
2
+ import { jsx } from '@emotion/react';
3
+ import { Appearance } from '../types';
4
+ /**
5
+ * This is the container for the datetime picker component.
6
+ */
7
+ export declare const DateTimePickerContainer: ({ isDisabled, isFocused, appearance, isInvalid, innerProps, testId, children, }: {
8
+ isDisabled: boolean;
9
+ isFocused: boolean;
10
+ appearance: Appearance;
11
+ isInvalid: boolean;
12
+ innerProps: React.AllHTMLAttributes<HTMLElement>;
13
+ testId?: string | undefined;
14
+ children: React.ReactNode;
15
+ }) => jsx.JSX.Element;
@@ -0,0 +1,7 @@
1
+ /** @jsx jsx */
2
+ import { jsx } from '@emotion/react';
3
+ import { MenuProps, OptionType } from '@atlaskit/select';
4
+ /**
5
+ * This is the fixed layer menu used in the time picker.
6
+ */
7
+ export declare const FixedLayerMenu: ({ selectProps, ...rest }: MenuProps<OptionType>) => jsx.JSX.Element;
@@ -0,0 +1,7 @@
1
+ /** @jsx jsx */
2
+ import { jsx } from '@emotion/react';
3
+ import { MenuProps } from '@atlaskit/select';
4
+ /**
5
+ * This is the menu used in the select of the date picker.
6
+ */
7
+ export declare const Menu: ({ selectProps, innerProps }: MenuProps<any>) => jsx.JSX.Element;
@@ -119,7 +119,7 @@ declare class DatePicker extends Component<DatePickerProps, State> {
119
119
  render(): jsx.JSX.Element;
120
120
  }
121
121
  export { DatePicker as DatePickerWithoutAnalytics };
122
- declare const _default: import("react").ForwardRefExoticComponent<Pick<Pick<Omit<DatePickerProps, keyof import("@atlaskit/analytics-next").WithAnalyticsEventsProps>, "testId" | "value" | "placeholder" | "maxDate" | "minDate" | "isOpen" | "nextMonthLabel" | "parseInputValue" | "formatDisplayLabel" | "previousMonthLabel" | "dateFormat" | "weekStartDay"> & Partial<Pick<Omit<DatePickerProps, keyof import("@atlaskit/analytics-next").WithAnalyticsEventsProps>, "icon" | "disabled" | "innerProps" | "isDisabled" | "selectProps" | "appearance" | "id" | "defaultValue" | "onFocus" | "onBlur" | "onChange" | "autoFocus" | "defaultIsOpen" | "disabledDateFilter" | "name" | "spacing" | "isInvalid" | "hideIcon" | "locale">> & Partial<Pick<{
122
+ declare const _default: import("react").ForwardRefExoticComponent<Pick<Pick<Omit<DatePickerProps, keyof import("@atlaskit/analytics-next").WithAnalyticsEventsProps>, "testId" | "placeholder" | "maxDate" | "minDate" | "nextMonthLabel" | "previousMonthLabel" | "weekStartDay" | "value" | "isOpen" | "parseInputValue" | "formatDisplayLabel" | "dateFormat"> & Partial<Pick<Omit<DatePickerProps, keyof import("@atlaskit/analytics-next").WithAnalyticsEventsProps>, "icon" | "disabled" | "appearance" | "selectProps" | "innerProps" | "isDisabled" | "defaultValue" | "id" | "onFocus" | "onBlur" | "onChange" | "disabledDateFilter" | "locale" | "autoFocus" | "defaultIsOpen" | "name" | "spacing" | "isInvalid" | "hideIcon">> & Partial<Pick<{
123
123
  appearance: Appearance;
124
124
  autoFocus: boolean;
125
125
  defaultIsOpen: boolean;
@@ -139,5 +139,5 @@ declare const _default: import("react").ForwardRefExoticComponent<Pick<Pick<Omit
139
139
  selectProps: {};
140
140
  spacing: Spacing;
141
141
  locale: string;
142
- }, never>> & import("react").RefAttributes<any> & import("@atlaskit/analytics-next").WithContextProps, "testId" | "icon" | "disabled" | "innerProps" | "isDisabled" | "selectProps" | "appearance" | "value" | "id" | "key" | "defaultValue" | "placeholder" | "onFocus" | "onBlur" | "onChange" | "autoFocus" | "defaultIsOpen" | "disabledDateFilter" | "maxDate" | "minDate" | "isOpen" | "name" | "nextMonthLabel" | "parseInputValue" | "formatDisplayLabel" | "previousMonthLabel" | "spacing" | "isInvalid" | "hideIcon" | "dateFormat" | "locale" | "weekStartDay" | "analyticsContext"> & import("react").RefAttributes<any>>;
142
+ }, never>> & import("react").RefAttributes<any> & import("@atlaskit/analytics-next").WithContextProps, "testId" | "icon" | "disabled" | "appearance" | "selectProps" | "innerProps" | "isDisabled" | "key" | "defaultValue" | "id" | "placeholder" | "onFocus" | "onBlur" | "onChange" | "disabledDateFilter" | "maxDate" | "minDate" | "nextMonthLabel" | "previousMonthLabel" | "locale" | "analyticsContext" | "weekStartDay" | "value" | "autoFocus" | "defaultIsOpen" | "isOpen" | "name" | "parseInputValue" | "formatDisplayLabel" | "spacing" | "isInvalid" | "hideIcon" | "dateFormat"> & import("react").RefAttributes<any>>;
143
143
  export default _default;
@@ -81,7 +81,7 @@ declare class DateTimePicker extends React.Component<DateTimePickerProps, State>
81
81
  render(): jsx.JSX.Element;
82
82
  }
83
83
  export { DateTimePicker as DateTimePickerWithoutAnalytics };
84
- declare const _default: React.ForwardRefExoticComponent<Pick<Pick<Omit<DateTimePickerProps, keyof import("@atlaskit/analytics-next").WithAnalyticsEventsProps>, "testId" | "value" | "dateFormat" | "timeFormat" | "parseValue"> & Partial<Pick<Omit<DateTimePickerProps, keyof import("@atlaskit/analytics-next").WithAnalyticsEventsProps>, "times" | "innerProps" | "isDisabled" | "appearance" | "id" | "defaultValue" | "onFocus" | "onBlur" | "onChange" | "autoFocus" | "name" | "spacing" | "isInvalid" | "locale" | "timeIsEditable" | "datePickerProps" | "timePickerProps" | "datePickerSelectProps" | "timePickerSelectProps">> & Partial<Pick<{
84
+ declare const _default: React.ForwardRefExoticComponent<Pick<Pick<Omit<DateTimePickerProps, keyof import("@atlaskit/analytics-next").WithAnalyticsEventsProps>, "testId" | "value" | "dateFormat" | "timeFormat" | "parseValue"> & Partial<Pick<Omit<DateTimePickerProps, keyof import("@atlaskit/analytics-next").WithAnalyticsEventsProps>, "times" | "appearance" | "innerProps" | "isDisabled" | "defaultValue" | "id" | "onFocus" | "onBlur" | "onChange" | "locale" | "autoFocus" | "name" | "spacing" | "isInvalid" | "timeIsEditable" | "datePickerProps" | "timePickerProps" | "datePickerSelectProps" | "timePickerSelectProps">> & Partial<Pick<{
85
85
  appearance: string;
86
86
  autoFocus: boolean;
87
87
  isDisabled: boolean;
@@ -101,5 +101,5 @@ declare const _default: React.ForwardRefExoticComponent<Pick<Pick<Omit<DateTimeP
101
101
  times: string[];
102
102
  spacing: string;
103
103
  locale: string;
104
- }, never>> & React.RefAttributes<any> & import("@atlaskit/analytics-next").WithContextProps, "times" | "testId" | "innerProps" | "isDisabled" | "appearance" | "value" | "id" | "key" | "defaultValue" | "onFocus" | "onBlur" | "onChange" | "autoFocus" | "name" | "spacing" | "isInvalid" | "dateFormat" | "locale" | "timeIsEditable" | "timeFormat" | "datePickerProps" | "timePickerProps" | "parseValue" | "datePickerSelectProps" | "timePickerSelectProps" | "analyticsContext"> & React.RefAttributes<any>>;
104
+ }, never>> & React.RefAttributes<any> & import("@atlaskit/analytics-next").WithContextProps, "times" | "testId" | "appearance" | "innerProps" | "isDisabled" | "key" | "defaultValue" | "id" | "onFocus" | "onBlur" | "onChange" | "locale" | "analyticsContext" | "value" | "autoFocus" | "name" | "spacing" | "isInvalid" | "dateFormat" | "timeIsEditable" | "timeFormat" | "datePickerProps" | "timePickerProps" | "parseValue" | "datePickerSelectProps" | "timePickerSelectProps"> & React.RefAttributes<any>>;
105
105
  export default _default;
@@ -78,7 +78,7 @@ declare class TimePicker extends React.Component<TimePickerProps, State> {
78
78
  render(): JSX.Element;
79
79
  }
80
80
  export { TimePicker as TimePickerWithoutAnalytics };
81
- declare const _default: React.ForwardRefExoticComponent<Pick<Pick<Omit<TimePickerProps, keyof import("@atlaskit/analytics-next").WithAnalyticsEventsProps>, "testId" | "value" | "placeholder" | "isOpen" | "formatDisplayLabel" | "timeFormat"> & Partial<Pick<Omit<TimePickerProps, keyof import("@atlaskit/analytics-next").WithAnalyticsEventsProps>, "times" | "innerProps" | "isDisabled" | "selectProps" | "appearance" | "id" | "defaultValue" | "onFocus" | "onBlur" | "onChange" | "autoFocus" | "defaultIsOpen" | "name" | "parseInputValue" | "spacing" | "isInvalid" | "hideIcon" | "locale" | "timeIsEditable">> & Partial<Pick<{
81
+ declare const _default: React.ForwardRefExoticComponent<Pick<Pick<Omit<TimePickerProps, keyof import("@atlaskit/analytics-next").WithAnalyticsEventsProps>, "testId" | "placeholder" | "value" | "isOpen" | "formatDisplayLabel" | "timeFormat"> & Partial<Pick<Omit<TimePickerProps, keyof import("@atlaskit/analytics-next").WithAnalyticsEventsProps>, "times" | "appearance" | "selectProps" | "innerProps" | "isDisabled" | "defaultValue" | "id" | "onFocus" | "onBlur" | "onChange" | "locale" | "autoFocus" | "defaultIsOpen" | "name" | "parseInputValue" | "spacing" | "isInvalid" | "hideIcon" | "timeIsEditable">> & Partial<Pick<{
82
82
  appearance: Appearance;
83
83
  autoFocus: boolean;
84
84
  defaultIsOpen: boolean;
@@ -98,5 +98,5 @@ declare const _default: React.ForwardRefExoticComponent<Pick<Pick<Omit<TimePicke
98
98
  times: string[];
99
99
  timeIsEditable: boolean;
100
100
  locale: string;
101
- }, never>> & React.RefAttributes<any> & import("@atlaskit/analytics-next").WithContextProps, "times" | "testId" | "innerProps" | "isDisabled" | "selectProps" | "appearance" | "value" | "id" | "key" | "defaultValue" | "placeholder" | "onFocus" | "onBlur" | "onChange" | "autoFocus" | "defaultIsOpen" | "isOpen" | "name" | "parseInputValue" | "formatDisplayLabel" | "spacing" | "isInvalid" | "hideIcon" | "locale" | "timeIsEditable" | "timeFormat" | "analyticsContext"> & React.RefAttributes<any>>;
101
+ }, never>> & React.RefAttributes<any> & import("@atlaskit/analytics-next").WithContextProps, "times" | "testId" | "appearance" | "selectProps" | "innerProps" | "isDisabled" | "key" | "defaultValue" | "id" | "placeholder" | "onFocus" | "onBlur" | "onChange" | "locale" | "analyticsContext" | "value" | "autoFocus" | "defaultIsOpen" | "isOpen" | "name" | "parseInputValue" | "formatDisplayLabel" | "spacing" | "isInvalid" | "hideIcon" | "timeIsEditable" | "timeFormat"> & React.RefAttributes<any>>;
102
102
  export default _default;
@@ -0,0 +1,15 @@
1
+ /** @jsx jsx */
2
+ import { jsx } from '@emotion/react';
3
+ import { Appearance } from '../types';
4
+ /**
5
+ * This is the container for the datetime picker component.
6
+ */
7
+ export declare const DateTimePickerContainer: ({ isDisabled, isFocused, appearance, isInvalid, innerProps, testId, children, }: {
8
+ isDisabled: boolean;
9
+ isFocused: boolean;
10
+ appearance: Appearance;
11
+ isInvalid: boolean;
12
+ innerProps: React.AllHTMLAttributes<HTMLElement>;
13
+ testId?: string | undefined;
14
+ children: React.ReactNode;
15
+ }) => jsx.JSX.Element;
@@ -0,0 +1,7 @@
1
+ /** @jsx jsx */
2
+ import { jsx } from '@emotion/react';
3
+ import { MenuProps, OptionType } from '@atlaskit/select';
4
+ /**
5
+ * This is the fixed layer menu used in the time picker.
6
+ */
7
+ export declare const FixedLayerMenu: ({ selectProps, ...rest }: MenuProps<OptionType>) => jsx.JSX.Element;
@@ -0,0 +1,7 @@
1
+ /** @jsx jsx */
2
+ import { jsx } from '@emotion/react';
3
+ import { MenuProps } from '@atlaskit/select';
4
+ /**
5
+ * This is the menu used in the select of the date picker.
6
+ */
7
+ export declare const Menu: ({ selectProps, innerProps }: MenuProps<any>) => jsx.JSX.Element;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@atlaskit/datetime-picker",
3
- "version": "13.0.11",
3
+ "version": "13.0.12",
4
4
  "description": "A date time picker allows the user to select an associated date and time.",
5
5
  "publishConfig": {
6
6
  "registry": "https://registry.npmjs.org/"
@@ -41,7 +41,7 @@
41
41
  "@atlaskit/analytics-next": "^9.2.0",
42
42
  "@atlaskit/calendar": "^14.0.3",
43
43
  "@atlaskit/ds-lib": "^2.2.0",
44
- "@atlaskit/icon": "^22.0.0",
44
+ "@atlaskit/icon": "^22.1.0",
45
45
  "@atlaskit/layering": "^0.2.0",
46
46
  "@atlaskit/locale": "^2.6.0",
47
47
  "@atlaskit/platform-feature-flags": "^0.2.0",