@atlaskit/datetime-picker 17.1.6 → 17.1.8

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 (17) hide show
  1. package/CHANGELOG.md +13 -0
  2. package/dist/cjs/components/date-picker-class.js +1 -1
  3. package/dist/cjs/components/date-picker-fc.js +2 -2
  4. package/dist/cjs/components/date-time-picker-class.js +1 -1
  5. package/dist/cjs/components/date-time-picker-fc.js +44 -44
  6. package/dist/cjs/components/time-picker.js +54 -54
  7. package/dist/es2019/components/date-picker-class.js +1 -1
  8. package/dist/es2019/components/date-picker-fc.js +2 -2
  9. package/dist/es2019/components/date-time-picker-class.js +1 -1
  10. package/dist/es2019/components/date-time-picker-fc.js +2 -2
  11. package/dist/es2019/components/time-picker.js +2 -2
  12. package/dist/esm/components/date-picker-class.js +1 -1
  13. package/dist/esm/components/date-picker-fc.js +2 -2
  14. package/dist/esm/components/date-time-picker-class.js +1 -1
  15. package/dist/esm/components/date-time-picker-fc.js +44 -44
  16. package/dist/esm/components/time-picker.js +54 -54
  17. package/package.json +4 -4
package/CHANGELOG.md CHANGED
@@ -1,5 +1,18 @@
1
1
  # @atlaskit/datetime-picker
2
2
 
3
+ ## 17.1.8
4
+
5
+ ### Patch Changes
6
+
7
+ - Updated dependencies
8
+
9
+ ## 17.1.7
10
+
11
+ ### Patch Changes
12
+
13
+ - [`329c88647d73e`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/329c88647d73e) -
14
+ Improve accessible description of date picker.
15
+
3
16
  ## 17.1.6
4
17
 
5
18
  ### Patch Changes
package/dist/cjs/components/date-picker-class.js CHANGED
@@ -40,7 +40,7 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
40
40
  function _callSuper(t, o, e) { return o = (0, _getPrototypeOf2.default)(o), (0, _possibleConstructorReturn2.default)(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], (0, _getPrototypeOf2.default)(t).constructor) : o.apply(t, e)); }
41
41
  function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); } /// <reference types="node" />
42
42
  var packageName = "@atlaskit/datetime-picker";
43
- var packageVersion = "0.0.0-development";
43
+ var packageVersion = "17.1.7";
44
44
  var datePickerDefaultProps = {
45
45
  defaultIsOpen: false,
46
46
  defaultValue: '',
package/dist/cjs/components/date-picker-fc.js CHANGED
@@ -37,7 +37,7 @@ function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r
37
37
  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; }
38
38
  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; }
39
39
  var packageName = "@atlaskit/datetime-picker";
