@atlaskit/datetime-picker 15.4.2 → 15.5.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 +18 -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.js +1 -1
- package/dist/cjs/components/time-picker.js +9 -3
- 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.js +1 -1
- package/dist/es2019/components/time-picker.js +8 -3
- 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.js +1 -1
- package/dist/esm/components/time-picker.js +9 -3
- package/dist/types/components/date-time-picker.d.ts +1 -1
- package/dist/types/components/time-picker.d.ts +1 -1
- package/dist/types/types.d.ts +4 -0
- package/dist/types-ts4.5/components/date-time-picker.d.ts +1 -1
- package/dist/types-ts4.5/components/time-picker.d.ts +1 -1
- package/dist/types-ts4.5/types.d.ts +4 -0
- package/package.json +6 -6
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,23 @@
|
|
|
1
1
|
# @atlaskit/datetime-picker
|
|
2
2
|
|
|
3
|
+
## 15.5.0
|
|
4
|
+
|
|
5
|
+
### Minor Changes
|
|
6
|
+
|
|
7
|
+
- [#156026](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/156026)
|
|
8
|
+
[`709b9c76673df`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/709b9c76673df) -
|
|
9
|
+
Add clearControlLabel to timepicker component.
|
|
10
|
+
|
|
11
|
+
### Patch Changes
|
|
12
|
+
|
|
13
|
+
- Updated dependencies
|
|
14
|
+
|
|
15
|
+
## 15.4.3
|
|
16
|
+
|
|
17
|
+
### Patch Changes
|
|
18
|
+
|
|
19
|
+
- Updated dependencies
|
|
20
|
+
|
|
3
21
|
## 15.4.2
|
|
4
22
|
|
|
5
23
|
### Patch Changes
|
|
@@ -43,7 +43,7 @@ function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.
|
|
|
43
43
|
// version very soon from converting this to functional. And also React 18 is on
|
|
44
44
|
// the horizon
|
|
45
45
|
var packageName = "@atlaskit/datetime-picker";
|
|
46
|
-
var packageVersion = "15.
|
|
46
|
+
var packageVersion = "15.5.0";
|
|
47
47
|
var datePickerDefaultProps = {
|
|
48
48
|
defaultIsOpen: false,
|
|
49
49
|
defaultValue: '',
|
|
@@ -40,7 +40,7 @@ function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e;
|
|
|
40
40
|
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; }
|
|
41
41
|
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; }
|
|
42
42
|
var packageName = "@atlaskit/datetime-picker";
|
|
43
|
-
var packageVersion = "15.
|
|
43
|
+
var packageVersion = "15.5.0";
|
|
44
44
|
var analyticsAttributes = {
|
|
45
45
|
componentName: 'datePicker',
|
|
46
46
|
packageName: packageName,
|
|
@@ -38,7 +38,7 @@ var DatePicker = (0, _ffComponent.componentWithCondition)(function () {
|
|
|
38
38
|
return (0, _platformFeatureFlags.fg)('dst-date-picker-use-functional-component');
|
|
39
39
|
}, _datePickerFc.default, _datePickerClass.default);
|
|
40
40
|
var packageName = "@atlaskit/datetime-picker";
|
|
41
|
-
var packageVersion = "15.
|
|
41
|
+
var packageVersion = "15.5.0";
|
|
42
42
|
// Make DatePicker 50% the width of DateTimePicker
|
|
43
43
|
// If rendering an icon container, shrink the TimePicker
|
|
44
44
|
var datePickerContainerStyles = (0, _react2.css)({
|
|
@@ -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.5.0";
|
|
31
31
|
var menuStyles = {
|
|
32
32
|
/* Need to remove default absolute positioning as that causes issues with position fixed */
|
|
33
33
|
position: 'static',
|
|
@@ -57,6 +57,8 @@ var TimePicker = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
|
|
|
57
57
|
appearance = _ref$appearance === void 0 ? 'default' : _ref$appearance,
|
|
58
58
|
_ref$autoFocus = _ref.autoFocus,
|
|
59
59
|
autoFocus = _ref$autoFocus === void 0 ? false : _ref$autoFocus,
|
|
60
|
+
_ref$clearControlLabe = _ref.clearControlLabel,
|
|
61
|
+
clearControlLabel = _ref$clearControlLabe === void 0 ? 'clear timepicker' : _ref$clearControlLabe,
|
|
60
62
|
_ref$defaultIsOpen = _ref.defaultIsOpen,
|
|
61
63
|
defaultIsOpen = _ref$defaultIsOpen === void 0 ? false : _ref$defaultIsOpen,
|
|
62
64
|
_ref$defaultValue = _ref.defaultValue,
|
|
@@ -315,8 +317,12 @@ var TimePicker = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
|
|
|
315
317
|
}), /*#__PURE__*/_react.default.createElement(SelectComponent, (0, _extends2.default)({
|
|
316
318
|
"aria-describedby": ariaDescribedBy,
|
|
317
319
|
"aria-label": label || undefined,
|
|
318
|
-
appearance: appearance
|
|
320
|
+
appearance: appearance
|
|
321
|
+
// we need this disabled as we might need focus to move to the select
|
|
322
|
+
// eslint-disable-next-line jsx-a11y/no-autofocus
|
|
323
|
+
,
|
|
319
324
|
autoFocus: autoFocus,
|
|
325
|
+
clearControlLabel: clearControlLabel,
|
|
320
326
|
components: selectComponents,
|
|
321
327
|
inputId: id,
|
|
322
328
|
isClearable: true,
|
|
@@ -337,7 +343,7 @@ var TimePicker = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
|
|
|
337
343
|
value: initialValue,
|
|
338
344
|
spacing: spacing
|
|
339
345
|
// We need this to get things to work, even though it's not supported.
|
|
340
|
-
// @ts-ignore
|
|
346
|
+
// @ts-ignore
|
|
341
347
|
,
|
|
342
348
|
fixedLayerRef: containerRef,
|
|
343
349
|
isInvalid: isInvalid,
|
|
@@ -26,7 +26,7 @@ import { Menu } from '../internal/menu';
|
|
|
26
26
|
import { getSafeCalendarValue, getShortISOString } from '../internal/parse-date';
|
|
27
27
|
import { makeSingleValue } from '../internal/single-value';
|
|
28
28
|
const packageName = "@atlaskit/datetime-picker";
|
|
29
|
-
const packageVersion = "15.
|
|
29
|
+
const packageVersion = "15.5.0";
|
|
30
30
|
const datePickerDefaultProps = {
|
|
31
31
|
defaultIsOpen: false,
|
|
32
32
|
defaultValue: '',
|
|
@@ -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.5.0";
|
|
29
29
|
const analyticsAttributes = {
|
|
30
30
|
componentName: 'datePicker',
|
|
31
31
|
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.5.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({
|
|
@@ -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.5.0";
|
|
15
15
|
const menuStyles = {
|
|
16
16
|
/* Need to remove default absolute positioning as that causes issues with position fixed */
|
|
17
17
|
position: 'static',
|
|
@@ -39,6 +39,7 @@ const TimePicker = /*#__PURE__*/forwardRef(({
|
|
|
39
39
|
'aria-describedby': ariaDescribedBy,
|
|
40
40
|
appearance = 'default',
|
|
41
41
|
autoFocus = false,
|
|
42
|
+
clearControlLabel = 'clear timepicker',
|
|
42
43
|
defaultIsOpen = false,
|
|
43
44
|
defaultValue = '',
|
|
44
45
|
formatDisplayLabel,
|
|
@@ -262,8 +263,12 @@ const TimePicker = /*#__PURE__*/forwardRef(({
|
|
|
262
263
|
}), /*#__PURE__*/React.createElement(SelectComponent, _extends({
|
|
263
264
|
"aria-describedby": ariaDescribedBy,
|
|
264
265
|
"aria-label": label || undefined,
|
|
265
|
-
appearance: appearance
|
|
266
|
+
appearance: appearance
|
|
267
|
+
// we need this disabled as we might need focus to move to the select
|
|
268
|
+
// eslint-disable-next-line jsx-a11y/no-autofocus
|
|
269
|
+
,
|
|
266
270
|
autoFocus: autoFocus,
|
|
271
|
+
clearControlLabel: clearControlLabel,
|
|
267
272
|
components: selectComponents,
|
|
268
273
|
inputId: id,
|
|
269
274
|
isClearable: true,
|
|
@@ -284,7 +289,7 @@ const TimePicker = /*#__PURE__*/forwardRef(({
|
|
|
284
289
|
value: initialValue,
|
|
285
290
|
spacing: spacing
|
|
286
291
|
// We need this to get things to work, even though it's not supported.
|
|
287
|
-
// @ts-ignore
|
|
292
|
+
// @ts-ignore
|
|
288
293
|
,
|
|
289
294
|
fixedLayerRef: containerRef,
|
|
290
295
|
isInvalid: isInvalid,
|
|
@@ -36,7 +36,7 @@ import { Menu } from '../internal/menu';
|
|
|
36
36
|
import { getSafeCalendarValue, getShortISOString } from '../internal/parse-date';
|
|
37
37
|
import { makeSingleValue } from '../internal/single-value';
|
|
38
38
|
var packageName = "@atlaskit/datetime-picker";
|
|
39
|
-
var packageVersion = "15.
|
|
39
|
+
var packageVersion = "15.5.0";
|
|
40
40
|
var datePickerDefaultProps = {
|
|
41
41
|
defaultIsOpen: false,
|
|
42
42
|
defaultValue: '',
|
|
@@ -31,7 +31,7 @@ import { Menu } from '../internal/menu';
|
|
|
31
31
|
import { getSafeCalendarValue, getShortISOString } from '../internal/parse-date';
|
|
32
32
|
import { makeSingleValue } from '../internal/single-value';
|
|
33
33
|
var packageName = "@atlaskit/datetime-picker";
|
|
34
|
-
var packageVersion = "15.
|
|
34
|
+
var packageVersion = "15.5.0";
|
|
35
35
|
var analyticsAttributes = {
|
|
36
36
|
componentName: 'datePicker',
|
|
37
37
|
packageName: packageName,
|
|
@@ -34,7 +34,7 @@ var DatePicker = componentWithCondition(function () {
|
|
|
34
34
|
return fg('dst-date-picker-use-functional-component');
|
|
35
35
|
}, DatePickerNew, DatePickerOld);
|
|
36
36
|
var packageName = "@atlaskit/datetime-picker";
|
|
37
|
-
var packageVersion = "15.
|
|
37
|
+
var packageVersion = "15.5.0";
|
|
38
38
|
// Make DatePicker 50% the width of DateTimePicker
|
|
39
39
|
// If rendering an icon container, shrink the TimePicker
|
|
40
40
|
var datePickerContainerStyles = css({
|
|
@@ -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.5.0";
|
|
21
21
|
var menuStyles = {
|
|
22
22
|
/* Need to remove default absolute positioning as that causes issues with position fixed */
|
|
23
23
|
position: 'static',
|
|
@@ -47,6 +47,8 @@ var TimePicker = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
|
47
47
|
appearance = _ref$appearance === void 0 ? 'default' : _ref$appearance,
|
|
48
48
|
_ref$autoFocus = _ref.autoFocus,
|
|
49
49
|
autoFocus = _ref$autoFocus === void 0 ? false : _ref$autoFocus,
|
|
50
|
+
_ref$clearControlLabe = _ref.clearControlLabel,
|
|
51
|
+
clearControlLabel = _ref$clearControlLabe === void 0 ? 'clear timepicker' : _ref$clearControlLabe,
|
|
50
52
|
_ref$defaultIsOpen = _ref.defaultIsOpen,
|
|
51
53
|
defaultIsOpen = _ref$defaultIsOpen === void 0 ? false : _ref$defaultIsOpen,
|
|
52
54
|
_ref$defaultValue = _ref.defaultValue,
|
|
@@ -305,8 +307,12 @@ var TimePicker = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
|
305
307
|
}), /*#__PURE__*/React.createElement(SelectComponent, _extends({
|
|
306
308
|
"aria-describedby": ariaDescribedBy,
|
|
307
309
|
"aria-label": label || undefined,
|
|
308
|
-
appearance: appearance
|
|
310
|
+
appearance: appearance
|
|
311
|
+
// we need this disabled as we might need focus to move to the select
|
|
312
|
+
// eslint-disable-next-line jsx-a11y/no-autofocus
|
|
313
|
+
,
|
|
309
314
|
autoFocus: autoFocus,
|
|
315
|
+
clearControlLabel: clearControlLabel,
|
|
310
316
|
components: selectComponents,
|
|
311
317
|
inputId: id,
|
|
312
318
|
isClearable: true,
|
|
@@ -327,7 +333,7 @@ var TimePicker = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
|
327
333
|
value: initialValue,
|
|
328
334
|
spacing: spacing
|
|
329
335
|
// We need this to get things to work, even though it's not supported.
|
|
330
|
-
// @ts-ignore
|
|
336
|
+
// @ts-ignore
|
|
331
337
|
,
|
|
332
338
|
fixedLayerRef: containerRef,
|
|
333
339
|
isInvalid: isInvalid,
|
|
@@ -52,5 +52,5 @@ 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>, "testId" | "appearance" | "innerProps" | "isDisabled" | "defaultValue" | "id" | "aria-describedby" | "onFocus" | "onBlur" | "onChange" | "locale" | "value" | "autoFocus" | "
|
|
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>, "testId" | "appearance" | "innerProps" | "isDisabled" | "defaultValue" | "id" | "aria-describedby" | "onFocus" | "onBlur" | "onChange" | "locale" | "value" | "autoFocus" | "clearControlLabel" | "isInvalid" | "isRequired" | "name" | "spacing" | "datePickerProps" | "timePickerProps" | "parseValue">> & Partial<Pick<DateTimePickerBaseProps, "ref" | "createAnalyticsEvent">>, "testId" | "appearance" | "innerProps" | "isDisabled" | "defaultValue" | "id" | "aria-describedby" | "onFocus" | "onBlur" | "onChange" | "locale" | "createAnalyticsEvent" | "value" | "autoFocus" | "clearControlLabel" | "isInvalid" | "isRequired" | "name" | "spacing" | "datePickerProps" | "timePickerProps" | "parseValue"> & React.RefAttributes<any> & import("@atlaskit/analytics-next").WithContextProps, "key" | "testId" | "appearance" | "innerProps" | "isDisabled" | "defaultValue" | "id" | "aria-describedby" | "onFocus" | "onBlur" | "onChange" | "locale" | "analyticsContext" | "createAnalyticsEvent" | "value" | "autoFocus" | "clearControlLabel" | "isInvalid" | "isRequired" | "name" | "spacing" | "datePickerProps" | "timePickerProps" | "parseValue"> & React.RefAttributes<any>>;
|
|
56
56
|
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" | "testId" | "appearance" | "selectProps" | "innerProps" | "isDisabled" | "defaultValue" | "id" | "aria-describedby" | "onFocus" | "onBlur" | "onChange" | "locale" | "createAnalyticsEvent" | "value" | "autoFocus" | "isInvalid" | "isRequired" | "name" | "spacing" | "defaultIsOpen" | "isOpen" | "hideIcon" | "timeIsEditable" | "timeFormat"> & React.RefAttributes<unknown>>;
|
|
12
|
+
declare const TimePicker: React.ForwardRefExoticComponent<Pick<TimePickerBaseProps, "times" | "label" | "parseInputValue" | "formatDisplayLabel" | "placeholder" | "testId" | "appearance" | "selectProps" | "innerProps" | "isDisabled" | "defaultValue" | "id" | "aria-describedby" | "onFocus" | "onBlur" | "onChange" | "locale" | "createAnalyticsEvent" | "value" | "autoFocus" | "clearControlLabel" | "isInvalid" | "isRequired" | "name" | "spacing" | "defaultIsOpen" | "isOpen" | "hideIcon" | "timeIsEditable" | "timeFormat"> & React.RefAttributes<unknown>>;
|
|
13
13
|
export default TimePicker;
|
package/dist/types/types.d.ts
CHANGED
|
@@ -269,6 +269,10 @@ export interface TimePickerBaseProps extends WithAnalyticsEventsProps, PickerSel
|
|
|
269
269
|
* Set the picker to autofocus on mount.
|
|
270
270
|
*/
|
|
271
271
|
autoFocus?: boolean;
|
|
272
|
+
/**
|
|
273
|
+
* Set the aria-label for the clear button
|
|
274
|
+
*/
|
|
275
|
+
clearControlLabel?: string;
|
|
272
276
|
/**
|
|
273
277
|
* The default for `isOpen`.
|
|
274
278
|
*
|
|
@@ -52,5 +52,5 @@ 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>, "testId" | "appearance" | "innerProps" | "isDisabled" | "defaultValue" | "id" | "aria-describedby" | "onFocus" | "onBlur" | "onChange" | "locale" | "value" | "autoFocus" | "
|
|
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>, "testId" | "appearance" | "innerProps" | "isDisabled" | "defaultValue" | "id" | "aria-describedby" | "onFocus" | "onBlur" | "onChange" | "locale" | "value" | "autoFocus" | "clearControlLabel" | "isInvalid" | "isRequired" | "name" | "spacing" | "datePickerProps" | "timePickerProps" | "parseValue">> & Partial<Pick<DateTimePickerBaseProps, "ref" | "createAnalyticsEvent">>, "testId" | "appearance" | "innerProps" | "isDisabled" | "defaultValue" | "id" | "aria-describedby" | "onFocus" | "onBlur" | "onChange" | "locale" | "createAnalyticsEvent" | "value" | "autoFocus" | "clearControlLabel" | "isInvalid" | "isRequired" | "name" | "spacing" | "datePickerProps" | "timePickerProps" | "parseValue"> & React.RefAttributes<any> & import("@atlaskit/analytics-next").WithContextProps, "key" | "testId" | "appearance" | "innerProps" | "isDisabled" | "defaultValue" | "id" | "aria-describedby" | "onFocus" | "onBlur" | "onChange" | "locale" | "analyticsContext" | "createAnalyticsEvent" | "value" | "autoFocus" | "clearControlLabel" | "isInvalid" | "isRequired" | "name" | "spacing" | "datePickerProps" | "timePickerProps" | "parseValue"> & React.RefAttributes<any>>;
|
|
56
56
|
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" | "testId" | "appearance" | "selectProps" | "innerProps" | "isDisabled" | "defaultValue" | "id" | "aria-describedby" | "onFocus" | "onBlur" | "onChange" | "locale" | "createAnalyticsEvent" | "value" | "autoFocus" | "isInvalid" | "isRequired" | "name" | "spacing" | "defaultIsOpen" | "isOpen" | "hideIcon" | "timeIsEditable" | "timeFormat"> & React.RefAttributes<unknown>>;
|
|
12
|
+
declare const TimePicker: React.ForwardRefExoticComponent<Pick<TimePickerBaseProps, "times" | "label" | "parseInputValue" | "formatDisplayLabel" | "placeholder" | "testId" | "appearance" | "selectProps" | "innerProps" | "isDisabled" | "defaultValue" | "id" | "aria-describedby" | "onFocus" | "onBlur" | "onChange" | "locale" | "createAnalyticsEvent" | "value" | "autoFocus" | "clearControlLabel" | "isInvalid" | "isRequired" | "name" | "spacing" | "defaultIsOpen" | "isOpen" | "hideIcon" | "timeIsEditable" | "timeFormat"> & React.RefAttributes<unknown>>;
|
|
13
13
|
export default TimePicker;
|
|
@@ -269,6 +269,10 @@ export interface TimePickerBaseProps extends WithAnalyticsEventsProps, PickerSel
|
|
|
269
269
|
* Set the picker to autofocus on mount.
|
|
270
270
|
*/
|
|
271
271
|
autoFocus?: boolean;
|
|
272
|
+
/**
|
|
273
|
+
* Set the aria-label for the clear button
|
|
274
|
+
*/
|
|
275
|
+
clearControlLabel?: string;
|
|
272
276
|
/**
|
|
273
277
|
* The default for `isOpen`.
|
|
274
278
|
*
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@atlaskit/datetime-picker",
|
|
3
|
-
"version": "15.
|
|
3
|
+
"version": "15.5.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/"
|
|
@@ -38,13 +38,13 @@
|
|
|
38
38
|
"@atlaskit/analytics-next": "^10.1.0",
|
|
39
39
|
"@atlaskit/calendar": "^15.0.0",
|
|
40
40
|
"@atlaskit/ds-lib": "^3.1.0",
|
|
41
|
-
"@atlaskit/icon": "^22.
|
|
42
|
-
"@atlaskit/layering": "^0.
|
|
41
|
+
"@atlaskit/icon": "^22.24.0",
|
|
42
|
+
"@atlaskit/layering": "^0.7.0",
|
|
43
43
|
"@atlaskit/locale": "^2.8.0",
|
|
44
44
|
"@atlaskit/platform-feature-flags": "^0.3.0",
|
|
45
45
|
"@atlaskit/popper": "^6.3.0",
|
|
46
46
|
"@atlaskit/primitives": "^12.2.0",
|
|
47
|
-
"@atlaskit/select": "^18.
|
|
47
|
+
"@atlaskit/select": "^18.3.0",
|
|
48
48
|
"@atlaskit/theme": "^14.0.0",
|
|
49
49
|
"@atlaskit/tokens": "^2.0.0",
|
|
50
50
|
"@babel/runtime": "^7.0.0",
|
|
@@ -59,12 +59,12 @@
|
|
|
59
59
|
"@af/accessibility-testing": "*",
|
|
60
60
|
"@af/integration-testing": "*",
|
|
61
61
|
"@af/visual-regression": "*",
|
|
62
|
-
"@atlaskit/button": "^20.
|
|
62
|
+
"@atlaskit/button": "^20.3.0",
|
|
63
63
|
"@atlaskit/codemod-utils": "4.2.4",
|
|
64
64
|
"@atlaskit/docs": "*",
|
|
65
65
|
"@atlaskit/form": "^10.5.0",
|
|
66
66
|
"@atlaskit/modal-dialog": "^12.17.0",
|
|
67
|
-
"@atlaskit/popup": "^1.
|
|
67
|
+
"@atlaskit/popup": "^1.29.0",
|
|
68
68
|
"@atlaskit/range": "^7.4.0",
|
|
69
69
|
"@atlaskit/section-message": "^6.6.0",
|
|
70
70
|
"@atlaskit/ssr": "*",
|