@atlaskit/datetime-picker 15.11.2 → 15.12.1

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 (31) hide show
  1. package/CHANGELOG.md +18 -0
  2. package/dist/cjs/components/date-picker-class.js +1 -1
  3. package/dist/cjs/components/date-picker-fc.js +1 -1
  4. package/dist/cjs/components/date-time-picker-class.js +1 -1
  5. package/dist/cjs/components/date-time-picker-fc.js +1 -1
  6. package/dist/cjs/components/time-picker.js +1 -1
  7. package/dist/es2019/components/date-picker-class.js +1 -1
  8. package/dist/es2019/components/date-picker-fc.js +1 -1
  9. package/dist/es2019/components/date-time-picker-class.js +1 -1
  10. package/dist/es2019/components/date-time-picker-fc.js +1 -1
  11. package/dist/es2019/components/time-picker.js +1 -1
  12. package/dist/esm/components/date-picker-class.js +1 -1
  13. package/dist/esm/components/date-picker-fc.js +1 -1
  14. package/dist/esm/components/date-time-picker-class.js +1 -1
  15. package/dist/esm/components/date-time-picker-fc.js +1 -1
  16. package/dist/esm/components/time-picker.js +1 -1
  17. package/dist/types/components/date-picker-class.d.ts +13 -22
  18. package/dist/types/components/date-picker-fc.d.ts +2 -12
  19. package/dist/types/components/date-picker.d.ts +13 -32
  20. package/dist/types/components/date-time-picker-class.d.ts +30 -1
  21. package/dist/types/components/date-time-picker-fc.d.ts +1 -1
  22. package/dist/types/components/date-time-picker.d.ts +30 -1
  23. package/dist/types/components/time-picker.d.ts +1 -1
  24. package/dist/types-ts4.5/components/date-picker-class.d.ts +13 -22
  25. package/dist/types-ts4.5/components/date-picker-fc.d.ts +2 -12
  26. package/dist/types-ts4.5/components/date-picker.d.ts +13 -32
  27. package/dist/types-ts4.5/components/date-time-picker-class.d.ts +30 -1
  28. package/dist/types-ts4.5/components/date-time-picker-fc.d.ts +1 -1
  29. package/dist/types-ts4.5/components/date-time-picker.d.ts +30 -1
  30. package/dist/types-ts4.5/components/time-picker.d.ts +1 -1
  31. package/package.json +26 -26
package/CHANGELOG.md CHANGED
@@ -1,5 +1,23 @@
1
1
  # @atlaskit/datetime-picker
2
2
 