40
- var packageVersion = "0.0.0-development";
40
+ var packageVersion = "17.1.7";
41
41
  var styles = {
42
42
  pickerContainerStyle: "_kqswh2mm",
43
43
  dropdownIndicatorStyles: "_1ul91k8s _1tke1k8s _1e0c1txw _4cvr1h6o _1bah1h6o",
@@ -60,7 +60,7 @@ var analyticsAttributes = {
60
60
  * - [Code](https://atlassian.design/components/datetime-picker/date-picker/code)
61
61
  * - [Usage](https://atlassian.design/components/datetime-picker/date-picker/usage)
62
62
  */
63
- var DatePicker = /*#__PURE__*/(0, _react.forwardRef)(function (props, forwardedRef) {
63
+ var DatePicker = /*#__PURE__*/(0, _react.forwardRef)(function (props, _forwardedRef) {
64
64
  var containerRef = (0, _react.useRef)(null);
65
65
  var calendarRef = (0, _react.useRef)(null);
66
66
  var calendarButtonRef = (0, _react.useRef)(null);
package/dist/cjs/components/date-time-picker-class.js CHANGED
@@ -35,7 +35,7 @@ var DatePicker = (0, _ffComponent.componentWithCondition)(function () {
35
35
  return (0, _platformFeatureFlags.fg)('dst-date-picker-use-functional-component');
36
36
  }, _datePickerFc.default, _datePickerClass.default);
37
37
  var packageName = "@atlaskit/datetime-picker";
38
- var packageVersion = "0.0.0-development";
38
+ var packageVersion = "17.1.7";
39
39
  var compiledStyles = {
40
40
  datePickerContainerStyles: "_i0dl1ssb _16jlkb7n _1o9zidpf",
41
41
  timePickerContainerStyles: "_i0dl1ssb _16jlkb7n",
package/dist/cjs/components/date-time-picker-fc.js CHANGED
@@ -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 = "0.0.0-development";
41
+ var packageVersion = "17.1.7";
42
42
  var analyticsAttributes = {
43
43
  componentName: 'dateTimePicker',
44
44
  packageName: packageName,
@@ -77,45 +77,45 @@ var timePickerDefaultAriaLabel = exports.timePickerDefaultAriaLabel = 'Time';
77
77
  * - [Code](https://atlassian.design/components/datetime-picker/code)
78
78
  * - [Usage](https://atlassian.design/components/datetime-picker/usage)
79
79
  */
80
- var DateTimePicker = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
81
- var ariaDescribedBy = _ref['aria-describedby'],
82
- _ref$appearance = _ref.appearance,
83
- appearance = _ref$appearance === void 0 ? 'default' : _ref$appearance,
84
- _ref$autoFocus = _ref.autoFocus,
85
- autoFocus = _ref$autoFocus === void 0 ? false : _ref$autoFocus,
86
- _ref$clearControlLabe = _ref.clearControlLabel,
87
- clearControlLabel = _ref$clearControlLabe === void 0 ? 'clear' : _ref$clearControlLabe,
88
- _ref$datePickerProps = _ref.datePickerProps,
89
- datePickerPropsWithSelectProps = _ref$datePickerProps === void 0 ? {} : _ref$datePickerProps,
90
- _ref$defaultValue = _ref.defaultValue,
91
- defaultValue = _ref$defaultValue === void 0 ? '' : _ref$defaultValue,
92
- _ref$id = _ref.id,
93
- id = _ref$id === void 0 ? '' : _ref$id,
94
- _ref$innerProps = _ref.innerProps,
95
- innerProps = _ref$innerProps === void 0 ? {} : _ref$innerProps,
96
- _ref$isDisabled = _ref.isDisabled,
97
- isDisabled = _ref$isDisabled === void 0 ? false : _ref$isDisabled,
98
- _ref$isInvalid = _ref.isInvalid,
99
- isInvalid = _ref$isInvalid === void 0 ? false : _ref$isInvalid,
100
- _ref$isRequired = _ref.isRequired,
101
- isRequired = _ref$isRequired === void 0 ? false : _ref$isRequired,
102
- _ref$name = _ref.name,
103
- name = _ref$name === void 0 ? '' : _ref$name,
104
- _ref$onBlur = _ref.onBlur,
105
- onBlur = _ref$onBlur === void 0 ? function (_event) {} : _ref$onBlur,
106
- _ref$onChange = _ref.onChange,
107
- onChangeProp = _ref$onChange === void 0 ? function (_value) {} : _ref$onChange,
108
- _ref$onFocus = _ref.onFocus,
109
- onFocus = _ref$onFocus === void 0 ? function (_event) {} : _ref$onFocus,
110
- providedParseValue = _ref.parseValue,
111
- _ref$spacing = _ref.spacing,
112
- spacing = _ref$spacing === void 0 ? 'default' : _ref$spacing,
113
- _ref$locale = _ref.locale,
114
- locale = _ref$locale === void 0 ? 'en-US' : _ref$locale,
115
- testId = _ref.testId,
116
- _ref$timePickerProps = _ref.timePickerProps,
117
- timePickerPropsWithSelectProps = _ref$timePickerProps === void 0 ? {} : _ref$timePickerProps,
118
- providedValue = _ref.value;
80
+ var DateTimePicker = /*#__PURE__*/(0, _react.forwardRef)(function (_ref2, _ref) {
81
+ var ariaDescribedBy = _ref2['aria-describedby'],
82
+ _ref2$appearance = _ref2.appearance,
83
+ appearance = _ref2$appearance === void 0 ? 'default' : _ref2$appearance,
84
+ _ref2$autoFocus = _ref2.autoFocus,
85
+ autoFocus = _ref2$autoFocus === void 0 ? false : _ref2$autoFocus,
86
+ _ref2$clearControlLab = _ref2.clearControlLabel,
87
+ clearControlLabel = _ref2$clearControlLab === void 0 ? 'clear' : _ref2$clearControlLab,
88
+ _ref2$datePickerProps = _ref2.datePickerProps,
89
+ datePickerPropsWithSelectProps = _ref2$datePickerProps === void 0 ? {} : _ref2$datePickerProps,
90
+ _ref2$defaultValue = _ref2.defaultValue,
91
+ defaultValue = _ref2$defaultValue === void 0 ? '' : _ref2$defaultValue,
92
+ _ref2$id = _ref2.id,
93
+ id = _ref2$id === void 0 ? '' : _ref2$id,
94
+ _ref2$innerProps = _ref2.innerProps,
95
+ innerProps = _ref2$innerProps === void 0 ? {} : _ref2$innerProps,
96
+ _ref2$isDisabled = _ref2.isDisabled,
97
+ isDisabled = _ref2$isDisabled === void 0 ? false : _ref2$isDisabled,
98
+ _ref2$isInvalid = _ref2.isInvalid,
99
+ isInvalid = _ref2$isInvalid === void 0 ? false : _ref2$isInvalid,
100
+ _ref2$isRequired = _ref2.isRequired,
101
+ isRequired = _ref2$isRequired === void 0 ? false : _ref2$isRequired,
102
+ _ref2$name = _ref2.name,
103
+ name = _ref2$name === void 0 ? '' : _ref2$name,
104
+ _ref2$onBlur = _ref2.onBlur,
105
+ onBlur = _ref2$onBlur === void 0 ? function (_event) {} : _ref2$onBlur,
106
+ _ref2$onChange = _ref2.onChange,
107
+ onChangeProp = _ref2$onChange === void 0 ? function (_value) {} : _ref2$onChange,
108
+ _ref2$onFocus = _ref2.onFocus,
109
+ onFocus = _ref2$onFocus === void 0 ? function (_event) {} : _ref2$onFocus,
110
+ providedParseValue = _ref2.parseValue,
111
+ _ref2$spacing = _ref2.spacing,
112
+ spacing = _ref2$spacing === void 0 ? 'default' : _ref2$spacing,
113
+ _ref2$locale = _ref2.locale,
114
+ locale = _ref2$locale === void 0 ? 'en-US' : _ref2$locale,
115
+ testId = _ref2.testId,
116
+ _ref2$timePickerProps = _ref2.timePickerProps,
117
+ timePickerPropsWithSelectProps = _ref2$timePickerProps === void 0 ? {} : _ref2$timePickerProps,
118
+ providedValue = _ref2.value;
119
119
  var _useState = (0, _react.useState)((datePickerPropsWithSelectProps === null || datePickerPropsWithSelectProps === void 0 ? void 0 : datePickerPropsWithSelectProps.defaultValue) || ''),
120
120
  _useState2 = (0, _slicedToArray2.default)(_useState, 2),
121
121
  dateValue = _useState2[0],
@@ -242,10 +242,10 @@ var DateTimePicker = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
242
242
  action: 'selectedDate',
243
243
  actionSubject: 'datePicker'
244
244
  }, analyticsAttributes));
245
- var onValueChange = function onValueChange(_ref2) {
246
- var providedDateValue = _ref2.providedDateValue,
247
- providedTimeValue = _ref2.providedTimeValue,
248
- providedZoneValue = _ref2.providedZoneValue;
245
+ var onValueChange = function onValueChange(_ref3) {
246
+ var providedDateValue = _ref3.providedDateValue,
247
+ providedTimeValue = _ref3.providedTimeValue,
248
+ providedZoneValue = _ref3.providedZoneValue;
249
249
  setDateValue(providedDateValue);
250
250
  setTimeValue(providedTimeValue);
251
251
  setZoneValue(providedZoneValue);
package/dist/cjs/components/time-picker.js CHANGED
@@ -26,7 +26,7 @@ function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r
26
26
  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; }
27
27
  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; }
28
28
  var packageName = "@atlaskit/datetime-picker";
29
- var packageVersion = "0.0.0-development";
29
+ var packageVersion = "17.1.7";
30
30
  var menuStyles = {
31
31
  /* Need to remove default absolute positioning as that causes issues with position fixed */
32
32
  position: 'static',
@@ -50,60 +50,60 @@ var analyticsAttributes = {
50
50
  * - [Code](https://atlassian.design/components/datetime-picker/time-picker/code)
51
51
  * - [Usage](https://atlassian.design/components/datetime-picker/time-picker/usage)
52
52
  */
53
- var TimePicker = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
54
- var ariaDescribedBy = _ref['aria-describedby'],
55
- _ref$appearance = _ref.appearance,
56
- appearance = _ref$appearance === void 0 ? 'default' : _ref$appearance,
57
- _ref$autoFocus = _ref.autoFocus,
58
- autoFocus = _ref$autoFocus === void 0 ? false : _ref$autoFocus,
59
- _ref$clearControlLabe = _ref.clearControlLabel,
60
- clearControlLabel = _ref$clearControlLabe === void 0 ? 'clear timepicker' : _ref$clearControlLabe,
61
- _ref$defaultIsOpen = _ref.defaultIsOpen,
62
- defaultIsOpen = _ref$defaultIsOpen === void 0 ? false : _ref$defaultIsOpen,
63
- _ref$defaultValue = _ref.defaultValue,
64
- defaultValue = _ref$defaultValue === void 0 ? '' : _ref$defaultValue,
65
- formatDisplayLabel = _ref.formatDisplayLabel,
66
- _ref$hideIcon = _ref.hideIcon,
67
- hideIcon = _ref$hideIcon === void 0 ? false : _ref$hideIcon,
68
- _ref$id = _ref.id,
69
- id = _ref$id === void 0 ? '' : _ref$id,
70
- _ref$innerProps = _ref.innerProps,
71
- innerProps = _ref$innerProps === void 0 ? {} : _ref$innerProps,
72
- _ref$isDisabled = _ref.isDisabled,
73
- isDisabled = _ref$isDisabled === void 0 ? false : _ref$isDisabled,
74
- _ref$isInvalid = _ref.isInvalid,
75
- isInvalid = _ref$isInvalid === void 0 ? false : _ref$isInvalid,
76
- _ref$isRequired = _ref.isRequired,
77
- isRequired = _ref$isRequired === void 0 ? false : _ref$isRequired,
78
- providedIsOpen = _ref.isOpen,
79
- _ref$label = _ref.label,
80
- label = _ref$label === void 0 ? '' : _ref$label,
81
- _ref$locale = _ref.locale,
82
- locale = _ref$locale === void 0 ? 'en-US' : _ref$locale,
83
- _ref$name = _ref.name,
84
- name = _ref$name === void 0 ? '' : _ref$name,
85
- _ref$onBlur = _ref.onBlur,
86
- providedOnBlur = _ref$onBlur === void 0 ? _noop.default : _ref$onBlur,
87
- _ref$onChange = _ref.onChange,
88
- providedOnChange = _ref$onChange === void 0 ? _noop.default : _ref$onChange,
89
- _ref$onFocus = _ref.onFocus,
90
- providedOnFocus = _ref$onFocus === void 0 ? _noop.default : _ref$onFocus,
91
- _ref$parseInputValue = _ref.parseInputValue,
92
- parseInputValue = _ref$parseInputValue === void 0 ? function (time, _timeFormat) {
53
+ var TimePicker = /*#__PURE__*/(0, _react.forwardRef)(function (_ref2, _ref) {
54
+ var ariaDescribedBy = _ref2['aria-describedby'],
55
+ _ref2$appearance = _ref2.appearance,
56
+ appearance = _ref2$appearance === void 0 ? 'default' : _ref2$appearance,
57
+ _ref2$autoFocus = _ref2.autoFocus,
58
+ autoFocus = _ref2$autoFocus === void 0 ? false : _ref2$autoFocus,
59
+ _ref2$clearControlLab = _ref2.clearControlLabel,
60
+ clearControlLabel = _ref2$clearControlLab === void 0 ? 'clear timepicker' : _ref2$clearControlLab,
61
+ _ref2$defaultIsOpen = _ref2.defaultIsOpen,
62
+ defaultIsOpen = _ref2$defaultIsOpen === void 0 ? false : _ref2$defaultIsOpen,
63
+ _ref2$defaultValue = _ref2.defaultValue,
64
+ defaultValue = _ref2$defaultValue === void 0 ? '' : _ref2$defaultValue,
65
+ formatDisplayLabel = _ref2.formatDisplayLabel,
66
+ _ref2$hideIcon = _ref2.hideIcon,
67
+ hideIcon = _ref2$hideIcon === void 0 ? false : _ref2$hideIcon,
68
+ _ref2$id = _ref2.id,
69
+ id = _ref2$id === void 0 ? '' : _ref2$id,
70
+ _ref2$innerProps = _ref2.innerProps,
71
+ innerProps = _ref2$innerProps === void 0 ? {} : _ref2$innerProps,
72
+ _ref2$isDisabled = _ref2.isDisabled,
73
+ isDisabled = _ref2$isDisabled === void 0 ? false : _ref2$isDisabled,
74
+ _ref2$isInvalid = _ref2.isInvalid,
75
+ isInvalid = _ref2$isInvalid === void 0 ? false : _ref2$isInvalid,
76
+ _ref2$isRequired = _ref2.isRequired,
77
+ isRequired = _ref2$isRequired === void 0 ? false : _ref2$isRequired,
78
+ providedIsOpen = _ref2.isOpen,
79
+ _ref2$label = _ref2.label,
80
+ label = _ref2$label === void 0 ? '' : _ref2$label,
81
+ _ref2$locale = _ref2.locale,
82
+ locale = _ref2$locale === void 0 ? 'en-US' : _ref2$locale,
83
+ _ref2$name = _ref2.name,
84
+ name = _ref2$name === void 0 ? '' : _ref2$name,
85
+ _ref2$onBlur = _ref2.onBlur,
86
+ providedOnBlur = _ref2$onBlur === void 0 ? _noop.default : _ref2$onBlur,
87
+ _ref2$onChange = _ref2.onChange,
88
+ providedOnChange = _ref2$onChange === void 0 ? _noop.default : _ref2$onChange,
89
+ _ref2$onFocus = _ref2.onFocus,
90
+ providedOnFocus = _ref2$onFocus === void 0 ? _noop.default : _ref2$onFocus,
91
+ _ref2$parseInputValue = _ref2.parseInputValue,
92
+ parseInputValue = _ref2$parseInputValue === void 0 ? function (time, _timeFormat) {
93
93
  return (0, _parseTime.default)(time);
94
- } : _ref$parseInputValue,
95
- placeholder = _ref.placeholder,
96
- _ref$selectProps = _ref.selectProps,
97
- selectProps = _ref$selectProps === void 0 ? {} : _ref$selectProps,
98
- _ref$spacing = _ref.spacing,
99
- spacing = _ref$spacing === void 0 ? 'default' : _ref$spacing,
100
- testId = _ref.testId,
101
- timeFormat = _ref.timeFormat,
102
- _ref$timeIsEditable = _ref.timeIsEditable,
103
- timeIsEditable = _ref$timeIsEditable === void 0 ? false : _ref$timeIsEditable,
104
- _ref$times = _ref.times,
105
- times = _ref$times === void 0 ? _internal.defaultTimes : _ref$times,
106
- providedValue = _ref.value;
94
+ } : _ref2$parseInputValue,
95
+ placeholder = _ref2.placeholder,
96
+ _ref2$selectProps = _ref2.selectProps,
97
+ selectProps = _ref2$selectProps === void 0 ? {} : _ref2$selectProps,
98
+ _ref2$spacing = _ref2.spacing,
99
+ spacing = _ref2$spacing === void 0 ? 'default' : _ref2$spacing,
100
+ testId = _ref2.testId,
101
+ timeFormat = _ref2.timeFormat,
102
+ _ref2$timeIsEditable = _ref2.timeIsEditable,
103
+ timeIsEditable = _ref2$timeIsEditable === void 0 ? false : _ref2$timeIsEditable,
104
+ _ref2$times = _ref2.times,
105
+ times = _ref2$times === void 0 ? _internal.defaultTimes : _ref2$times,
106
+ providedValue = _ref2.value;
107
107
  var _useState = (0, _react.useState)(null),
108
108
  _useState2 = (0, _slicedToArray2.default)(_useState, 2),
109
109
  containerRef = _useState2[0],
package/dist/es2019/components/date-picker-class.js CHANGED
@@ -23,7 +23,7 @@ import { Menu } from '../internal/menu';
23
23
  import { getSafeCalendarValue, getShortISOString } from '../internal/parse-date';
24
24
  import { makeSingleValue } from '../internal/single-value';
25
25
  const packageName = "@atlaskit/datetime-picker";
26
- const packageVersion = "0.0.0-development";
26
+ const packageVersion = "17.1.7";
27
27
  const datePickerDefaultProps = {
28
28
  defaultIsOpen: false,
29
29
  defaultValue: '',
package/dist/es2019/components/date-picker-fc.js CHANGED
@@ -23,7 +23,7 @@ import { Menu } from '../internal/menu';
23
23
  import { getSafeCalendarValue, getShortISOString } from '../internal/parse-date';
24
24
  import { makeSingleValue } from '../internal/single-value';
25
25
  const packageName = "@atlaskit/datetime-picker";
26
- const packageVersion = "0.0.0-development";
26
+ const packageVersion = "17.1.7";
27
27
  const styles = {
28
28
  pickerContainerStyle: "_kqswh2mm",
29
29
  dropdownIndicatorStyles: "_1ul91k8s _1tke1k8s _1e0c1txw _4cvr1h6o _1bah1h6o",
@@ -46,7 +46,7 @@ const analyticsAttributes = {
46
46
  * - [Code](https://atlassian.design/components/datetime-picker/date-picker/code)
47
47
  * - [Usage](https://atlassian.design/components/datetime-picker/date-picker/usage)
48
48
  */
49
- const DatePicker = /*#__PURE__*/forwardRef((props, forwardedRef) => {
49
+ const DatePicker = /*#__PURE__*/forwardRef((props, _forwardedRef) => {
50
50
  const containerRef = useRef(null);
51
51
  const calendarRef = useRef(null);
52
52
  const calendarButtonRef = useRef(null);
package/dist/es2019/components/date-time-picker-class.js CHANGED
@@ -19,7 +19,7 @@ import DatePickerNew from './date-picker-fc';
19
19
  import TimePicker from './time-picker';
20
20
  const DatePicker = componentWithCondition(() => fg('dst-date-picker-use-functional-component'), DatePickerNew, DatePickerOld);
21
21
  const packageName = "@atlaskit/datetime-picker";
22
- const packageVersion = "0.0.0-development";
22
+ const packageVersion = "17.1.7";
23
23
  const compiledStyles = {
24
24
  datePickerContainerStyles: "_i0dl1ssb _16jlkb7n _1o9zidpf",
25
25
  timePickerContainerStyles: "_i0dl1ssb _16jlkb7n",
package/dist/es2019/components/date-time-picker-fc.js CHANGED
@@ -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 = "0.0.0-development";
25
+ const packageVersion = "17.1.7";
26
26
  const analyticsAttributes = {
27
27
  componentName: 'dateTimePicker',
28
28
  packageName,
@@ -86,7 +86,7 @@ const DateTimePicker = /*#__PURE__*/forwardRef(({
86
86
  testId,
87
87
  timePickerProps: timePickerPropsWithSelectProps = {},
88
88
  value: providedValue
89
- }, ref) => {
89
+ }, _ref) => {
90
90
  const [dateValue, setDateValue] = useState((datePickerPropsWithSelectProps === null || datePickerPropsWithSelectProps === void 0 ? void 0 : datePickerPropsWithSelectProps.defaultValue) || '');
91
91
  const [isFocused, setIsFocused] = useState(false);
92
92
  const [timeValue, setTimeValue] = useState((timePickerPropsWithSelectProps === null || timePickerPropsWithSelectProps === void 0 ? void 0 : timePickerPropsWithSelectProps.defaultValue) || '');
package/dist/es2019/components/time-picker.js CHANGED
@@ -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 = "0.0.0-development";
14
+ const packageVersion = "17.1.7";
15
15
  const menuStyles = {
16
16
  /* Need to remove default absolute positioning as that causes issues with position fixed */
17
17
  position: 'static',
@@ -65,7 +65,7 @@ const TimePicker = /*#__PURE__*/forwardRef(({
65
65
  timeIsEditable = false,
66
66
  times = defaultTimes,
67
67
  value: providedValue
68
- }, ref) => {
68
+ }, _ref) => {
69
69
  const [containerRef, setContainerRef] = useState(null);
70
70
  /**
71
71
  * When being cleared from the icon the TimePicker is blurred.
package/dist/esm/components/date-picker-class.js CHANGED
@@ -32,7 +32,7 @@ import { Menu } from '../internal/menu';
32
32
  import { getSafeCalendarValue, getShortISOString } from '../internal/parse-date';
33
33
  import { makeSingleValue } from '../internal/single-value';
34
34
  var packageName = "@atlaskit/datetime-picker";
35
- var packageVersion = "0.0.0-development";
35
+ var packageVersion = "17.1.7";
36
36
  var datePickerDefaultProps = {
37
37
  defaultIsOpen: false,
38
38
  defaultValue: '',
package/dist/esm/components/date-picker-fc.js CHANGED
@@ -29,7 +29,7 @@ import { Menu } from '../internal/menu';
29
29
  import { getSafeCalendarValue, getShortISOString } from '../internal/parse-date';
30
30
  import { makeSingleValue } from '../internal/single-value';
31
31
  var packageName = "@atlaskit/datetime-picker";
32
- var packageVersion = "0.0.0-development";
32
+ var packageVersion = "17.1.7";
33
33
  var styles = {
34
34
  pickerContainerStyle: "_kqswh2mm",
35
35
  dropdownIndicatorStyles: "_1ul91k8s _1tke1k8s _1e0c1txw _4cvr1h6o _1bah1h6o",
@@ -52,7 +52,7 @@ var analyticsAttributes = {
52
52
  * - [Code](https://atlassian.design/components/datetime-picker/date-picker/code)
53
53
  * - [Usage](https://atlassian.design/components/datetime-picker/date-picker/usage)
54
54
  */
55
- var DatePicker = /*#__PURE__*/forwardRef(function (props, forwardedRef) {
55
+ var DatePicker = /*#__PURE__*/forwardRef(function (props, _forwardedRef) {
56
56
  var containerRef = useRef(null);
57
57
  var calendarRef = useRef(null);
58
58
  var calendarButtonRef = useRef(null);
package/dist/esm/components/date-time-picker-class.js CHANGED
@@ -30,7 +30,7 @@ var DatePicker = componentWithCondition(function () {
30
30
  return fg('dst-date-picker-use-functional-component');
31
31
  }, DatePickerNew, DatePickerOld);
32
32
  var packageName = "@atlaskit/datetime-picker";
33
- var packageVersion = "0.0.0-development";
33
+ var packageVersion = "17.1.7";
34
34
  var compiledStyles = {
35
35
  datePickerContainerStyles: "_i0dl1ssb _16jlkb7n _1o9zidpf",
36
36
  timePickerContainerStyles: "_i0dl1ssb _16jlkb7n",
package/dist/esm/components/date-time-picker-fc.js CHANGED
@@ -31,7 +31,7 @@ var DatePicker = componentWithCondition(function () {
31
31
  return fg('dst-date-picker-use-functional-component');
32
32
  }, DatePickerNew, DatePickerOld);
33
33
  var packageName = "@atlaskit/datetime-picker";
34
- var packageVersion = "0.0.0-development";
34
+ var packageVersion = "17.1.7";
35
35
  var analyticsAttributes = {
36
36
  componentName: 'dateTimePicker',
37
37
  packageName: packageName,
@@ -70,45 +70,45 @@ export var timePickerDefaultAriaLabel = 'Time';
70
70
  * - [Code](https://atlassian.design/components/datetime-picker/code)
71
71
  * - [Usage](https://atlassian.design/components/datetime-picker/usage)
72
72
  */
73
- var DateTimePicker = /*#__PURE__*/forwardRef(function (_ref, ref) {
74
- var ariaDescribedBy = _ref['aria-describedby'],
75
- _ref$appearance = _ref.appearance,
76
- appearance = _ref$appearance === void 0 ? 'default' : _ref$appearance,
77
- _ref$autoFocus = _ref.autoFocus,
78
- autoFocus = _ref$autoFocus === void 0 ? false : _ref$autoFocus,
79
- _ref$clearControlLabe = _ref.clearControlLabel,
80
- clearControlLabel = _ref$clearControlLabe === void 0 ? 'clear' : _ref$clearControlLabe,
81
- _ref$datePickerProps = _ref.datePickerProps,
82
- datePickerPropsWithSelectProps = _ref$datePickerProps === void 0 ? {} : _ref$datePickerProps,
83
- _ref$defaultValue = _ref.defaultValue,
84
- defaultValue = _ref$defaultValue === void 0 ? '' : _ref$defaultValue,
85
- _ref$id = _ref.id,
86
- id = _ref$id === void 0 ? '' : _ref$id,
87
- _ref$innerProps = _ref.innerProps,
88
- innerProps = _ref$innerProps === void 0 ? {} : _ref$innerProps,
89
- _ref$isDisabled = _ref.isDisabled,
90
- isDisabled = _ref$isDisabled === void 0 ? false : _ref$isDisabled,
91
- _ref$isInvalid = _ref.isInvalid,
92
- isInvalid = _ref$isInvalid === void 0 ? false : _ref$isInvalid,
93
- _ref$isRequired = _ref.isRequired,
94
- isRequired = _ref$isRequired === void 0 ? false : _ref$isRequired,
95
- _ref$name = _ref.name,
96
- name = _ref$name === void 0 ? '' : _ref$name,
97
- _ref$onBlur = _ref.onBlur,
98
- onBlur = _ref$onBlur === void 0 ? function (_event) {} : _ref$onBlur,
99
- _ref$onChange = _ref.onChange,
100
- onChangeProp = _ref$onChange === void 0 ? function (_value) {} : _ref$onChange,
101
- _ref$onFocus = _ref.onFocus,
102
- onFocus = _ref$onFocus === void 0 ? function (_event) {} : _ref$onFocus,
103
- providedParseValue = _ref.parseValue,
104
- _ref$spacing = _ref.spacing,
105
- spacing = _ref$spacing === void 0 ? 'default' : _ref$spacing,
106
- _ref$locale = _ref.locale,
107
- locale = _ref$locale === void 0 ? 'en-US' : _ref$locale,
108
- testId = _ref.testId,
109
- _ref$timePickerProps = _ref.timePickerProps,
110
- timePickerPropsWithSelectProps = _ref$timePickerProps === void 0 ? {} : _ref$timePickerProps,
111
- providedValue = _ref.value;
73
+ var DateTimePicker = /*#__PURE__*/forwardRef(function (_ref2, _ref) {
74
+ var ariaDescribedBy = _ref2['aria-describedby'],
75
+ _ref2$appearance = _ref2.appearance,
76
+ appearance = _ref2$appearance === void 0 ? 'default' : _ref2$appearance,
77
+ _ref2$autoFocus = _ref2.autoFocus,
78
+ autoFocus = _ref2$autoFocus === void 0 ? false : _ref2$autoFocus,
79
+ _ref2$clearControlLab = _ref2.clearControlLabel,
80
+ clearControlLabel = _ref2$clearControlLab === void 0 ? 'clear' : _ref2$clearControlLab,
81
+ _ref2$datePickerProps = _ref2.datePickerProps,
82
+ datePickerPropsWithSelectProps = _ref2$datePickerProps === void 0 ? {} : _ref2$datePickerProps,
83
+ _ref2$defaultValue = _ref2.defaultValue,
84
+ defaultValue = _ref2$defaultValue === void 0 ? '' : _ref2$defaultValue,
85
+ _ref2$id = _ref2.id,
86
+ id = _ref2$id === void 0 ? '' : _ref2$id,
87
+ _ref2$innerProps = _ref2.innerProps,
88
+ innerProps = _ref2$innerProps === void 0 ? {} : _ref2$innerProps,
89
+ _ref2$isDisabled = _ref2.isDisabled,
90
+ isDisabled = _ref2$isDisabled === void 0 ? false : _ref2$isDisabled,
91
+ _ref2$isInvalid = _ref2.isInvalid,
92
+ isInvalid = _ref2$isInvalid === void 0 ? false : _ref2$isInvalid,
93
+ _ref2$isRequired = _ref2.isRequired,
94
+ isRequired = _ref2$isRequired === void 0 ? false : _ref2$isRequired,
95
+ _ref2$name = _ref2.name,
96
+ name = _ref2$name === void 0 ? '' : _ref2$name,
97
+ _ref2$onBlur = _ref2.onBlur,
98
+ onBlur = _ref2$onBlur === void 0 ? function (_event) {} : _ref2$onBlur,
99
+ _ref2$onChange = _ref2.onChange,
100
+ onChangeProp = _ref2$onChange === void 0 ? function (_value) {} : _ref2$onChange,
101
+ _ref2$onFocus = _ref2.onFocus,
102
+ onFocus = _ref2$onFocus === void 0 ? function (_event) {} : _ref2$onFocus,
103
+ providedParseValue = _ref2.parseValue,
104
+ _ref2$spacing = _ref2.spacing,
105
+ spacing = _ref2$spacing === void 0 ? 'default' : _ref2$spacing,
106
+ _ref2$locale = _ref2.locale,
107
+ locale = _ref2$locale === void 0 ? 'en-US' : _ref2$locale,
108
+ testId = _ref2.testId,
109
+ _ref2$timePickerProps = _ref2.timePickerProps,
110
+ timePickerPropsWithSelectProps = _ref2$timePickerProps === void 0 ? {} : _ref2$timePickerProps,
111
+ providedValue = _ref2.value;
112
112
  var _useState = useState((datePickerPropsWithSelectProps === null || datePickerPropsWithSelectProps === void 0 ? void 0 : datePickerPropsWithSelectProps.defaultValue) || ''),
113
113
  _useState2 = _slicedToArray(_useState, 2),
114
114
  dateValue = _useState2[0],
@@ -235,10 +235,10 @@ var DateTimePicker = /*#__PURE__*/forwardRef(function (_ref, ref) {
235
235
  action: 'selectedDate',
236
236
  actionSubject: 'datePicker'
237
237
  }, analyticsAttributes));
238
- var onValueChange = function onValueChange(_ref2) {
239
- var providedDateValue = _ref2.providedDateValue,
240
- providedTimeValue = _ref2.providedTimeValue,
241
- providedZoneValue = _ref2.providedZoneValue;
238
+ var onValueChange = function onValueChange(_ref3) {
239
+ var providedDateValue = _ref3.providedDateValue,
240
+ providedTimeValue = _ref3.providedTimeValue,
241
+ providedZoneValue = _ref3.providedZoneValue;
242
242
  setDateValue(providedDateValue);
243
243
  setTimeValue(providedTimeValue);
244
244
  setZoneValue(providedZoneValue);
package/dist/esm/components/time-picker.js CHANGED
@@ -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 = "0.0.0-development";
20
+ var packageVersion = "17.1.7";
21
21
  var menuStyles = {
22
22
  /* Need to remove default absolute positioning as that causes issues with position fixed */
23
23
  position: 'static',
@@ -41,60 +41,60 @@ var analyticsAttributes = {
41
41
  * - [Code](https://atlassian.design/components/datetime-picker/time-picker/code)
42
42
  * - [Usage](https://atlassian.design/components/datetime-picker/time-picker/usage)
43
43
  */
44
- var TimePicker = /*#__PURE__*/forwardRef(function (_ref, ref) {
45
- var ariaDescribedBy = _ref['aria-describedby'],
46
- _ref$appearance = _ref.appearance,
47
- appearance = _ref$appearance === void 0 ? 'default' : _ref$appearance,
48
- _ref$autoFocus = _ref.autoFocus,
49
- autoFocus = _ref$autoFocus === void 0 ? false : _ref$autoFocus,
50
- _ref$clearControlLabe = _ref.clearControlLabel,
51
- clearControlLabel = _ref$clearControlLabe === void 0 ? 'clear timepicker' : _ref$clearControlLabe,
52
- _ref$defaultIsOpen = _ref.defaultIsOpen,
53
- defaultIsOpen = _ref$defaultIsOpen === void 0 ? false : _ref$defaultIsOpen,
54
- _ref$defaultValue = _ref.defaultValue,
55
- defaultValue = _ref$defaultValue === void 0 ? '' : _ref$defaultValue,
56
- formatDisplayLabel = _ref.formatDisplayLabel,
57
- _ref$hideIcon = _ref.hideIcon,
58
- hideIcon = _ref$hideIcon === void 0 ? false : _ref$hideIcon,
59
- _ref$id = _ref.id,
60
- id = _ref$id === void 0 ? '' : _ref$id,
61
- _ref$innerProps = _ref.innerProps,
62
- innerProps = _ref$innerProps === void 0 ? {} : _ref$innerProps,
63
- _ref$isDisabled = _ref.isDisabled,
64
- isDisabled = _ref$isDisabled === void 0 ? false : _ref$isDisabled,
65
- _ref$isInvalid = _ref.isInvalid,
66
- isInvalid = _ref$isInvalid === void 0 ? false : _ref$isInvalid,
67
- _ref$isRequired = _ref.isRequired,
68
- isRequired = _ref$isRequired === void 0 ? false : _ref$isRequired,
69
- providedIsOpen = _ref.isOpen,
70
- _ref$label = _ref.label,
71
- label = _ref$label === void 0 ? '' : _ref$label,
72
- _ref$locale = _ref.locale,
73
- locale = _ref$locale === void 0 ? 'en-US' : _ref$locale,
74
- _ref$name = _ref.name,
75
- name = _ref$name === void 0 ? '' : _ref$name,
76
- _ref$onBlur = _ref.onBlur,
77
- providedOnBlur = _ref$onBlur === void 0 ? __noop : _ref$onBlur,
78
- _ref$onChange = _ref.onChange,
79
- providedOnChange = _ref$onChange === void 0 ? __noop : _ref$onChange,
80
- _ref$onFocus = _ref.onFocus,
81
- providedOnFocus = _ref$onFocus === void 0 ? __noop : _ref$onFocus,
82
- _ref$parseInputValue = _ref.parseInputValue,
83
- parseInputValue = _ref$parseInputValue === void 0 ? function (time, _timeFormat) {
44
+ var TimePicker = /*#__PURE__*/forwardRef(function (_ref2, _ref) {
45
+ var ariaDescribedBy = _ref2['aria-describedby'],
46
+ _ref2$appearance = _ref2.appearance,
47
+ appearance = _ref2$appearance === void 0 ? 'default' : _ref2$appearance,
48
+ _ref2$autoFocus = _ref2.autoFocus,
49
+ autoFocus = _ref2$autoFocus === void 0 ? false : _ref2$autoFocus,
50
+ _ref2$clearControlLab = _ref2.clearControlLabel,
51
+ clearControlLabel = _ref2$clearControlLab === void 0 ? 'clear timepicker' : _ref2$clearControlLab,
52
+ _ref2$defaultIsOpen = _ref2.defaultIsOpen,
53
+ defaultIsOpen = _ref2$defaultIsOpen === void 0 ? false : _ref2$defaultIsOpen,
54
+ _ref2$defaultValue = _ref2.defaultValue,
55
+ defaultValue = _ref2$defaultValue === void 0 ? '' : _ref2$defaultValue,
56
+ formatDisplayLabel = _ref2.formatDisplayLabel,
57
+ _ref2$hideIcon = _ref2.hideIcon,
58
+ hideIcon = _ref2$hideIcon === void 0 ? false : _ref2$hideIcon,
59
+ _ref2$id = _ref2.id,
60
+ id = _ref2$id === void 0 ? '' : _ref2$id,
61
+ _ref2$innerProps = _ref2.innerProps,
62
+ innerProps = _ref2$innerProps === void 0 ? {} : _ref2$innerProps,
63
+ _ref2$isDisabled = _ref2.isDisabled,
64
+ isDisabled = _ref2$isDisabled === void 0 ? false : _ref2$isDisabled,
65
+ _ref2$isInvalid = _ref2.isInvalid,
66
+ isInvalid = _ref2$isInvalid === void 0 ? false : _ref2$isInvalid,
67
+ _ref2$isRequired = _ref2.isRequired,
68
+ isRequired = _ref2$isRequired === void 0 ? false : _ref2$isRequired,
69
+ providedIsOpen = _ref2.isOpen,
70
+ _ref2$label = _ref2.label,
71
+ label = _ref2$label === void 0 ? '' : _ref2$label,
72
+ _ref2$locale = _ref2.locale,
73
+ locale = _ref2$locale === void 0 ? 'en-US' : _ref2$locale,
74
+ _ref2$name = _ref2.name,
75
+ name = _ref2$name === void 0 ? '' : _ref2$name,
76
+ _ref2$onBlur = _ref2.onBlur,
77
+ providedOnBlur = _ref2$onBlur === void 0 ? __noop : _ref2$onBlur,
78
+ _ref2$onChange = _ref2.onChange,
79
+ providedOnChange = _ref2$onChange === void 0 ? __noop : _ref2$onChange,
80
+ _ref2$onFocus = _ref2.onFocus,
81
+ providedOnFocus = _ref2$onFocus === void 0 ? __noop : _ref2$onFocus,
82
+ _ref2$parseInputValue = _ref2.parseInputValue,
83
+ parseInputValue = _ref2$parseInputValue === void 0 ? function (time, _timeFormat) {
84
84
  return parseTime(time);
85
- } : _ref$parseInputValue,
86
- placeholder = _ref.placeholder,
87
- _ref$selectProps = _ref.selectProps,
88
- selectProps = _ref$selectProps === void 0 ? {} : _ref$selectProps,
89
- _ref$spacing = _ref.spacing,
90
- spacing = _ref$spacing === void 0 ? 'default' : _ref$spacing,
91
- testId = _ref.testId,
92
- timeFormat = _ref.timeFormat,
93
- _ref$timeIsEditable = _ref.timeIsEditable,
94
- timeIsEditable = _ref$timeIsEditable === void 0 ? false : _ref$timeIsEditable,
95
- _ref$times = _ref.times,
96
- times = _ref$times === void 0 ? defaultTimes : _ref$times,
97
- providedValue = _ref.value;
85
+ } : _ref2$parseInputValue,
86
+ placeholder = _ref2.placeholder,
87
+ _ref2$selectProps = _ref2.selectProps,
88
+ selectProps = _ref2$selectProps === void 0 ? {} : _ref2$selectProps,
89
+ _ref2$spacing = _ref2.spacing,
90
+ spacing = _ref2$spacing === void 0 ? 'default' : _ref2$spacing,
91
+ testId = _ref2.testId,
92
+ timeFormat = _ref2.timeFormat,
93
+ _ref2$timeIsEditable = _ref2.timeIsEditable,
94
+ timeIsEditable = _ref2$timeIsEditable === void 0 ? false : _ref2$timeIsEditable,
95
+ _ref2$times = _ref2.times,
96
+ times = _ref2$times === void 0 ? defaultTimes : _ref2$times,
97
+ providedValue = _ref2.value;
98
98
  var _useState = useState(null),
99
99
  _useState2 = _slicedToArray(_useState, 2),
100
100
  containerRef = _useState2[0],
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@atlaskit/datetime-picker",
3
- "version": "17.1.6",
3
+ "version": "17.1.8",
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/"
@@ -33,7 +33,7 @@
33
33
  },
34
34
  "dependencies": {
35
35
  "@atlaskit/analytics-next": "^11.1.0",
36
- "@atlaskit/button": "^23.5.0",
36
+ "@atlaskit/button": "^23.6.0",
37
37
  "@atlaskit/calendar": "^17.1.0",
38
38
  "@atlaskit/css": "^0.15.0",
39
39
  "@atlaskit/ds-lib": "^5.2.0",
@@ -44,7 +44,7 @@
44
44
  "@atlaskit/popper": "^7.1.0",
45
45
  "@atlaskit/primitives": "^16.1.0",
46
46
  "@atlaskit/select": "^21.3.0",
47
- "@atlaskit/tokens": "^7.1.0",
47
+ "@atlaskit/tokens": "^8.0.0",
48
48
  "@atlaskit/visually-hidden": "^3.0.0",
49
49
  "@babel/runtime": "^7.0.0",
50
50
  "@compiled/react": "^0.18.6",
@@ -71,7 +71,7 @@
71
71
  "@atlaskit/textfield": "^8.0.0",
72
72
  "@atlaskit/toggle": "^15.1.0",
73
73
  "@atlassian/feature-flags-test-utils": "^1.0.0",
74
- "@atlassian/ssr-tests": "^0.3.0",
74
+ "@atlassian/ssr-tests": "workspace:^",
75
75
  "@testing-library/react": "^13.4.0",
76
76
  "@testing-library/user-event": "^14.4.3",
77
77
  "@types/testing-library__jest-dom": "^5.14.5",