@atlaskit/datetime-picker 13.3.2 → 13.3.4
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 +13 -0
- package/dist/cjs/components/date-picker.js +22 -13
- package/dist/cjs/components/date-time-picker.js +1 -1
- package/dist/cjs/components/time-picker.js +1 -1
- package/dist/es2019/components/date-picker.js +22 -13
- package/dist/es2019/components/date-time-picker.js +1 -1
- package/dist/es2019/components/time-picker.js +1 -1
- package/dist/esm/components/date-picker.js +22 -13
- package/dist/esm/components/date-time-picker.js +1 -1
- package/dist/esm/components/time-picker.js +1 -1
- package/package.json +8 -8
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,18 @@
|
|
|
1
1
|
# @atlaskit/datetime-picker
|
|
2
2
|
|
|
3
|
+
## 13.3.4
|
|
4
|
+
|
|
5
|
+
### Patch Changes
|
|
6
|
+
|
|
7
|
+
- [#93577](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/93577) [`af88f34ad1bc`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/af88f34ad1bc) - This removes the `platform.design-system-team.move-onblur-event-to-input-container_3z82c` feature flag. The blur event on `DatePicker` should fire after the calendar is closed.
|
|
8
|
+
|
|
9
|
+
## 13.3.3
|
|
10
|
+
|
|
11
|
+
### Patch Changes
|
|
12
|
+
|
|
13
|
+
- [#94805](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/94805) [`cf93487006a9`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/cf93487006a9) - [ux] Return focus to the date picker input on date selection
|
|
14
|
+
- Updated dependencies
|
|
15
|
+
|
|
3
16
|
## 13.3.2
|
|
4
17
|
|
|
5
18
|
### Patch Changes
|
|
@@ -36,7 +36,7 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
|
|
|
36
36
|
function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2.default)(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2.default)(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2.default)(this, result); }; }
|
|
37
37
|
function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); } /** @jsx jsx */
|
|
38
38
|
var packageName = "@atlaskit/datetime-picker";
|
|
39
|
-
var packageVersion = "13.3.
|
|
39
|
+
var packageVersion = "13.3.4";
|
|
40
40
|
var datePickerDefaultProps = {
|
|
41
41
|
appearance: 'default',
|
|
42
42
|
autoFocus: false,
|
|
@@ -115,6 +115,20 @@ var DatePicker = exports.DatePickerWithoutAnalytics = /*#__PURE__*/function (_Co
|
|
|
115
115
|
value: iso
|
|
116
116
|
});
|
|
117
117
|
_this.props.onChange(iso);
|
|
118
|
+
|
|
119
|
+
// Not ideal, and the alternative is to place a ref on the inner input of the Select
|
|
120
|
+
// but that would require a lot of extra work on the Select component just for this
|
|
121
|
+
// focus functionality. While that would be the 'right react' way to do it, it doesnt
|
|
122
|
+
// post any other benefits; performance wise, we are only searching within the
|
|
123
|
+
// container, making it quick.
|
|
124
|
+
if ((0, _platformFeatureFlags.getBooleanFF)('platform.design-system-team-date-picker-input-focus-fix_awmzp')) {
|
|
125
|
+
var _this$containerRef;
|
|
126
|
+
var innerCombobox = (_this$containerRef = _this.containerRef) === null || _this$containerRef === void 0 ? void 0 : _this$containerRef.querySelector('[role="combobox"]');
|
|
127
|
+
innerCombobox === null || innerCombobox === void 0 || innerCombobox.focus();
|
|
128
|
+
_this.setState({
|
|
129
|
+
isOpen: false
|
|
130
|
+
});
|
|
131
|
+
}
|
|
118
132
|
});
|
|
119
133
|
(0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "onInputClick", function () {
|
|
120
134
|
if (!_this.props.isDisabled && !_this.getSafeState().isOpen) {
|
|
@@ -124,26 +138,24 @@ var DatePicker = exports.DatePickerWithoutAnalytics = /*#__PURE__*/function (_Co
|
|
|
124
138
|
}
|
|
125
139
|
});
|
|
126
140
|
(0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "onContainerBlur", function (event) {
|
|
127
|
-
var _this$
|
|
141
|
+
var _this$containerRef2;
|
|
128
142
|
var newlyFocusedElement = event.relatedTarget;
|
|
129
|
-
if (!((_this$
|
|
143
|
+
if (!((_this$containerRef2 = _this.containerRef) !== null && _this$containerRef2 !== void 0 && _this$containerRef2.contains(newlyFocusedElement))) {
|
|
130
144
|
_this.setState({
|
|
131
145
|
isOpen: false
|
|
132
146
|
});
|
|
133
|
-
|
|
134
|
-
_this.props.onBlur(event);
|
|
135
|
-
}
|
|
147
|
+
_this.props.onBlur(event);
|
|
136
148
|
}
|
|
137
149
|
});
|
|
138
150
|
(0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "onSelectBlur", function (event) {
|
|
139
|
-
var _this$
|
|
151
|
+
var _this$containerRef3;
|
|
140
152
|
var newlyFocusedElement = event.relatedTarget;
|
|
141
153
|
if (_this.getSafeState().clearingFromIcon) {
|
|
142
154
|
// Don't close menu if blurring after the user has clicked clear
|
|
143
155
|
_this.setState({
|
|
144
156
|
clearingFromIcon: false
|
|
145
157
|
});
|
|
146
|
-
} else if (!((_this$
|
|
158
|
+
} else if (!((_this$containerRef3 = _this.containerRef) !== null && _this$containerRef3 !== void 0 && _this$containerRef3.contains(newlyFocusedElement))) {
|
|
147
159
|
// Don't close menu if focus is staying within the date picker's
|
|
148
160
|
// container. Makes keyboard accessibility of calendar possible
|
|
149
161
|
_this.setState({
|
|
@@ -151,9 +163,6 @@ var DatePicker = exports.DatePickerWithoutAnalytics = /*#__PURE__*/function (_Co
|
|
|
151
163
|
isFocused: false
|
|
152
164
|
});
|
|
153
165
|
}
|
|
154
|
-
if (!(0, _platformFeatureFlags.getBooleanFF)('platform.design-system-team.move-onblur-event-to-input-container_3z82c')) {
|
|
155
|
-
_this.props.onBlur(event);
|
|
156
|
-
}
|
|
157
166
|
});
|
|
158
167
|
(0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "onSelectFocus", function (event) {
|
|
159
168
|
var _this$getSafeState = _this.getSafeState(),
|
|
@@ -191,7 +200,7 @@ var DatePicker = exports.DatePickerWithoutAnalytics = /*#__PURE__*/function (_Co
|
|
|
191
200
|
});
|
|
192
201
|
});
|
|
193
202
|
(0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "onInputKeyDown", function (event) {
|
|
194
|
-
var _this$
|
|
203
|
+
var _this$containerRef4;
|
|
195
204
|
var _this$getSafeState2 = _this.getSafeState(),
|
|
196
205
|
value = _this$getSafeState2.value,
|
|
197
206
|
calendarValue = _this$getSafeState2.calendarValue;
|
|
@@ -204,7 +213,7 @@ var DatePicker = exports.DatePickerWithoutAnalytics = /*#__PURE__*/function (_Co
|
|
|
204
213
|
// this would be more "React-y", it doesn't seem to pose any other
|
|
205
214
|
// benefits. Performance-wise, we are only searching within the
|
|
206
215
|
// container, so it's quick.
|
|
207
|
-
var innerCombobox = (_this$
|
|
216
|
+
var innerCombobox = (_this$containerRef4 = _this.containerRef) === null || _this$containerRef4 === void 0 ? void 0 : _this$containerRef4.querySelector('[role="combobox"]');
|
|
208
217
|
innerCombobox === null || innerCombobox === void 0 || innerCombobox.focus();
|
|
209
218
|
_this.setState({
|
|
210
219
|
isOpen: false
|
|
@@ -31,7 +31,7 @@ function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.
|
|
|
31
31
|
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; }
|
|
32
32
|
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; } /** @jsx jsx */
|
|
33
33
|
var packageName = "@atlaskit/datetime-picker";
|
|
34
|
-
var packageVersion = "13.3.
|
|
34
|
+
var packageVersion = "13.3.4";
|
|
35
35
|
// Make DatePicker 50% the width of DateTimePicker
|
|
36
36
|
// If rendering an icon container, shrink the TimePicker
|
|
37
37
|
var datePickerContainerStyles = (0, _react2.css)({
|
|
@@ -36,7 +36,7 @@ function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflec
|
|
|
36
36
|
function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); } // eslint-disable-next-line no-restricted-imports
|
|
37
37
|
// eslint-disable-next-line @atlaskit/design-system/no-deprecated-imports
|
|
38
38
|
var packageName = "@atlaskit/datetime-picker";
|
|
39
|
-
var packageVersion = "13.3.
|
|
39
|
+
var packageVersion = "13.3.4";
|
|
40
40
|
var menuStyles = {
|
|
41
41
|
/* Need to remove default absolute positioning as that causes issues with position fixed */
|
|
42
42
|
position: 'static',
|
|
@@ -16,7 +16,7 @@ import { getSafeCalendarValue, getShortISOString } from '../internal/parse-date'
|
|
|
16
16
|
import { convertTokens } from '../internal/parse-tokens';
|
|
17
17
|
import { makeSingleValue } from '../internal/single-value';
|
|
18
18
|
const packageName = "@atlaskit/datetime-picker";
|
|
19
|
-
const packageVersion = "13.3.
|
|
19
|
+
const packageVersion = "13.3.4";
|
|
20
20
|
const datePickerDefaultProps = {
|
|
21
21
|
appearance: 'default',
|
|
22
22
|
autoFocus: false,
|
|
@@ -91,6 +91,20 @@ class DatePicker extends Component {
|
|
|
91
91
|
value: iso
|
|
92
92
|
});
|
|
93
93
|
this.props.onChange(iso);
|
|
94
|
+
|
|
95
|
+
// Not ideal, and the alternative is to place a ref on the inner input of the Select
|
|
96
|
+
// but that would require a lot of extra work on the Select component just for this
|
|
97
|
+
// focus functionality. While that would be the 'right react' way to do it, it doesnt
|
|
98
|
+
// post any other benefits; performance wise, we are only searching within the
|
|
99
|
+
// container, making it quick.
|
|
100
|
+
if (getBooleanFF('platform.design-system-team-date-picker-input-focus-fix_awmzp')) {
|
|
101
|
+
var _this$containerRef;
|
|
102
|
+
const innerCombobox = (_this$containerRef = this.containerRef) === null || _this$containerRef === void 0 ? void 0 : _this$containerRef.querySelector('[role="combobox"]');
|
|
103
|
+
innerCombobox === null || innerCombobox === void 0 ? void 0 : innerCombobox.focus();
|
|
104
|
+
this.setState({
|
|
105
|
+
isOpen: false
|
|
106
|
+
});
|
|
107
|
+
}
|
|
94
108
|
});
|
|
95
109
|
_defineProperty(this, "onInputClick", () => {
|
|
96
110
|
if (!this.props.isDisabled && !this.getSafeState().isOpen) {
|
|
@@ -100,26 +114,24 @@ class DatePicker extends Component {
|
|
|
100
114
|
}
|
|
101
115
|
});
|
|
102
116
|
_defineProperty(this, "onContainerBlur", event => {
|
|
103
|
-
var _this$
|
|
117
|
+
var _this$containerRef2;
|
|
104
118
|
const newlyFocusedElement = event.relatedTarget;
|
|
105
|
-
if (!((_this$
|
|
119
|
+
if (!((_this$containerRef2 = this.containerRef) !== null && _this$containerRef2 !== void 0 && _this$containerRef2.contains(newlyFocusedElement))) {
|
|
106
120
|
this.setState({
|
|
107
121
|
isOpen: false
|
|
108
122
|
});
|
|
109
|
-
|
|
110
|
-
this.props.onBlur(event);
|
|
111
|
-
}
|
|
123
|
+
this.props.onBlur(event);
|
|
112
124
|
}
|
|
113
125
|
});
|
|
114
126
|
_defineProperty(this, "onSelectBlur", event => {
|
|
115
|
-
var _this$
|
|
127
|
+
var _this$containerRef3;
|
|
116
128
|
const newlyFocusedElement = event.relatedTarget;
|
|
117
129
|
if (this.getSafeState().clearingFromIcon) {
|
|
118
130
|
// Don't close menu if blurring after the user has clicked clear
|
|
119
131
|
this.setState({
|
|
120
132
|
clearingFromIcon: false
|
|
121
133
|
});
|
|
122
|
-
} else if (!((_this$
|
|
134
|
+
} else if (!((_this$containerRef3 = this.containerRef) !== null && _this$containerRef3 !== void 0 && _this$containerRef3.contains(newlyFocusedElement))) {
|
|
123
135
|
// Don't close menu if focus is staying within the date picker's
|
|
124
136
|
// container. Makes keyboard accessibility of calendar possible
|
|
125
137
|
this.setState({
|
|
@@ -127,9 +139,6 @@ class DatePicker extends Component {
|
|
|
127
139
|
isFocused: false
|
|
128
140
|
});
|
|
129
141
|
}
|
|
130
|
-
if (!getBooleanFF('platform.design-system-team.move-onblur-event-to-input-container_3z82c')) {
|
|
131
|
-
this.props.onBlur(event);
|
|
132
|
-
}
|
|
133
142
|
});
|
|
134
143
|
_defineProperty(this, "onSelectFocus", event => {
|
|
135
144
|
const {
|
|
@@ -168,7 +177,7 @@ class DatePicker extends Component {
|
|
|
168
177
|
});
|
|
169
178
|
});
|
|
170
179
|
_defineProperty(this, "onInputKeyDown", event => {
|
|
171
|
-
var _this$
|
|
180
|
+
var _this$containerRef4;
|
|
172
181
|
const {
|
|
173
182
|
value,
|
|
174
183
|
calendarValue
|
|
@@ -182,7 +191,7 @@ class DatePicker extends Component {
|
|
|
182
191
|
// this would be more "React-y", it doesn't seem to pose any other
|
|
183
192
|
// benefits. Performance-wise, we are only searching within the
|
|
184
193
|
// container, so it's quick.
|
|
185
|
-
const innerCombobox = (_this$
|
|
194
|
+
const innerCombobox = (_this$containerRef4 = this.containerRef) === null || _this$containerRef4 === void 0 ? void 0 : _this$containerRef4.querySelector('[role="combobox"]');
|
|
186
195
|
innerCombobox === null || innerCombobox === void 0 ? void 0 : innerCombobox.focus();
|
|
187
196
|
this.setState({
|
|
188
197
|
isOpen: false
|
|
@@ -15,7 +15,7 @@ import { convertTokens } from '../internal/parse-tokens';
|
|
|
15
15
|
import DatePicker from './date-picker';
|
|
16
16
|
import TimePicker from './time-picker';
|
|
17
17
|
const packageName = "@atlaskit/datetime-picker";
|
|
18
|
-
const packageVersion = "13.3.
|
|
18
|
+
const packageVersion = "13.3.4";
|
|
19
19
|
// Make DatePicker 50% the width of DateTimePicker
|
|
20
20
|
// If rendering an icon container, shrink the TimePicker
|
|
21
21
|
const datePickerContainerStyles = css({
|
|
@@ -16,7 +16,7 @@ import parseTime from '../internal/parse-time';
|
|
|
16
16
|
import { convertTokens } from '../internal/parse-tokens';
|
|
17
17
|
import { makeSingleValue } from '../internal/single-value';
|
|
18
18
|
const packageName = "@atlaskit/datetime-picker";
|
|
19
|
-
const packageVersion = "13.3.
|
|
19
|
+
const packageVersion = "13.3.4";
|
|
20
20
|
const menuStyles = {
|
|
21
21
|
/* Need to remove default absolute positioning as that causes issues with position fixed */
|
|
22
22
|
position: 'static',
|
|
@@ -27,7 +27,7 @@ import { getSafeCalendarValue, getShortISOString } from '../internal/parse-date'
|
|
|
27
27
|
import { convertTokens } from '../internal/parse-tokens';
|
|
28
28
|
import { makeSingleValue } from '../internal/single-value';
|
|
29
29
|
var packageName = "@atlaskit/datetime-picker";
|
|
30
|
-
var packageVersion = "13.3.
|
|
30
|
+
var packageVersion = "13.3.4";
|
|
31
31
|
var datePickerDefaultProps = {
|
|
32
32
|
appearance: 'default',
|
|
33
33
|
autoFocus: false,
|
|
@@ -106,6 +106,20 @@ var DatePicker = /*#__PURE__*/function (_Component) {
|
|
|
106
106
|
value: iso
|
|
107
107
|
});
|
|
108
108
|
_this.props.onChange(iso);
|
|
109
|
+
|
|
110
|
+
// Not ideal, and the alternative is to place a ref on the inner input of the Select
|
|
111
|
+
// but that would require a lot of extra work on the Select component just for this
|
|
112
|
+
// focus functionality. While that would be the 'right react' way to do it, it doesnt
|
|
113
|
+
// post any other benefits; performance wise, we are only searching within the
|
|
114
|
+
// container, making it quick.
|
|
115
|
+
if (getBooleanFF('platform.design-system-team-date-picker-input-focus-fix_awmzp')) {
|
|
116
|
+
var _this$containerRef;
|
|
117
|
+
var innerCombobox = (_this$containerRef = _this.containerRef) === null || _this$containerRef === void 0 ? void 0 : _this$containerRef.querySelector('[role="combobox"]');
|
|
118
|
+
innerCombobox === null || innerCombobox === void 0 || innerCombobox.focus();
|
|
119
|
+
_this.setState({
|
|
120
|
+
isOpen: false
|
|
121
|
+
});
|
|
122
|
+
}
|
|
109
123
|
});
|
|
110
124
|
_defineProperty(_assertThisInitialized(_this), "onInputClick", function () {
|
|
111
125
|
if (!_this.props.isDisabled && !_this.getSafeState().isOpen) {
|
|
@@ -115,26 +129,24 @@ var DatePicker = /*#__PURE__*/function (_Component) {
|
|
|
115
129
|
}
|
|
116
130
|
});
|
|
117
131
|
_defineProperty(_assertThisInitialized(_this), "onContainerBlur", function (event) {
|
|
118
|
-
var _this$
|
|
132
|
+
var _this$containerRef2;
|
|
119
133
|
var newlyFocusedElement = event.relatedTarget;
|
|
120
|
-
if (!((_this$
|
|
134
|
+
if (!((_this$containerRef2 = _this.containerRef) !== null && _this$containerRef2 !== void 0 && _this$containerRef2.contains(newlyFocusedElement))) {
|
|
121
135
|
_this.setState({
|
|
122
136
|
isOpen: false
|
|
123
137
|
});
|
|
124
|
-
|
|
125
|
-
_this.props.onBlur(event);
|
|
126
|
-
}
|
|
138
|
+
_this.props.onBlur(event);
|
|
127
139
|
}
|
|
128
140
|
});
|
|
129
141
|
_defineProperty(_assertThisInitialized(_this), "onSelectBlur", function (event) {
|
|
130
|
-
var _this$
|
|
142
|
+
var _this$containerRef3;
|
|
131
143
|
var newlyFocusedElement = event.relatedTarget;
|
|
132
144
|
if (_this.getSafeState().clearingFromIcon) {
|
|
133
145
|
// Don't close menu if blurring after the user has clicked clear
|
|
134
146
|
_this.setState({
|
|
135
147
|
clearingFromIcon: false
|
|
136
148
|
});
|
|
137
|
-
} else if (!((_this$
|
|
149
|
+
} else if (!((_this$containerRef3 = _this.containerRef) !== null && _this$containerRef3 !== void 0 && _this$containerRef3.contains(newlyFocusedElement))) {
|
|
138
150
|
// Don't close menu if focus is staying within the date picker's
|
|
139
151
|
// container. Makes keyboard accessibility of calendar possible
|
|
140
152
|
_this.setState({
|
|
@@ -142,9 +154,6 @@ var DatePicker = /*#__PURE__*/function (_Component) {
|
|
|
142
154
|
isFocused: false
|
|
143
155
|
});
|
|
144
156
|
}
|
|
145
|
-
if (!getBooleanFF('platform.design-system-team.move-onblur-event-to-input-container_3z82c')) {
|
|
146
|
-
_this.props.onBlur(event);
|
|
147
|
-
}
|
|
148
157
|
});
|
|
149
158
|
_defineProperty(_assertThisInitialized(_this), "onSelectFocus", function (event) {
|
|
150
159
|
var _this$getSafeState = _this.getSafeState(),
|
|
@@ -182,7 +191,7 @@ var DatePicker = /*#__PURE__*/function (_Component) {
|
|
|
182
191
|
});
|
|
183
192
|
});
|
|
184
193
|
_defineProperty(_assertThisInitialized(_this), "onInputKeyDown", function (event) {
|
|
185
|
-
var _this$
|
|
194
|
+
var _this$containerRef4;
|
|
186
195
|
var _this$getSafeState2 = _this.getSafeState(),
|
|
187
196
|
value = _this$getSafeState2.value,
|
|
188
197
|
calendarValue = _this$getSafeState2.calendarValue;
|
|
@@ -195,7 +204,7 @@ var DatePicker = /*#__PURE__*/function (_Component) {
|
|
|
195
204
|
// this would be more "React-y", it doesn't seem to pose any other
|
|
196
205
|
// benefits. Performance-wise, we are only searching within the
|
|
197
206
|
// container, so it's quick.
|
|
198
|
-
var innerCombobox = (_this$
|
|
207
|
+
var innerCombobox = (_this$containerRef4 = _this.containerRef) === null || _this$containerRef4 === void 0 ? void 0 : _this$containerRef4.querySelector('[role="combobox"]');
|
|
199
208
|
innerCombobox === null || innerCombobox === void 0 || innerCombobox.focus();
|
|
200
209
|
_this.setState({
|
|
201
210
|
isOpen: false
|
|
@@ -25,7 +25,7 @@ import { convertTokens } from '../internal/parse-tokens';
|
|
|
25
25
|
import DatePicker from './date-picker';
|
|
26
26
|
import TimePicker from './time-picker';
|
|
27
27
|
var packageName = "@atlaskit/datetime-picker";
|
|
28
|
-
var packageVersion = "13.3.
|
|
28
|
+
var packageVersion = "13.3.4";
|
|
29
29
|
// Make DatePicker 50% the width of DateTimePicker
|
|
30
30
|
// If rendering an icon container, shrink the TimePicker
|
|
31
31
|
var datePickerContainerStyles = css({
|
|
@@ -28,7 +28,7 @@ import parseTime from '../internal/parse-time';
|
|
|
28
28
|
import { convertTokens } from '../internal/parse-tokens';
|
|
29
29
|
import { makeSingleValue } from '../internal/single-value';
|
|
30
30
|
var packageName = "@atlaskit/datetime-picker";
|
|
31
|
-
var packageVersion = "13.3.
|
|
31
|
+
var packageVersion = "13.3.4";
|
|
32
32
|
var menuStyles = {
|
|
33
33
|
/* Need to remove default absolute positioning as that causes issues with position fixed */
|
|
34
34
|
position: 'static',
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@atlaskit/datetime-picker",
|
|
3
|
-
"version": "13.3.
|
|
3
|
+
"version": "13.3.4",
|
|
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,7 +38,7 @@
|
|
|
38
38
|
}
|
|
39
39
|
},
|
|
40
40
|
"dependencies": {
|
|
41
|
-
"@atlaskit/analytics-next": "^9.
|
|
41
|
+
"@atlaskit/analytics-next": "^9.3.0",
|
|
42
42
|
"@atlaskit/calendar": "^14.2.0",
|
|
43
43
|
"@atlaskit/ds-lib": "^2.3.0",
|
|
44
44
|
"@atlaskit/icon": "^22.1.0",
|
|
@@ -46,9 +46,9 @@
|
|
|
46
46
|
"@atlaskit/locale": "^2.6.0",
|
|
47
47
|
"@atlaskit/platform-feature-flags": "^0.2.0",
|
|
48
48
|
"@atlaskit/popper": "^5.5.0",
|
|
49
|
-
"@atlaskit/select": "^17.
|
|
49
|
+
"@atlaskit/select": "^17.7.0",
|
|
50
50
|
"@atlaskit/theme": "^12.7.0",
|
|
51
|
-
"@atlaskit/tokens": "^1.
|
|
51
|
+
"@atlaskit/tokens": "^1.44.0",
|
|
52
52
|
"@babel/runtime": "^7.0.0",
|
|
53
53
|
"@emotion/react": "^11.7.1",
|
|
54
54
|
"date-fns": "^2.17.0",
|
|
@@ -62,10 +62,10 @@
|
|
|
62
62
|
"@af/accessibility-testing": "*",
|
|
63
63
|
"@af/integration-testing": "*",
|
|
64
64
|
"@af/visual-regression": "*",
|
|
65
|
-
"@atlaskit/button": "^17.
|
|
65
|
+
"@atlaskit/button": "^17.14.0",
|
|
66
66
|
"@atlaskit/docs": "*",
|
|
67
|
-
"@atlaskit/form": "^9.
|
|
68
|
-
"@atlaskit/modal-dialog": "^12.
|
|
67
|
+
"@atlaskit/form": "^9.3.0",
|
|
68
|
+
"@atlaskit/modal-dialog": "^12.12.0",
|
|
69
69
|
"@atlaskit/popup": "^1.14.0",
|
|
70
70
|
"@atlaskit/range": "^7.1.0",
|
|
71
71
|
"@atlaskit/section-message": "^6.4.0",
|
|
@@ -116,7 +116,7 @@
|
|
|
116
116
|
"platform.design-system-team.date-picker-input-a11y-fix_cbbxs": {
|
|
117
117
|
"type": "boolean"
|
|
118
118
|
},
|
|
119
|
-
"platform.design-system-team
|
|
119
|
+
"platform.design-system-team-date-picker-input-focus-fix_awmzp": {
|
|
120
120
|
"type": "boolean"
|
|
121
121
|
}
|
|
122
122
|
},
|