3
+ ## 15.12.1
4
+
5
+ ### Patch Changes
6
+
7
+ - Updated dependencies
8
+
9
+ ## 15.12.0
10
+
11
+ ### Minor Changes
12
+
13
+ - [#109060](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/109060)
14
+ [`4660ec858a305`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/4660ec858a305) -
15
+ Update `React` from v16 to v18
16
+
17
+ ### Patch Changes
18
+
19
+ - Updated dependencies
20
+
3
21
  ## 15.11.2
4
22
 
5
23
  ### Patch Changes
@@ -41,7 +41,7 @@ function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.
41
41
  * @jsx jsx
42
42
  */ // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
43
43
  var packageName = "@atlaskit/datetime-picker";
44
- var packageVersion = "15.11.2";
44
+ var packageVersion = "15.12.1";
45
45
  var dropdownIndicatorStyles = (0, _primitives.xcss)({
46
46
  minWidth: "var(--ds-space-300, 24px)",
47
47
  minHeight: "var(--ds-space-300, 24px)",
@@ -39,7 +39,7 @@ function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e;
39
39
  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; }
40
40
  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; }
41
41
  var packageName = "@atlaskit/datetime-picker";
42
- var packageVersion = "15.11.2";
42
+ var packageVersion = "15.12.1";
43
43
  var analyticsAttributes = {
44
44
  componentName: 'datePicker',
45
45
  packageName: packageName,
@@ -37,7 +37,7 @@ var DatePicker = (0, _ffComponent.componentWithCondition)(function () {
37
37
  return (0, _platformFeatureFlags.fg)('dst-date-picker-use-functional-component');
38
38
  }, _datePickerFc.default, _datePickerClass.default);
39
39
  var packageName = "@atlaskit/datetime-picker";
40
- var packageVersion = "15.11.2";
40
+ var packageVersion = "15.12.1";
41
41
  // Make DatePicker 50% the width of DateTimePicker
42
42
  // If rendering an icon container, shrink the TimePicker
43
43
  var datePickerContainerStyles = (0, _react2.css)({
@@ -37,7 +37,7 @@ function () {
37
37
  return (0, _platformFeatureFlags.fg)('dst-date-picker-use-functional-component');
38
38
  }, _datePickerFc.default, _datePickerClass.default);
39
39
  var packageName = "@atlaskit/datetime-picker";
40
- var packageVersion = "15.11.2";
40
+ var packageVersion = "15.12.1";
41
41
  var analyticsAttributes = {
42
42
  componentName: 'dateTimePicker',
43
43
  packageName: packageName,
@@ -27,7 +27,7 @@ function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e;
27
27
  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; }
28
28
  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; }
29
29
  var packageName = "@atlaskit/datetime-picker";
30
- var packageVersion = "15.11.2";
30
+ var packageVersion = "15.12.1";
31
31
  var menuStyles = {
32
32
  /* Need to remove default absolute positioning as that causes issues with position fixed */
33
33
  position: 'static',
@@ -25,7 +25,7 @@ import { Menu } from '../internal/menu';
25
25
  import { getSafeCalendarValue, getShortISOString } from '../internal/parse-date';
26
26
  import { makeSingleValue } from '../internal/single-value';
27
27
  const packageName = "@atlaskit/datetime-picker";
28
- const packageVersion = "15.11.2";
28
+ const packageVersion = "15.12.1";
29
29
  const dropdownIndicatorStyles = xcss({
30
30
  minWidth: "var(--ds-space-300, 24px)",
31
31
  minHeight: "var(--ds-space-300, 24px)",
@@ -24,7 +24,7 @@ import { Menu } from '../internal/menu';
24
24
  import { getSafeCalendarValue, getShortISOString } from '../internal/parse-date';
25
25
  import { makeSingleValue } from '../internal/single-value';
26
26
  const packageName = "@atlaskit/datetime-picker";
27
- const packageVersion = "15.11.2";
27
+ const packageVersion = "15.12.1";
28
28
  const analyticsAttributes = {
29
29
  componentName: 'datePicker',
30
30
  packageName,
@@ -22,7 +22,7 @@ import DatePickerNew from './date-picker-fc';
22
22
  import TimePicker from './time-picker';
23
23
  const DatePicker = componentWithCondition(() => fg('dst-date-picker-use-functional-component'), DatePickerNew, DatePickerOld);
24
24
  const packageName = "@atlaskit/datetime-picker";
25
- const packageVersion = "15.11.2";
25
+ const packageVersion = "15.12.1";
26
26
  // Make DatePicker 50% the width of DateTimePicker
27
27
  // If rendering an icon container, shrink the TimePicker
28
28
  const datePickerContainerStyles = css({
@@ -18,7 +18,7 @@ const DatePicker = componentWithCondition(
18
18
  // eslint-disable-next-line @atlaskit/platform/ensure-feature-flag-prefix
19
19
  () => fg('dst-date-picker-use-functional-component'), DatePickerNew, DatePickerOld);
20
20
  const packageName = "@atlaskit/datetime-picker";
21
- const packageVersion = "15.11.2";
21
+ const packageVersion = "15.12.1";
22
22
  const analyticsAttributes = {
23
23
  componentName: 'dateTimePicker',
24
24
  packageName,
@@ -11,7 +11,7 @@ import parseTime from '../internal/parse-time';
11
11
  import { convertTokens } from '../internal/parse-tokens';
12
12
  import { makeSingleValue } from '../internal/single-value';
13
13
  const packageName = "@atlaskit/datetime-picker";
14
- const packageVersion = "15.11.2";
14
+ const packageVersion = "15.12.1";
15
15
  const menuStyles = {
16
16
  /* Need to remove default absolute positioning as that causes issues with position fixed */
17
17
  position: 'static',
@@ -34,7 +34,7 @@ import { Menu } from '../internal/menu';
34
34
  import { getSafeCalendarValue, getShortISOString } from '../internal/parse-date';
35
35
  import { makeSingleValue } from '../internal/single-value';
36
36
  var packageName = "@atlaskit/datetime-picker";
37
- var packageVersion = "15.11.2";
37
+ var packageVersion = "15.12.1";
38
38
  var dropdownIndicatorStyles = xcss({
39
39
  minWidth: "var(--ds-space-300, 24px)",
40
40
  minHeight: "var(--ds-space-300, 24px)",
@@ -30,7 +30,7 @@ import { Menu } from '../internal/menu';
30
30
  import { getSafeCalendarValue, getShortISOString } from '../internal/parse-date';
31
31
  import { makeSingleValue } from '../internal/single-value';
32
32
  var packageName = "@atlaskit/datetime-picker";
33
- var packageVersion = "15.11.2";
33
+ var packageVersion = "15.12.1";
34
34
  var analyticsAttributes = {
35
35
  componentName: 'datePicker',
36
36
  packageName: packageName,
@@ -33,7 +33,7 @@ var DatePicker = componentWithCondition(function () {
33
33
  return fg('dst-date-picker-use-functional-component');
34
34
  }, DatePickerNew, DatePickerOld);
35
35
  var packageName = "@atlaskit/datetime-picker";
36
- var packageVersion = "15.11.2";
36
+ var packageVersion = "15.12.1";
37
37
  // Make DatePicker 50% the width of DateTimePicker
38
38
  // If rendering an icon container, shrink the TimePicker
39
39
  var datePickerContainerStyles = css({
@@ -27,7 +27,7 @@ function () {
27
27
  return fg('dst-date-picker-use-functional-component');
28
28
  }, DatePickerNew, DatePickerOld);
29
29
  var packageName = "@atlaskit/datetime-picker";
30
- var packageVersion = "15.11.2";
30
+ var packageVersion = "15.12.1";
31
31
  var analyticsAttributes = {
32
32
  componentName: 'dateTimePicker',
33
33
  packageName: packageName,
@@ -17,7 +17,7 @@ import parseTime from '../internal/parse-time';
17
17
  import { convertTokens } from '../internal/parse-tokens';
18
18
  import { makeSingleValue } from '../internal/single-value';
19
19
  var packageName = "@atlaskit/datetime-picker";
20
- var packageVersion = "15.11.2";
20
+ var packageVersion = "15.12.1";
21
21
  var menuStyles = {
22
22
  /* Need to remove default absolute positioning as that causes issues with position fixed */
23
23
  position: 'static',
@@ -44,9 +44,9 @@ declare class DatePickerComponent extends Component<DatePickerProps, State> {
44
44
  disabled: string[];
45
45
  disabledDateFilter: (_: string) => boolean;
46
46
  locale: string;
47
- onBlur: (_event: import("react").FocusEvent<HTMLInputElement>) => void;
47
+ onBlur: (_event: import("react").FocusEvent<HTMLInputElement, Element>) => void;
48
48
  onChange: (_value: string) => void;
49
- onFocus: (_event: import("react").FocusEvent<HTMLInputElement>) => void;
49
+ onFocus: (_event: import("react").FocusEvent<HTMLInputElement, Element>) => void;
50
50
  };
51
51
  containerRef: HTMLElement | null;
52
52
  calendarRef: React.RefObject<HTMLDivElement | null>;
@@ -93,7 +93,7 @@ export { DatePickerComponent as DatePickerWithoutAnalytics };
93
93
  * - [Code](https://atlassian.design/components/datetime-picker/date-picker/code)
94
94
  * - [Usage](https://atlassian.design/components/datetime-picker/date-picker/usage)
95
95
  */
96
- declare const DatePicker: import("react").ForwardRefExoticComponent<Pick<Pick<Omit<{
96
+ declare const DatePicker: import("react").ForwardRefExoticComponent<Omit<Pick<Omit<{
97
97
  defaultIsOpen: boolean;
98
98
  defaultValue: string;
99
99
  disabled: string[];
@@ -102,23 +102,14 @@ declare const DatePicker: import("react").ForwardRefExoticComponent<Pick<Pick<Om
102
102
  onBlur: (_event: React.FocusEvent<HTMLInputElement>) => void;
103
103
  onChange: (_value: string) => void;
104
104
  onFocus: (_event: React.FocusEvent<HTMLInputElement>) => void;
105
- } & DatePickerBaseProps, keyof import("@atlaskit/analytics-next").WithAnalyticsEventsProps>, "label" | "parseInputValue" | "dateFormat" | "formatDisplayLabel" | "placeholder" | "appearance" | "isDisabled" | "innerProps" | "selectProps" | "id" | "aria-describedby" | "value" | "testId" | "icon" | "maxDate" | "minDate" | "nextMonthLabel" | "previousMonthLabel" | "weekStartDay" | "autoFocus" | "clearControlLabel" | "isInvalid" | "isRequired" | "name" | "spacing" | "isOpen" | "inputLabel" | "inputLabelId" | "openCalendarLabel" | "shouldShowCalendarButton" | "hideIcon"> & Partial<Pick<Omit<{
106
- defaultIsOpen: boolean;
107
- defaultValue: string;
108
- disabled: string[];
109
- disabledDateFilter: (_: string) => boolean;
110
- locale: string;
111
- onBlur: (_event: React.FocusEvent<HTMLInputElement>) => void;
112
- onChange: (_value: string) => void;
113
- onFocus: (_event: React.FocusEvent<HTMLInputElement>) => void;
114
- } & DatePickerBaseProps, keyof import("@atlaskit/analytics-next").WithAnalyticsEventsProps>, "disabled" | "defaultValue" | "onFocus" | "onBlur" | "onChange" | "disabledDateFilter" | "locale" | "defaultIsOpen">> & Partial<Pick<{
115
- defaultIsOpen: boolean;
116
- defaultValue: string;
117
- disabled: string[];
118
- disabledDateFilter: (_: string) => boolean;
119
- locale: string;
120
- onBlur: (_event: React.FocusEvent<HTMLInputElement>) => void;
121
- onChange: (_value: string) => void;
122
- onFocus: (_event: React.FocusEvent<HTMLInputElement>) => void;
123
- }, never>> & import("react").RefAttributes<any> & import("@atlaskit/analytics-next").WithContextProps, "label" | "key" | "disabled" | "parseInputValue" | "dateFormat" | "formatDisplayLabel" | "placeholder" | "appearance" | "isDisabled" | "innerProps" | "selectProps" | "defaultValue" | "id" | "aria-describedby" | "onFocus" | "onBlur" | "onChange" | "value" | "testId" | "icon" | "disabledDateFilter" | "maxDate" | "minDate" | "nextMonthLabel" | "previousMonthLabel" | "locale" | "analyticsContext" | "weekStartDay" | "autoFocus" | "clearControlLabel" | "isInvalid" | "isRequired" | "name" | "spacing" | "defaultIsOpen" | "isOpen" | "inputLabel" | "inputLabelId" | "openCalendarLabel" | "shouldShowCalendarButton" | "hideIcon"> & import("react").RefAttributes<any>>;
105
+ } & DatePickerBaseProps, keyof import("@atlaskit/analytics-next").WithAnalyticsEventsProps>, "label" | "parseInputValue" | "dateFormat" | "formatDisplayLabel" | "placeholder" | "appearance" | "isDisabled" | "innerProps" | "selectProps" | "autoFocus" | "id" | "aria-describedby" | "value" | "testId" | "icon" | "maxDate" | "minDate" | "nextMonthLabel" | "previousMonthLabel" | "weekStartDay" | "clearControlLabel" | "isInvalid" | "isRequired" | "name" | "spacing" | "isOpen" | "inputLabel" | "inputLabelId" | "openCalendarLabel" | "shouldShowCalendarButton" | "hideIcon"> & {
106
+ disabled?: string[] | undefined;
107
+ defaultValue?: string | undefined;
108
+ onFocus?: (((_event: React.FocusEvent<HTMLInputElement>) => void) & import("react").FocusEventHandler<HTMLInputElement>) | undefined;
109
+ onBlur?: (((_event: React.FocusEvent<HTMLInputElement>) => void) & import("react").FocusEventHandler<HTMLInputElement>) | undefined;
110
+ onChange?: (((_value: string) => void) & ((value: string) => void)) | undefined;
111
+ disabledDateFilter?: (((_: string) => boolean) & ((date: string) => boolean)) | undefined;
112
+ locale?: string | undefined;
113
+ defaultIsOpen?: boolean | undefined;
114
+ } & {} & import("react").RefAttributes<any> & import("@atlaskit/analytics-next").WithContextProps, "ref"> & import("react").RefAttributes<any>>;
124
115
  export default DatePicker;
@@ -1,5 +1,5 @@
1
1
  /// <reference types="react" />
2
- import { type DropdownIndicatorProps, type GroupType, type OptionType } from '@atlaskit/select';
2
+ import { type DropdownIndicatorProps, type OptionType } from '@atlaskit/select';
3
3
  import { type DatePickerBaseProps, type DateTimePickerSelectProps } from '../types';
4
4
  export type DatePickerProps = DatePickerBaseProps & {
5
5
  icon?: React.ComponentType<DropdownIndicatorProps<OptionType>>;
@@ -16,15 +16,5 @@ export type DatePickerProps = DatePickerBaseProps & {
16
16
  * - [Code](https://atlassian.design/components/datetime-picker/date-picker/code)
17
17
  * - [Usage](https://atlassian.design/components/datetime-picker/date-picker/usage)
18
18
  */
19
- declare const DatePicker: import("react").ForwardRefExoticComponent<Pick<DatePickerBaseProps & {
20
- icon?: import("react").ComponentType<DropdownIndicatorProps<OptionType, boolean, GroupType<OptionType>>> | undefined;
21
- selectProps?: (Omit<import("@atlaskit/select").SelectProps<OptionType, false>, "placeholder" | "aria-describedby" | "aria-label" | "inputId"> & {
22
- 'aria-describedby'?: undefined;
23
- 'aria-label'?: undefined;
24
- inputId?: undefined;
25
- placeholder?: undefined;
26
- } & {
27
- inputValue?: string | undefined;
28
- }) | undefined;
29
- }, "label" | "disabled" | "parseInputValue" | "dateFormat" | "formatDisplayLabel" | "placeholder" | "appearance" | "isDisabled" | "innerProps" | "selectProps" | "defaultValue" | "id" | "aria-describedby" | "onFocus" | "onBlur" | "onChange" | "value" | "testId" | "icon" | "disabledDateFilter" | "maxDate" | "minDate" | "nextMonthLabel" | "previousMonthLabel" | "locale" | "weekStartDay" | "createAnalyticsEvent" | "autoFocus" | "clearControlLabel" | "isInvalid" | "isRequired" | "name" | "spacing" | "defaultIsOpen" | "isOpen" | "inputLabel" | "inputLabelId" | "openCalendarLabel" | "shouldShowCalendarButton" | "hideIcon"> & import("react").RefAttributes<unknown>>;
19
+ declare const DatePicker: import("react").ForwardRefExoticComponent<Omit<DatePickerProps, "ref"> & import("react").RefAttributes<unknown>>;
30
20
  export default DatePicker;
@@ -1,40 +1,21 @@
1
1
  /// <reference types="react" />
2
- declare const DatePicker: import("react").FC<Pick<Pick<import("..").DatePickerProps & {
3
- icon?: import("react").ComponentType<import("@atlaskit/select").DropdownIndicatorProps<import("@atlaskit/select").OptionType, boolean, import("@atlaskit/select").GroupType<import("@atlaskit/select").OptionType>>> | undefined;
4
- selectProps?: (Omit<import("@atlaskit/select").SelectProps<import("@atlaskit/select").OptionType, false>, "placeholder" | "aria-describedby" | "aria-label" | "inputId"> & {
5
- 'aria-describedby'?: undefined;
6
- 'aria-label'?: undefined;
7
- inputId?: undefined;
8
- placeholder?: undefined;
9
- } & {
10
- inputValue?: string | undefined;
11
- }) | undefined;
12
- }, "label" | "disabled" | "parseInputValue" | "dateFormat" | "formatDisplayLabel" | "placeholder" | "appearance" | "isDisabled" | "innerProps" | "selectProps" | "defaultValue" | "id" | "aria-describedby" | "onFocus" | "onBlur" | "onChange" | "value" | "testId" | "icon" | "disabledDateFilter" | "maxDate" | "minDate" | "nextMonthLabel" | "previousMonthLabel" | "locale" | "weekStartDay" | "createAnalyticsEvent" | "autoFocus" | "clearControlLabel" | "isInvalid" | "isRequired" | "name" | "spacing" | "defaultIsOpen" | "isOpen" | "inputLabel" | "inputLabelId" | "openCalendarLabel" | "shouldShowCalendarButton" | "hideIcon"> & import("react").RefAttributes<unknown>, "label" | "key" | "disabled" | "parseInputValue" | "dateFormat" | "formatDisplayLabel" | "placeholder" | "appearance" | "isDisabled" | "innerProps" | "selectProps" | "defaultValue" | "id" | "aria-describedby" | "onFocus" | "onBlur" | "onChange" | "value" | "testId" | "icon" | "disabledDateFilter" | "maxDate" | "minDate" | "nextMonthLabel" | "previousMonthLabel" | "locale" | "weekStartDay" | "createAnalyticsEvent" | "autoFocus" | "clearControlLabel" | "isInvalid" | "isRequired" | "name" | "spacing" | "defaultIsOpen" | "isOpen" | "inputLabel" | "inputLabelId" | "openCalendarLabel" | "shouldShowCalendarButton" | "hideIcon"> & Pick<Pick<Pick<Omit<{
2
+ declare const DatePicker: import("react").FC<Omit<Omit<import("./date-picker-fc").DatePickerProps, "ref"> & import("react").RefAttributes<unknown>, "ref"> & Omit<Omit<Pick<Omit<{
13
3
  defaultIsOpen: boolean;
14
4
  defaultValue: string;
15
5
  disabled: string[];
16
6
  disabledDateFilter: (_: string) => boolean;
17
7
  locale: string;
18
- onBlur: (_event: import("react").FocusEvent<HTMLInputElement>) => void;
8
+ onBlur: (_event: import("react").FocusEvent<HTMLInputElement, Element>) => void;
19
9
  onChange: (_value: string) => void;
20
- onFocus: (_event: import("react").FocusEvent<HTMLInputElement>) => void;
21
- } & import("..").DatePickerProps, keyof import("@atlaskit/analytics-next").WithAnalyticsEventsProps>, "label" | "parseInputValue" | "dateFormat" | "formatDisplayLabel" | "placeholder" | "appearance" | "isDisabled" | "innerProps" | "selectProps" | "id" | "aria-describedby" | "value" | "testId" | "icon" | "maxDate" | "minDate" | "nextMonthLabel" | "previousMonthLabel" | "weekStartDay" | "autoFocus" | "clearControlLabel" | "isInvalid" | "isRequired" | "name" | "spacing" | "isOpen" | "inputLabel" | "inputLabelId" | "openCalendarLabel" | "shouldShowCalendarButton" | "hideIcon"> & Partial<Pick<Omit<{
22
- defaultIsOpen: boolean;
23
- defaultValue: string;
24
- disabled: string[];
25
- disabledDateFilter: (_: string) => boolean;
26
- locale: string;
27
- onBlur: (_event: import("react").FocusEvent<HTMLInputElement>) => void;
28
- onChange: (_value: string) => void;
29
- onFocus: (_event: import("react").FocusEvent<HTMLInputElement>) => void;
30
- } & import("..").DatePickerProps, keyof import("@atlaskit/analytics-next").WithAnalyticsEventsProps>, "disabled" | "defaultValue" | "onFocus" | "onBlur" | "onChange" | "disabledDateFilter" | "locale" | "defaultIsOpen">> & Partial<Pick<{
31
- defaultIsOpen: boolean;
32
- defaultValue: string;
33
- disabled: string[];
34
- disabledDateFilter: (_: string) => boolean;
35
- locale: string;
36
- onBlur: (_event: import("react").FocusEvent<HTMLInputElement>) => void;
37
- onChange: (_value: string) => void;
38
- onFocus: (_event: import("react").FocusEvent<HTMLInputElement>) => void;
39
- }, never>> & import("react").RefAttributes<any> & import("@atlaskit/analytics-next").WithContextProps, "label" | "key" | "disabled" | "parseInputValue" | "dateFormat" | "formatDisplayLabel" | "placeholder" | "appearance" | "isDisabled" | "innerProps" | "selectProps" | "defaultValue" | "id" | "aria-describedby" | "onFocus" | "onBlur" | "onChange" | "value" | "testId" | "icon" | "disabledDateFilter" | "maxDate" | "minDate" | "nextMonthLabel" | "previousMonthLabel" | "locale" | "analyticsContext" | "weekStartDay" | "autoFocus" | "clearControlLabel" | "isInvalid" | "isRequired" | "name" | "spacing" | "defaultIsOpen" | "isOpen" | "inputLabel" | "inputLabelId" | "openCalendarLabel" | "shouldShowCalendarButton" | "hideIcon"> & import("react").RefAttributes<any>, "label" | "key" | "disabled" | "parseInputValue" | "dateFormat" | "formatDisplayLabel" | "placeholder" | "appearance" | "isDisabled" | "innerProps" | "selectProps" | "defaultValue" | "id" | "aria-describedby" | "onFocus" | "onBlur" | "onChange" | "value" | "testId" | "icon" | "disabledDateFilter" | "maxDate" | "minDate" | "nextMonthLabel" | "previousMonthLabel" | "locale" | "analyticsContext" | "weekStartDay" | "autoFocus" | "clearControlLabel" | "isInvalid" | "isRequired" | "name" | "spacing" | "defaultIsOpen" | "isOpen" | "inputLabel" | "inputLabelId" | "openCalendarLabel" | "shouldShowCalendarButton" | "hideIcon"> & import("react").RefAttributes<any>>;
10
+ onFocus: (_event: import("react").FocusEvent<HTMLInputElement, Element>) => void;
11
+ } & import("..").DatePickerProps, keyof import("@atlaskit/analytics-next").WithAnalyticsEventsProps>, "label" | "parseInputValue" | "dateFormat" | "formatDisplayLabel" | "placeholder" | "appearance" | "isDisabled" | "innerProps" | "selectProps" | "autoFocus" | "id" | "aria-describedby" | "value" | "testId" | "icon" | "maxDate" | "minDate" | "nextMonthLabel" | "previousMonthLabel" | "weekStartDay" | "clearControlLabel" | "isInvalid" | "isRequired" | "name" | "spacing" | "isOpen" | "inputLabel" | "inputLabelId" | "openCalendarLabel" | "shouldShowCalendarButton" | "hideIcon"> & {
12
+ disabled?: string[] | undefined;
13
+ defaultValue?: string | undefined;
14
+ onFocus?: (((_event: import("react").FocusEvent<HTMLInputElement, Element>) => void) & import("react").FocusEventHandler<HTMLInputElement>) | undefined;
15
+ onBlur?: (((_event: import("react").FocusEvent<HTMLInputElement, Element>) => void) & import("react").FocusEventHandler<HTMLInputElement>) | undefined;
16
+ onChange?: (((_value: string) => void) & ((value: string) => void)) | undefined;
17
+ disabledDateFilter?: (((_: string) => boolean) & ((date: string) => boolean)) | undefined;
18
+ locale?: string | undefined;
19
+ defaultIsOpen?: boolean | undefined;
20
+ } & {} & import("react").RefAttributes<any> & import("@atlaskit/analytics-next").WithContextProps, "ref"> & import("react").RefAttributes<any>, "ref"> & import("react").RefAttributes<any>>;
40
21
  export default DatePicker;
@@ -52,5 +52,34 @@ export { DateTimePickerComponent as DateTimePickerWithoutAnalytics };
52
52
  * - [Code](https://atlassian.design/components/datetime-picker/code)
53
53
  * - [Usage](https://atlassian.design/components/datetime-picker/usage)
54
54
  */
55
- 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>, "appearance" | "isDisabled" | "innerProps" | "defaultValue" | "id" | "aria-describedby" | "onFocus" | "onBlur" | "onChange" | "value" | "testId" | "locale" | "autoFocus" | "clearControlLabel" | "isInvalid" | "isRequired" | "name" | "spacing" | "datePickerProps" | "timePickerProps" | "parseValue">> & Partial<Pick<DateTimePickerBaseProps, "ref" | "createAnalyticsEvent">>, "appearance" | "isDisabled" | "innerProps" | "defaultValue" | "id" | "aria-describedby" | "onFocus" | "onBlur" | "onChange" | "value" | "testId" | "locale" | "createAnalyticsEvent" | "autoFocus" | "clearControlLabel" | "isInvalid" | "isRequired" | "name" | "spacing" | "datePickerProps" | "timePickerProps" | "parseValue"> & React.RefAttributes<any> & import("@atlaskit/analytics-next").WithContextProps, "key" | "appearance" | "isDisabled" | "innerProps" | "defaultValue" | "id" | "aria-describedby" | "onFocus" | "onBlur" | "onChange" | "value" | "testId" | "locale" | "analyticsContext" | "createAnalyticsEvent" | "autoFocus" | "clearControlLabel" | "isInvalid" | "isRequired" | "name" | "spacing" | "datePickerProps" | "timePickerProps" | "parseValue"> & React.RefAttributes<any>>;
55
+ declare const DateTimePicker: React.ForwardRefExoticComponent<Omit<Omit<Pick<Omit<DateTimePickerBaseProps, keyof import("@atlaskit/analytics-next").WithAnalyticsEventsProps>, never> & {
56
+ appearance?: import("../types").Appearance | undefined;
57
+ isDisabled?: boolean | undefined;
58
+ innerProps?: React.AllHTMLAttributes<HTMLElement> | undefined;
59
+ defaultValue?: string | undefined;
60
+ autoFocus?: boolean | undefined;
61
+ id?: string | undefined;
62
+ 'aria-describedby'?: string | undefined;
63
+ onFocus?: React.FocusEventHandler<HTMLInputElement> | undefined;
64
+ onBlur?: React.FocusEventHandler<HTMLInputElement> | undefined;
65
+ onChange?: ((value: string) => void) | undefined;
66
+ value?: string | undefined;
67
+ testId?: string | undefined;
68
+ locale?: string | undefined;
69
+ clearControlLabel?: string | undefined;
70
+ isInvalid?: boolean | undefined;
71
+ isRequired?: boolean | undefined;
72
+ name?: string | undefined;
73
+ spacing?: import("../types").Spacing | undefined;
74
+ datePickerProps?: import("../types").DatePickerBaseProps | undefined;
75
+ timePickerProps?: import("../types").TimePickerBaseProps | undefined;
76
+ parseValue?: ((dateTimeValue: string, date: string, time: string, timezone: string) => {
77
+ dateValue: string;
78
+ timeValue: string;
79
+ zoneValue: string;
80
+ }) | undefined;
81
+ } & {
82
+ ref?: React.Ref<any> | undefined;
83
+ createAnalyticsEvent?: import("@atlaskit/analytics-next").CreateUIAnalyticsEvent | undefined;
84
+ }, "ref"> & React.RefAttributes<any> & import("@atlaskit/analytics-next").WithContextProps, "ref"> & React.RefAttributes<any>>;
56
85
  export default DateTimePicker;
@@ -11,5 +11,5 @@ export declare const timePickerDefaultAriaLabel = "Time";
11
11
  * - [Code](https://atlassian.design/components/datetime-picker/code)
12
12
  * - [Usage](https://atlassian.design/components/datetime-picker/usage)
13
13
  */
14
- declare const DateTimePicker: React.ForwardRefExoticComponent<Pick<DateTimePickerBaseProps, "appearance" | "isDisabled" | "innerProps" | "defaultValue" | "id" | "aria-describedby" | "onFocus" | "onBlur" | "onChange" | "value" | "testId" | "locale" | "createAnalyticsEvent" | "autoFocus" | "clearControlLabel" | "isInvalid" | "isRequired" | "name" | "spacing" | "datePickerProps" | "timePickerProps" | "parseValue"> & React.RefAttributes<unknown>>;
14
+ declare const DateTimePicker: React.ForwardRefExoticComponent<Omit<DateTimePickerBaseProps, "ref"> & React.RefAttributes<unknown>>;
15
15
  export default DateTimePicker;
@@ -1,3 +1,32 @@
1
1
  /// <reference types="react" />
2
- declare const DateTimePicker: import("react").FC<Pick<Pick<import("..").DateTimePickerProps, "appearance" | "isDisabled" | "innerProps" | "defaultValue" | "id" | "aria-describedby" | "onFocus" | "onBlur" | "onChange" | "value" | "testId" | "locale" | "createAnalyticsEvent" | "autoFocus" | "clearControlLabel" | "isInvalid" | "isRequired" | "name" | "spacing" | "datePickerProps" | "timePickerProps" | "parseValue"> & import("react").RefAttributes<unknown>, "key" | "appearance" | "isDisabled" | "innerProps" | "defaultValue" | "id" | "aria-describedby" | "onFocus" | "onBlur" | "onChange" | "value" | "testId" | "locale" | "createAnalyticsEvent" | "autoFocus" | "clearControlLabel" | "isInvalid" | "isRequired" | "name" | "spacing" | "datePickerProps" | "timePickerProps" | "parseValue"> & Pick<Pick<Pick<Pick<Omit<import("..").DateTimePickerProps, keyof import("@atlaskit/analytics-next").WithAnalyticsEventsProps>, never> & Partial<Pick<Omit<import("..").DateTimePickerProps, keyof import("@atlaskit/analytics-next").WithAnalyticsEventsProps>, "appearance" | "isDisabled" | "innerProps" | "defaultValue" | "id" | "aria-describedby" | "onFocus" | "onBlur" | "onChange" | "value" | "testId" | "locale" | "autoFocus" | "clearControlLabel" | "isInvalid" | "isRequired" | "name" | "spacing" | "datePickerProps" | "timePickerProps" | "parseValue">> & Partial<Pick<import("..").DateTimePickerProps, "ref" | "createAnalyticsEvent">>, "appearance" | "isDisabled" | "innerProps" | "defaultValue" | "id" | "aria-describedby" | "onFocus" | "onBlur" | "onChange" | "value" | "testId" | "locale" | "createAnalyticsEvent" | "autoFocus" | "clearControlLabel" | "isInvalid" | "isRequired" | "name" | "spacing" | "datePickerProps" | "timePickerProps" | "parseValue"> & import("react").RefAttributes<any> & import("@atlaskit/analytics-next").WithContextProps, "key" | "appearance" | "isDisabled" | "innerProps" | "defaultValue" | "id" | "aria-describedby" | "onFocus" | "onBlur" | "onChange" | "value" | "testId" | "locale" | "analyticsContext" | "createAnalyticsEvent" | "autoFocus" | "clearControlLabel" | "isInvalid" | "isRequired" | "name" | "spacing" | "datePickerProps" | "timePickerProps" | "parseValue"> & import("react").RefAttributes<any>, "key" | "appearance" | "isDisabled" | "innerProps" | "defaultValue" | "id" | "aria-describedby" | "onFocus" | "onBlur" | "onChange" | "value" | "testId" | "locale" | "analyticsContext" | "createAnalyticsEvent" | "autoFocus" | "clearControlLabel" | "isInvalid" | "isRequired" | "name" | "spacing" | "datePickerProps" | "timePickerProps" | "parseValue"> & import("react").RefAttributes<any>>;
2
+ declare const DateTimePicker: import("react").FC<Omit<Omit<import("..").DateTimePickerProps, "ref"> & import("react").RefAttributes<unknown>, "ref"> & Omit<Omit<Omit<Pick<Omit<import("..").DateTimePickerProps, keyof import("@atlaskit/analytics-next").WithAnalyticsEventsProps>, never> & {
3
+ appearance?: import("..").Appearance | undefined;
4
+ isDisabled?: boolean | undefined;
5
+ innerProps?: import("react").AllHTMLAttributes<HTMLElement> | undefined;
6
+ defaultValue?: string | undefined;
7
+ autoFocus?: boolean | undefined;
8
+ id?: string | undefined;
9
+ 'aria-describedby'?: string | undefined;
10
+ onFocus?: import("react").FocusEventHandler<HTMLInputElement> | undefined;
11
+ onBlur?: import("react").FocusEventHandler<HTMLInputElement> | undefined;
12
+ onChange?: ((value: string) => void) | undefined;
13
+ value?: string | undefined;
14
+ testId?: string | undefined;
15
+ locale?: string | undefined;
16
+ clearControlLabel?: string | undefined;
17
+ isInvalid?: boolean | undefined;
18
+ isRequired?: boolean | undefined;
19
+ name?: string | undefined;
20
+ spacing?: import("..").Spacing | undefined;
21
+ datePickerProps?: import("..").DatePickerProps | undefined;
22
+ timePickerProps?: import("..").TimePickerProps | undefined;
23
+ parseValue?: ((dateTimeValue: string, date: string, time: string, timezone: string) => {
24
+ dateValue: string;
25
+ timeValue: string;
26
+ zoneValue: string;
27
+ }) | undefined;
28
+ } & {
29
+ ref?: import("react").Ref<any> | undefined;
30
+ createAnalyticsEvent?: import("@atlaskit/analytics-next").CreateUIAnalyticsEvent | undefined;
31
+ }, "ref"> & import("react").RefAttributes<any> & import("@atlaskit/analytics-next").WithContextProps, "ref"> & import("react").RefAttributes<any>, "ref"> & import("react").RefAttributes<any>>;
3
32
  export default DateTimePicker;
@@ -9,5 +9,5 @@ import { type TimePickerBaseProps } from '../types';
9
9
  * - [Code](https://atlassian.design/components/datetime-picker/time-picker/code)
10
10
  * - [Usage](https://atlassian.design/components/datetime-picker/time-picker/usage)
11
11
  */
12
- declare const TimePicker: React.ForwardRefExoticComponent<Pick<TimePickerBaseProps, "times" | "label" | "parseInputValue" | "formatDisplayLabel" | "placeholder" | "appearance" | "isDisabled" | "innerProps" | "selectProps" | "defaultValue" | "id" | "aria-describedby" | "onFocus" | "onBlur" | "onChange" | "value" | "testId" | "locale" | "createAnalyticsEvent" | "autoFocus" | "clearControlLabel" | "isInvalid" | "isRequired" | "name" | "spacing" | "defaultIsOpen" | "isOpen" | "hideIcon" | "timeIsEditable" | "timeFormat"> & React.RefAttributes<unknown>>;
12
+ declare const TimePicker: React.ForwardRefExoticComponent<Omit<TimePickerBaseProps, "ref"> & React.RefAttributes<unknown>>;
13
13
  export default TimePicker;
@@ -44,9 +44,9 @@ declare class DatePickerComponent extends Component<DatePickerProps, State> {
44
44
  disabled: string[];
45
45
  disabledDateFilter: (_: string) => boolean;
46
46
  locale: string;
47
- onBlur: (_event: import("react").FocusEvent<HTMLInputElement>) => void;
47
+ onBlur: (_event: import("react").FocusEvent<HTMLInputElement, Element>) => void;
48
48
  onChange: (_value: string) => void;
49
- onFocus: (_event: import("react").FocusEvent<HTMLInputElement>) => void;
49
+ onFocus: (_event: import("react").FocusEvent<HTMLInputElement, Element>) => void;
50
50
  };
51
51
  containerRef: HTMLElement | null;
52
52
  calendarRef: React.RefObject<HTMLDivElement | null>;
@@ -93,7 +93,7 @@ export { DatePickerComponent as DatePickerWithoutAnalytics };
93
93
  * - [Code](https://atlassian.design/components/datetime-picker/date-picker/code)
94
94
  * - [Usage](https://atlassian.design/components/datetime-picker/date-picker/usage)
95
95
  */
96
- declare const DatePicker: import("react").ForwardRefExoticComponent<Pick<Pick<Omit<{
96
+ declare const DatePicker: import("react").ForwardRefExoticComponent<Omit<Pick<Omit<{
97
97
  defaultIsOpen: boolean;
98
98
  defaultValue: string;
99
99
  disabled: string[];
@@ -102,23 +102,14 @@ declare const DatePicker: import("react").ForwardRefExoticComponent<Pick<Pick<Om
102
102
  onBlur: (_event: React.FocusEvent<HTMLInputElement>) => void;
103
103
  onChange: (_value: string) => void;
104
104
  onFocus: (_event: React.FocusEvent<HTMLInputElement>) => void;
105
- } & DatePickerBaseProps, keyof import("@atlaskit/analytics-next").WithAnalyticsEventsProps>, "label" | "parseInputValue" | "dateFormat" | "formatDisplayLabel" | "placeholder" | "appearance" | "isDisabled" | "innerProps" | "selectProps" | "id" | "aria-describedby" | "value" | "testId" | "icon" | "maxDate" | "minDate" | "nextMonthLabel" | "previousMonthLabel" | "weekStartDay" | "autoFocus" | "clearControlLabel" | "isInvalid" | "isRequired" | "name" | "spacing" | "isOpen" | "inputLabel" | "inputLabelId" | "openCalendarLabel" | "shouldShowCalendarButton" | "hideIcon"> & Partial<Pick<Omit<{
106
- defaultIsOpen: boolean;
107
- defaultValue: string;
108
- disabled: string[];
109
- disabledDateFilter: (_: string) => boolean;
110
- locale: string;
111
- onBlur: (_event: React.FocusEvent<HTMLInputElement>) => void;
112
- onChange: (_value: string) => void;
113
- onFocus: (_event: React.FocusEvent<HTMLInputElement>) => void;
114
- } & DatePickerBaseProps, keyof import("@atlaskit/analytics-next").WithAnalyticsEventsProps>, "disabled" | "defaultValue" | "onFocus" | "onBlur" | "onChange" | "disabledDateFilter" | "locale" | "defaultIsOpen">> & Partial<Pick<{
115
- defaultIsOpen: boolean;
116
- defaultValue: string;
117
- disabled: string[];
118
- disabledDateFilter: (_: string) => boolean;
119
- locale: string;
120
- onBlur: (_event: React.FocusEvent<HTMLInputElement>) => void;
121
- onChange: (_value: string) => void;
122
- onFocus: (_event: React.FocusEvent<HTMLInputElement>) => void;
123
- }, never>> & import("react").RefAttributes<any> & import("@atlaskit/analytics-next").WithContextProps, "label" | "key" | "disabled" | "parseInputValue" | "dateFormat" | "formatDisplayLabel" | "placeholder" | "appearance" | "isDisabled" | "innerProps" | "selectProps" | "defaultValue" | "id" | "aria-describedby" | "onFocus" | "onBlur" | "onChange" | "value" | "testId" | "icon" | "disabledDateFilter" | "maxDate" | "minDate" | "nextMonthLabel" | "previousMonthLabel" | "locale" | "analyticsContext" | "weekStartDay" | "autoFocus" | "clearControlLabel" | "isInvalid" | "isRequired" | "name" | "spacing" | "defaultIsOpen" | "isOpen" | "inputLabel" | "inputLabelId" | "openCalendarLabel" | "shouldShowCalendarButton" | "hideIcon"> & import("react").RefAttributes<any>>;
105
+ } & DatePickerBaseProps, keyof import("@atlaskit/analytics-next").WithAnalyticsEventsProps>, "label" | "parseInputValue" | "dateFormat" | "formatDisplayLabel" | "placeholder" | "appearance" | "isDisabled" | "innerProps" | "selectProps" | "autoFocus" | "id" | "aria-describedby" | "value" | "testId" | "icon" | "maxDate" | "minDate" | "nextMonthLabel" | "previousMonthLabel" | "weekStartDay" | "clearControlLabel" | "isInvalid" | "isRequired" | "name" | "spacing" | "isOpen" | "inputLabel" | "inputLabelId" | "openCalendarLabel" | "shouldShowCalendarButton" | "hideIcon"> & {
106
+ disabled?: string[] | undefined;
107
+ defaultValue?: string | undefined;
108
+ onFocus?: (((_event: React.FocusEvent<HTMLInputElement>) => void) & import("react").FocusEventHandler<HTMLInputElement>) | undefined;
109
+ onBlur?: (((_event: React.FocusEvent<HTMLInputElement>) => void) & import("react").FocusEventHandler<HTMLInputElement>) | undefined;
110
+ onChange?: (((_value: string) => void) & ((value: string) => void)) | undefined;
111
+ disabledDateFilter?: (((_: string) => boolean) & ((date: string) => boolean)) | undefined;
112
+ locale?: string | undefined;
113
+ defaultIsOpen?: boolean | undefined;
114
+ } & {} & import("react").RefAttributes<any> & import("@atlaskit/analytics-next").WithContextProps, "ref"> & import("react").RefAttributes<any>>;
124
115
  export default DatePicker;
@@ -1,5 +1,5 @@
1
1
  /// <reference types="react" />
2
- import { type DropdownIndicatorProps, type GroupType, type OptionType } from '@atlaskit/select';
2
+ import { type DropdownIndicatorProps, type OptionType } from '@atlaskit/select';
3
3
  import { type DatePickerBaseProps, type DateTimePickerSelectProps } from '../types';
4
4
  export type DatePickerProps = DatePickerBaseProps & {
5
5
  icon?: React.ComponentType<DropdownIndicatorProps<OptionType>>;
@@ -16,15 +16,5 @@ export type DatePickerProps = DatePickerBaseProps & {
16
16
  * - [Code](https://atlassian.design/components/datetime-picker/date-picker/code)
17
17
  * - [Usage](https://atlassian.design/components/datetime-picker/date-picker/usage)
18
18
  */
19
- declare const DatePicker: import("react").ForwardRefExoticComponent<Pick<DatePickerBaseProps & {
20
- icon?: import("react").ComponentType<DropdownIndicatorProps<OptionType, boolean, GroupType<OptionType>>> | undefined;
21
- selectProps?: (Omit<import("@atlaskit/select").SelectProps<OptionType, false>, "placeholder" | "aria-describedby" | "aria-label" | "inputId"> & {
22
- 'aria-describedby'?: undefined;
23
- 'aria-label'?: undefined;
24
- inputId?: undefined;
25
- placeholder?: undefined;
26
- } & {
27
- inputValue?: string | undefined;
28
- }) | undefined;
29
- }, "label" | "disabled" | "parseInputValue" | "dateFormat" | "formatDisplayLabel" | "placeholder" | "appearance" | "isDisabled" | "innerProps" | "selectProps" | "defaultValue" | "id" | "aria-describedby" | "onFocus" | "onBlur" | "onChange" | "value" | "testId" | "icon" | "disabledDateFilter" | "maxDate" | "minDate" | "nextMonthLabel" | "previousMonthLabel" | "locale" | "weekStartDay" | "createAnalyticsEvent" | "autoFocus" | "clearControlLabel" | "isInvalid" | "isRequired" | "name" | "spacing" | "defaultIsOpen" | "isOpen" | "inputLabel" | "inputLabelId" | "openCalendarLabel" | "shouldShowCalendarButton" | "hideIcon"> & import("react").RefAttributes<unknown>>;
19
+ declare const DatePicker: import("react").ForwardRefExoticComponent<Omit<DatePickerProps, "ref"> & import("react").RefAttributes<unknown>>;
30
20
  export default DatePicker;
@@ -1,40 +1,21 @@
1
1
  /// <reference types="react" />
2
- declare const DatePicker: import("react").FC<Pick<Pick<import("..").DatePickerProps & {
3
- icon?: import("react").ComponentType<import("@atlaskit/select").DropdownIndicatorProps<import("@atlaskit/select").OptionType, boolean, import("@atlaskit/select").GroupType<import("@atlaskit/select").OptionType>>> | undefined;
4
- selectProps?: (Omit<import("@atlaskit/select").SelectProps<import("@atlaskit/select").OptionType, false>, "placeholder" | "aria-describedby" | "aria-label" | "inputId"> & {
5
- 'aria-describedby'?: undefined;
6
- 'aria-label'?: undefined;
7
- inputId?: undefined;
8
- placeholder?: undefined;
9
- } & {
10
- inputValue?: string | undefined;
11
- }) | undefined;
12
- }, "label" | "disabled" | "parseInputValue" | "dateFormat" | "formatDisplayLabel" | "placeholder" | "appearance" | "isDisabled" | "innerProps" | "selectProps" | "defaultValue" | "id" | "aria-describedby" | "onFocus" | "onBlur" | "onChange" | "value" | "testId" | "icon" | "disabledDateFilter" | "maxDate" | "minDate" | "nextMonthLabel" | "previousMonthLabel" | "locale" | "weekStartDay" | "createAnalyticsEvent" | "autoFocus" | "clearControlLabel" | "isInvalid" | "isRequired" | "name" | "spacing" | "defaultIsOpen" | "isOpen" | "inputLabel" | "inputLabelId" | "openCalendarLabel" | "shouldShowCalendarButton" | "hideIcon"> & import("react").RefAttributes<unknown>, "label" | "key" | "disabled" | "parseInputValue" | "dateFormat" | "formatDisplayLabel" | "placeholder" | "appearance" | "isDisabled" | "innerProps" | "selectProps" | "defaultValue" | "id" | "aria-describedby" | "onFocus" | "onBlur" | "onChange" | "value" | "testId" | "icon" | "disabledDateFilter" | "maxDate" | "minDate" | "nextMonthLabel" | "previousMonthLabel" | "locale" | "weekStartDay" | "createAnalyticsEvent" | "autoFocus" | "clearControlLabel" | "isInvalid" | "isRequired" | "name" | "spacing" | "defaultIsOpen" | "isOpen" | "inputLabel" | "inputLabelId" | "openCalendarLabel" | "shouldShowCalendarButton" | "hideIcon"> & Pick<Pick<Pick<Omit<{
2
+ declare const DatePicker: import("react").FC<Omit<Omit<import("./date-picker-fc").DatePickerProps, "ref"> & import("react").RefAttributes<unknown>, "ref"> & Omit<Omit<Pick<Omit<{
13
3
  defaultIsOpen: boolean;
14
4
  defaultValue: string;
15
5
  disabled: string[];
16
6
  disabledDateFilter: (_: string) => boolean;
17
7
  locale: string;
18
- onBlur: (_event: import("react").FocusEvent<HTMLInputElement>) => void;
8
+ onBlur: (_event: import("react").FocusEvent<HTMLInputElement, Element>) => void;
19
9
  onChange: (_value: string) => void;
20
- onFocus: (_event: import("react").FocusEvent<HTMLInputElement>) => void;
21
- } & import("..").DatePickerProps, keyof import("@atlaskit/analytics-next").WithAnalyticsEventsProps>, "label" | "parseInputValue" | "dateFormat" | "formatDisplayLabel" | "placeholder" | "appearance" | "isDisabled" | "innerProps" | "selectProps" | "id" | "aria-describedby" | "value" | "testId" | "icon" | "maxDate" | "minDate" | "nextMonthLabel" | "previousMonthLabel" | "weekStartDay" | "autoFocus" | "clearControlLabel" | "isInvalid" | "isRequired" | "name" | "spacing" | "isOpen" | "inputLabel" | "inputLabelId" | "openCalendarLabel" | "shouldShowCalendarButton" | "hideIcon"> & Partial<Pick<Omit<{
22
- defaultIsOpen: boolean;
23
- defaultValue: string;
24
- disabled: string[];
25
- disabledDateFilter: (_: string) => boolean;
26
- locale: string;
27
- onBlur: (_event: import("react").FocusEvent<HTMLInputElement>) => void;
28
- onChange: (_value: string) => void;
29
- onFocus: (_event: import("react").FocusEvent<HTMLInputElement>) => void;
30
- } & import("..").DatePickerProps, keyof import("@atlaskit/analytics-next").WithAnalyticsEventsProps>, "disabled" | "defaultValue" | "onFocus" | "onBlur" | "onChange" | "disabledDateFilter" | "locale" | "defaultIsOpen">> & Partial<Pick<{
31
- defaultIsOpen: boolean;
32
- defaultValue: string;
33
- disabled: string[];
34
- disabledDateFilter: (_: string) => boolean;
35
- locale: string;
36
- onBlur: (_event: import("react").FocusEvent<HTMLInputElement>) => void;
37
- onChange: (_value: string) => void;
38
- onFocus: (_event: import("react").FocusEvent<HTMLInputElement>) => void;
39
- }, never>> & import("react").RefAttributes<any> & import("@atlaskit/analytics-next").WithContextProps, "label" | "key" | "disabled" | "parseInputValue" | "dateFormat" | "formatDisplayLabel" | "placeholder" | "appearance" | "isDisabled" | "innerProps" | "selectProps" | "defaultValue" | "id" | "aria-describedby" | "onFocus" | "onBlur" | "onChange" | "value" | "testId" | "icon" | "disabledDateFilter" | "maxDate" | "minDate" | "nextMonthLabel" | "previousMonthLabel" | "locale" | "analyticsContext" | "weekStartDay" | "autoFocus" | "clearControlLabel" | "isInvalid" | "isRequired" | "name" | "spacing" | "defaultIsOpen" | "isOpen" | "inputLabel" | "inputLabelId" | "openCalendarLabel" | "shouldShowCalendarButton" | "hideIcon"> & import("react").RefAttributes<any>, "label" | "key" | "disabled" | "parseInputValue" | "dateFormat" | "formatDisplayLabel" | "placeholder" | "appearance" | "isDisabled" | "innerProps" | "selectProps" | "defaultValue" | "id" | "aria-describedby" | "onFocus" | "onBlur" | "onChange" | "value" | "testId" | "icon" | "disabledDateFilter" | "maxDate" | "minDate" | "nextMonthLabel" | "previousMonthLabel" | "locale" | "analyticsContext" | "weekStartDay" | "autoFocus" | "clearControlLabel" | "isInvalid" | "isRequired" | "name" | "spacing" | "defaultIsOpen" | "isOpen" | "inputLabel" | "inputLabelId" | "openCalendarLabel" | "shouldShowCalendarButton" | "hideIcon"> & import("react").RefAttributes<any>>;
10
+ onFocus: (_event: import("react").FocusEvent<HTMLInputElement, Element>) => void;
11
+ } & import("..").DatePickerProps, keyof import("@atlaskit/analytics-next").WithAnalyticsEventsProps>, "label" | "parseInputValue" | "dateFormat" | "formatDisplayLabel" | "placeholder" | "appearance" | "isDisabled" | "innerProps" | "selectProps" | "autoFocus" | "id" | "aria-describedby" | "value" | "testId" | "icon" | "maxDate" | "minDate" | "nextMonthLabel" | "previousMonthLabel" | "weekStartDay" | "clearControlLabel" | "isInvalid" | "isRequired" | "name" | "spacing" | "isOpen" | "inputLabel" | "inputLabelId" | "openCalendarLabel" | "shouldShowCalendarButton" | "hideIcon"> & {
12
+ disabled?: string[] | undefined;
13
+ defaultValue?: string | undefined;
14
+ onFocus?: (((_event: import("react").FocusEvent<HTMLInputElement, Element>) => void) & import("react").FocusEventHandler<HTMLInputElement>) | undefined;
15
+ onBlur?: (((_event: import("react").FocusEvent<HTMLInputElement, Element>) => void) & import("react").FocusEventHandler<HTMLInputElement>) | undefined;
16
+ onChange?: (((_value: string) => void) & ((value: string) => void)) | undefined;
17
+ disabledDateFilter?: (((_: string) => boolean) & ((date: string) => boolean)) | undefined;
18
+ locale?: string | undefined;
19
+ defaultIsOpen?: boolean | undefined;
20
+ } & {} & import("react").RefAttributes<any> & import("@atlaskit/analytics-next").WithContextProps, "ref"> & import("react").RefAttributes<any>, "ref"> & import("react").RefAttributes<any>>;
40
21
  export default DatePicker;
@@ -52,5 +52,34 @@ export { DateTimePickerComponent as DateTimePickerWithoutAnalytics };
52
52
  * - [Code](https://atlassian.design/components/datetime-picker/code)
53
53
  * - [Usage](https://atlassian.design/components/datetime-picker/usage)
54
54
  */
55
- 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>, "appearance" | "isDisabled" | "innerProps" | "defaultValue" | "id" | "aria-describedby" | "onFocus" | "onBlur" | "onChange" | "value" | "testId" | "locale" | "autoFocus" | "clearControlLabel" | "isInvalid" | "isRequired" | "name" | "spacing" | "datePickerProps" | "timePickerProps" | "parseValue">> & Partial<Pick<DateTimePickerBaseProps, "ref" | "createAnalyticsEvent">>, "appearance" | "isDisabled" | "innerProps" | "defaultValue" | "id" | "aria-describedby" | "onFocus" | "onBlur" | "onChange" | "value" | "testId" | "locale" | "createAnalyticsEvent" | "autoFocus" | "clearControlLabel" | "isInvalid" | "isRequired" | "name" | "spacing" | "datePickerProps" | "timePickerProps" | "parseValue"> & React.RefAttributes<any> & import("@atlaskit/analytics-next").WithContextProps, "key" | "appearance" | "isDisabled" | "innerProps" | "defaultValue" | "id" | "aria-describedby" | "onFocus" | "onBlur" | "onChange" | "value" | "testId" | "locale" | "analyticsContext" | "createAnalyticsEvent" | "autoFocus" | "clearControlLabel" | "isInvalid" | "isRequired" | "name" | "spacing" | "datePickerProps" | "timePickerProps" | "parseValue"> & React.RefAttributes<any>>;
55
+ declare const DateTimePicker: React.ForwardRefExoticComponent<Omit<Omit<Pick<Omit<DateTimePickerBaseProps, keyof import("@atlaskit/analytics-next").WithAnalyticsEventsProps>, never> & {
56
+ appearance?: import("../types").Appearance | undefined;
57
+ isDisabled?: boolean | undefined;
58
+ innerProps?: React.AllHTMLAttributes<HTMLElement> | undefined;
59
+ defaultValue?: string | undefined;
60
+ autoFocus?: boolean | undefined;
61
+ id?: string | undefined;
62
+ 'aria-describedby'?: string | undefined;
63
+ onFocus?: React.FocusEventHandler<HTMLInputElement> | undefined;
64
+ onBlur?: React.FocusEventHandler<HTMLInputElement> | undefined;
65
+ onChange?: ((value: string) => void) | undefined;
66
+ value?: string | undefined;
67
+ testId?: string | undefined;
68
+ locale?: string | undefined;
69
+ clearControlLabel?: string | undefined;
70
+ isInvalid?: boolean | undefined;
71
+ isRequired?: boolean | undefined;
72
+ name?: string | undefined;
73
+ spacing?: import("../types").Spacing | undefined;
74
+ datePickerProps?: import("../types").DatePickerBaseProps | undefined;
75
+ timePickerProps?: import("../types").TimePickerBaseProps | undefined;
76
+ parseValue?: ((dateTimeValue: string, date: string, time: string, timezone: string) => {
77
+ dateValue: string;
78
+ timeValue: string;
79
+ zoneValue: string;
80
+ }) | undefined;
81
+ } & {
82
+ ref?: React.Ref<any> | undefined;
83
+ createAnalyticsEvent?: import("@atlaskit/analytics-next").CreateUIAnalyticsEvent | undefined;
84
+ }, "ref"> & React.RefAttributes<any> & import("@atlaskit/analytics-next").WithContextProps, "ref"> & React.RefAttributes<any>>;
56
85
  export default DateTimePicker;
@@ -11,5 +11,5 @@ export declare const timePickerDefaultAriaLabel = "Time";
11
11
  * - [Code](https://atlassian.design/components/datetime-picker/code)
12
12
  * - [Usage](https://atlassian.design/components/datetime-picker/usage)
13
13
  */
14
- declare const DateTimePicker: React.ForwardRefExoticComponent<Pick<DateTimePickerBaseProps, "appearance" | "isDisabled" | "innerProps" | "defaultValue" | "id" | "aria-describedby" | "onFocus" | "onBlur" | "onChange" | "value" | "testId" | "locale" | "createAnalyticsEvent" | "autoFocus" | "clearControlLabel" | "isInvalid" | "isRequired" | "name" | "spacing" | "datePickerProps" | "timePickerProps" | "parseValue"> & React.RefAttributes<unknown>>;
14
+ declare const DateTimePicker: React.ForwardRefExoticComponent<Omit<DateTimePickerBaseProps, "ref"> & React.RefAttributes<unknown>>;
15
15
  export default DateTimePicker;
@@ -1,3 +1,32 @@
1
1
  /// <reference types="react" />
2
- declare const DateTimePicker: import("react").FC<Pick<Pick<import("..").DateTimePickerProps, "appearance" | "isDisabled" | "innerProps" | "defaultValue" | "id" | "aria-describedby" | "onFocus" | "onBlur" | "onChange" | "value" | "testId" | "locale" | "createAnalyticsEvent" | "autoFocus" | "clearControlLabel" | "isInvalid" | "isRequired" | "name" | "spacing" | "datePickerProps" | "timePickerProps" | "parseValue"> & import("react").RefAttributes<unknown>, "key" | "appearance" | "isDisabled" | "innerProps" | "defaultValue" | "id" | "aria-describedby" | "onFocus" | "onBlur" | "onChange" | "value" | "testId" | "locale" | "createAnalyticsEvent" | "autoFocus" | "clearControlLabel" | "isInvalid" | "isRequired" | "name" | "spacing" | "datePickerProps" | "timePickerProps" | "parseValue"> & Pick<Pick<Pick<Pick<Omit<import("..").DateTimePickerProps, keyof import("@atlaskit/analytics-next").WithAnalyticsEventsProps>, never> & Partial<Pick<Omit<import("..").DateTimePickerProps, keyof import("@atlaskit/analytics-next").WithAnalyticsEventsProps>, "appearance" | "isDisabled" | "innerProps" | "defaultValue" | "id" | "aria-describedby" | "onFocus" | "onBlur" | "onChange" | "value" | "testId" | "locale" | "autoFocus" | "clearControlLabel" | "isInvalid" | "isRequired" | "name" | "spacing" | "datePickerProps" | "timePickerProps" | "parseValue">> & Partial<Pick<import("..").DateTimePickerProps, "ref" | "createAnalyticsEvent">>, "appearance" | "isDisabled" | "innerProps" | "defaultValue" | "id" | "aria-describedby" | "onFocus" | "onBlur" | "onChange" | "value" | "testId" | "locale" | "createAnalyticsEvent" | "autoFocus" | "clearControlLabel" | "isInvalid" | "isRequired" | "name" | "spacing" | "datePickerProps" | "timePickerProps" | "parseValue"> & import("react").RefAttributes<any> & import("@atlaskit/analytics-next").WithContextProps, "key" | "appearance" | "isDisabled" | "innerProps" | "defaultValue" | "id" | "aria-describedby" | "onFocus" | "onBlur" | "onChange" | "value" | "testId" | "locale" | "analyticsContext" | "createAnalyticsEvent" | "autoFocus" | "clearControlLabel" | "isInvalid" | "isRequired" | "name" | "spacing" | "datePickerProps" | "timePickerProps" | "parseValue"> & import("react").RefAttributes<any>, "key" | "appearance" | "isDisabled" | "innerProps" | "defaultValue" | "id" | "aria-describedby" | "onFocus" | "onBlur" | "onChange" | "value" | "testId" | "locale" | "analyticsContext" | "createAnalyticsEvent" | "autoFocus" | "clearControlLabel" | "isInvalid" | "isRequired" | "name" | "spacing" | "datePickerProps" | "timePickerProps" | "parseValue"> & import("react").RefAttributes<any>>;
2
+ declare const DateTimePicker: import("react").FC<Omit<Omit<import("..").DateTimePickerProps, "ref"> & import("react").RefAttributes<unknown>, "ref"> & Omit<Omit<Omit<Pick<Omit<import("..").DateTimePickerProps, keyof import("@atlaskit/analytics-next").WithAnalyticsEventsProps>, never> & {
3
+ appearance?: import("..").Appearance | undefined;
4
+ isDisabled?: boolean | undefined;
5
+ innerProps?: import("react").AllHTMLAttributes<HTMLElement> | undefined;
6
+ defaultValue?: string | undefined;
7
+ autoFocus?: boolean | undefined;
8
+ id?: string | undefined;
9
+ 'aria-describedby'?: string | undefined;
10
+ onFocus?: import("react").FocusEventHandler<HTMLInputElement> | undefined;
11
+ onBlur?: import("react").FocusEventHandler<HTMLInputElement> | undefined;
12
+ onChange?: ((value: string) => void) | undefined;
13
+ value?: string | undefined;
14
+ testId?: string | undefined;
15
+ locale?: string | undefined;
16
+ clearControlLabel?: string | undefined;
17
+ isInvalid?: boolean | undefined;
18
+ isRequired?: boolean | undefined;
19
+ name?: string | undefined;
20
+ spacing?: import("..").Spacing | undefined;
21
+ datePickerProps?: import("..").DatePickerProps | undefined;
22
+ timePickerProps?: import("..").TimePickerProps | undefined;
23
+ parseValue?: ((dateTimeValue: string, date: string, time: string, timezone: string) => {
24
+ dateValue: string;
25
+ timeValue: string;
26
+ zoneValue: string;
27
+ }) | undefined;
28
+ } & {
29
+ ref?: import("react").Ref<any> | undefined;
30
+ createAnalyticsEvent?: import("@atlaskit/analytics-next").CreateUIAnalyticsEvent | undefined;
31
+ }, "ref"> & import("react").RefAttributes<any> & import("@atlaskit/analytics-next").WithContextProps, "ref"> & import("react").RefAttributes<any>, "ref"> & import("react").RefAttributes<any>>;
3
32
  export default DateTimePicker;
@@ -9,5 +9,5 @@ import { type TimePickerBaseProps } from '../types';
9
9
  * - [Code](https://atlassian.design/components/datetime-picker/time-picker/code)
10
10
  * - [Usage](https://atlassian.design/components/datetime-picker/time-picker/usage)
11
11
  */
12
- declare const TimePicker: React.ForwardRefExoticComponent<Pick<TimePickerBaseProps, "times" | "label" | "parseInputValue" | "formatDisplayLabel" | "placeholder" | "appearance" | "isDisabled" | "innerProps" | "selectProps" | "defaultValue" | "id" | "aria-describedby" | "onFocus" | "onBlur" | "onChange" | "value" | "testId" | "locale" | "createAnalyticsEvent" | "autoFocus" | "clearControlLabel" | "isInvalid" | "isRequired" | "name" | "spacing" | "defaultIsOpen" | "isOpen" | "hideIcon" | "timeIsEditable" | "timeFormat"> & React.RefAttributes<unknown>>;
12
+ declare const TimePicker: React.ForwardRefExoticComponent<Omit<TimePickerBaseProps, "ref"> & React.RefAttributes<unknown>>;
13
13
  export default TimePicker;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@atlaskit/datetime-picker",
3
- "version": "15.11.2",
3
+ "version": "15.12.1",
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/"
@@ -37,20 +37,20 @@
37
37
  "runReact18": true
38
38
  },
39
39
  "dependencies": {
40
- "@atlaskit/analytics-next": "^10.2.0",
41
- "@atlaskit/button": "^20.3.1",
42
- "@atlaskit/calendar": "^16.2.0",
43
- "@atlaskit/ds-lib": "^3.3.0",
44
- "@atlaskit/icon": "^23.4.0",
45
- "@atlaskit/layering": "^1.0.0",
40
+ "@atlaskit/analytics-next": "^10.3.0",
41
+ "@atlaskit/button": "^20.4.0",
42
+ "@atlaskit/calendar": "^16.3.0",
43
+ "@atlaskit/ds-lib": "^3.5.0",
44
+ "@atlaskit/icon": "^23.6.0",
45
+ "@atlaskit/layering": "^1.1.0",
46
46
  "@atlaskit/locale": "^2.8.0",
47
- "@atlaskit/platform-feature-flags": "^0.3.0",
48
- "@atlaskit/popper": "^6.3.0",
49
- "@atlaskit/primitives": "^13.3.0",
50
- "@atlaskit/select": "^18.9.0",
51
- "@atlaskit/theme": "^14.0.0",
52
- "@atlaskit/tokens": "^3.2.0",
53
- "@atlaskit/visually-hidden": "^1.5.0",
47
+ "@atlaskit/platform-feature-flags": "^1.0.0",
48
+ "@atlaskit/popper": "^6.4.0",
49
+ "@atlaskit/primitives": "^13.4.0",
50
+ "@atlaskit/select": "^18.10.0",
51
+ "@atlaskit/theme": "^14.1.0",
52
+ "@atlaskit/tokens": "^3.3.0",
53
+ "@atlaskit/visually-hidden": "^1.6.0",
54
54
  "@babel/runtime": "^7.0.0",
55
55
  "@emotion/react": "^11.7.1",
56
56
  "date-fns": "^2.17.0"
@@ -62,28 +62,28 @@
62
62
  "@af/accessibility-testing": "*",
63
63
  "@af/integration-testing": "*",
64
64
  "@af/visual-regression": "*",
65
- "@atlaskit/code": "^15.6.9",
65
+ "@atlaskit/code": "^15.7.0",
66
66
  "@atlaskit/codemod-utils": "4.2.4",
67
67
  "@atlaskit/docs": "*",
68
- "@atlaskit/form": "^11.0.0",
69
- "@atlaskit/heading": "^4.0.1",
70
- "@atlaskit/link": "^2.0.1",
71
- "@atlaskit/modal-dialog": "^12.19.0",
72
- "@atlaskit/popup": "^1.30.0",
73
- "@atlaskit/range": "^8.0.0",
74
- "@atlaskit/section-message": "^6.8.0",
68
+ "@atlaskit/form": "^11.1.0",
69
+ "@atlaskit/heading": "^4.1.0",
70
+ "@atlaskit/link": "^2.1.0",
71
+ "@atlaskit/modal-dialog": "^12.20.0",
72
+ "@atlaskit/popup": "^1.31.0",
73
+ "@atlaskit/range": "^8.1.0",
74
+ "@atlaskit/section-message": "^6.9.0",
75
75
  "@atlaskit/ssr": "*",
76
- "@atlaskit/textfield": "^6.7.0",
77
- "@atlaskit/toggle": "^14.0.0",
76
+ "@atlaskit/textfield": "^6.8.0",
77
+ "@atlaskit/toggle": "^14.1.0",
78
78
  "@atlaskit/visual-regression": "*",
79
79
  "@atlassian/feature-flags-test-utils": "*",
80
- "@testing-library/react": "^12.1.5",
80
+ "@testing-library/react": "^13.4.0",
81
81
  "@testing-library/user-event": "^14.4.3",
82
82
  "@types/testing-library__jest-dom": "^5.14.5",
83
83
  "jest-in-case": "^1.0.2",
84
84
  "jscodeshift": "^0.13.0",
85
85
  "moment": "^2.29.2",
86
- "react-dom": "^16.8.0",
86
+ "react-dom": "^18.2.0",
87
87
  "react-lorem-component": "^0.13.0",
88
88
  "typescript": "~5.4.2"
89
89
  },