@atlaskit/datetime-picker 15.11.2 → 15.12.0
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.
- package/CHANGELOG.md +12 -0
- package/dist/cjs/components/date-picker-class.js +1 -1
- package/dist/cjs/components/date-picker-fc.js +1 -1
- package/dist/cjs/components/date-time-picker-class.js +1 -1
- package/dist/cjs/components/date-time-picker-fc.js +1 -1
- package/dist/cjs/components/time-picker.js +1 -1
- package/dist/es2019/components/date-picker-class.js +1 -1
- package/dist/es2019/components/date-picker-fc.js +1 -1
- package/dist/es2019/components/date-time-picker-class.js +1 -1
- package/dist/es2019/components/date-time-picker-fc.js +1 -1
- package/dist/es2019/components/time-picker.js +1 -1
- package/dist/esm/components/date-picker-class.js +1 -1
- package/dist/esm/components/date-picker-fc.js +1 -1
- package/dist/esm/components/date-time-picker-class.js +1 -1
- package/dist/esm/components/date-time-picker-fc.js +1 -1
- package/dist/esm/components/time-picker.js +1 -1
- package/dist/types/components/date-picker-class.d.ts +13 -22
- package/dist/types/components/date-picker-fc.d.ts +2 -12
- package/dist/types/components/date-picker.d.ts +13 -32
- package/dist/types/components/date-time-picker-class.d.ts +30 -1
- package/dist/types/components/date-time-picker-fc.d.ts +1 -1
- package/dist/types/components/date-time-picker.d.ts +30 -1
- package/dist/types/components/time-picker.d.ts +1 -1
- package/dist/types-ts4.5/components/date-picker-class.d.ts +13 -22
- package/dist/types-ts4.5/components/date-picker-fc.d.ts +2 -12
- package/dist/types-ts4.5/components/date-picker.d.ts +13 -32
- package/dist/types-ts4.5/components/date-time-picker-class.d.ts +30 -1
- package/dist/types-ts4.5/components/date-time-picker-fc.d.ts +1 -1
- package/dist/types-ts4.5/components/date-time-picker.d.ts +30 -1
- package/dist/types-ts4.5/components/time-picker.d.ts +1 -1
- package/package.json +25 -25
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,17 @@
|
|
|
1
1
|
# @atlaskit/datetime-picker
|
|
2
2
|
|
|
3
|
+
## 15.12.0
|
|
4
|
+
|
|
5
|
+
### Minor Changes
|
|
6
|
+
|
|
7
|
+
- [#109060](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/109060)
|
|
8
|
+
[`4660ec858a305`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/4660ec858a305) -
|
|
9
|
+
Update `React` from v16 to v18
|
|
10
|
+
|
|
11
|
+
### Patch Changes
|
|
12
|
+
|
|
13
|
+
- Updated dependencies
|
|
14
|
+
|
|
3
15
|
## 15.11.2
|
|
4
16
|
|
|
5
17
|
### 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.
|
|
44
|
+
var packageVersion = "15.12.0";
|
|
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.
|
|
42
|
+
var packageVersion = "15.12.0";
|
|
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.
|
|
40
|
+
var packageVersion = "15.12.0";
|
|
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.
|
|
40
|
+
var packageVersion = "15.12.0";
|
|
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.
|
|
30
|
+
var packageVersion = "15.12.0";
|
|
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.
|
|
28
|
+
const packageVersion = "15.12.0";
|
|
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.
|
|
27
|
+
const packageVersion = "15.12.0";
|
|
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.
|
|
25
|
+
const packageVersion = "15.12.0";
|
|
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.
|
|
21
|
+
const packageVersion = "15.12.0";
|
|
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.
|
|
14
|
+
const packageVersion = "15.12.0";
|
|
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.
|
|
37
|
+
var packageVersion = "15.12.0";
|
|
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.
|
|
33
|
+
var packageVersion = "15.12.0";
|
|
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.
|
|
36
|
+
var packageVersion = "15.12.0";
|
|
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.
|
|
30
|
+
var packageVersion = "15.12.0";
|
|
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.
|
|
20
|
+
var packageVersion = "15.12.0";
|
|
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<
|
|
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" | "
|
|
106
|
-
|
|
107
|
-
defaultValue
|
|
108
|
-
|
|
109
|
-
|
|
110
|
-
|
|
111
|
-
|
|
112
|
-
|
|
113
|
-
|
|
114
|
-
} &
|
|
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
|
|
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<
|
|
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<
|
|
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" | "
|
|
22
|
-
|
|
23
|
-
defaultValue
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
} & import("
|
|
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<
|
|
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<
|
|
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<
|
|
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<
|
|
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<
|
|
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" | "
|
|
106
|
-
|
|
107
|
-
defaultValue
|
|
108
|
-
|
|
109
|
-
|
|
110
|
-
|
|
111
|
-
|
|
112
|
-
|
|
113
|
-
|
|
114
|
-
} &
|
|
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
|
|
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<
|
|
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<
|
|
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" | "
|
|
22
|
-
|
|
23
|
-
defaultValue
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
} & import("
|
|
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<
|
|
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<
|
|
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<
|
|
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<
|
|
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.
|
|
3
|
+
"version": "15.12.0",
|
|
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.
|
|
41
|
-
"@atlaskit/button": "^20.
|
|
42
|
-
"@atlaskit/calendar": "^16.
|
|
43
|
-
"@atlaskit/ds-lib": "^3.
|
|
44
|
-
"@atlaskit/icon": "^23.
|
|
45
|
-
"@atlaskit/layering": "^1.
|
|
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.5.0",
|
|
45
|
+
"@atlaskit/layering": "^1.1.0",
|
|
46
46
|
"@atlaskit/locale": "^2.8.0",
|
|
47
47
|
"@atlaskit/platform-feature-flags": "^0.3.0",
|
|
48
|
-
"@atlaskit/popper": "^6.
|
|
49
|
-
"@atlaskit/primitives": "^13.
|
|
50
|
-
"@atlaskit/select": "^18.
|
|
51
|
-
"@atlaskit/theme": "^14.
|
|
52
|
-
"@atlaskit/tokens": "^3.
|
|
53
|
-
"@atlaskit/visually-hidden": "^1.
|
|
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.
|
|
65
|
+
"@atlaskit/code": "^15.7.0",
|
|
66
66
|
"@atlaskit/codemod-utils": "4.2.4",
|
|
67
67
|
"@atlaskit/docs": "*",
|
|
68
|
-
"@atlaskit/form": "^11.
|
|
69
|
-
"@atlaskit/heading": "^4.0
|
|
70
|
-
"@atlaskit/link": "^2.0
|
|
71
|
-
"@atlaskit/modal-dialog": "^12.
|
|
72
|
-
"@atlaskit/popup": "^1.
|
|
73
|
-
"@atlaskit/range": "^8.
|
|
74
|
-
"@atlaskit/section-message": "^6.
|
|
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.
|
|
77
|
-
"@atlaskit/toggle": "^14.
|
|
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": "^
|
|
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": "^
|
|
86
|
+
"react-dom": "^18.2.0",
|
|
87
87
|
"react-lorem-component": "^0.13.0",
|
|
88
88
|
"typescript": "~5.4.2"
|
|
89
89
|
},
|