@atlaskit/datetime-picker 17.7.0 → 17.8.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.
Files changed (90) hide show
  1. package/CHANGELOG.md +7 -0
  2. package/date-picker/package.json +17 -0
  3. package/date-time-picker/package.json +17 -0
  4. package/dist/cjs/components/date-picker.js +4 -4
  5. package/dist/cjs/components/date-time-picker-class.js +7 -9
  6. package/dist/cjs/components/date-time-picker-fc.js +5 -8
  7. package/dist/cjs/components/time-picker.js +11 -8
  8. package/dist/cjs/entry-points/date-picker.js +13 -0
  9. package/dist/cjs/entry-points/date-time-picker.js +13 -0
  10. package/dist/cjs/entry-points/time-picker.js +13 -0
  11. package/dist/cjs/entry-points/types.js +1 -0
  12. package/dist/cjs/internal/default-date-format.js +7 -0
  13. package/dist/cjs/internal/default-times.js +7 -0
  14. package/dist/cjs/internal/empty-component.js +12 -0
  15. package/dist/cjs/internal/format-date-time-zone-into-iso.js +15 -0
  16. package/dist/cjs/internal/format-date.js +2 -2
  17. package/dist/cjs/internal/get-parsed-iso.js +3 -3
  18. package/dist/cjs/internal/get-placeholder.js +2 -2
  19. package/dist/cjs/internal/pad-two.js +9 -0
  20. package/dist/cjs/internal/parse-date.js +2 -2
  21. package/dist/cjs/internal/placeholder-date-time.js +9 -0
  22. package/dist/es2019/components/date-picker.js +2 -2
  23. package/dist/es2019/components/date-time-picker-class.js +4 -6
  24. package/dist/es2019/components/date-time-picker-fc.js +2 -5
  25. package/dist/es2019/components/time-picker.js +5 -2
  26. package/dist/es2019/entry-points/date-picker.js +1 -0
  27. package/dist/es2019/entry-points/date-time-picker.js +1 -0
  28. package/dist/es2019/entry-points/time-picker.js +1 -0
  29. package/dist/es2019/entry-points/types.js +0 -0
  30. package/dist/es2019/internal/default-date-format.js +1 -0
  31. package/dist/es2019/internal/default-times.js +1 -0
  32. package/dist/es2019/internal/empty-component.js +4 -0
  33. package/dist/es2019/internal/format-date-time-zone-into-iso.js +9 -0
  34. package/dist/es2019/internal/format-date.js +1 -1
  35. package/dist/es2019/internal/get-parsed-iso.js +1 -1
  36. package/dist/es2019/internal/get-placeholder.js +1 -1
  37. package/dist/es2019/internal/pad-two.js +3 -0
  38. package/dist/es2019/internal/parse-date.js +1 -1
  39. package/dist/es2019/internal/placeholder-date-time.js +3 -0
  40. package/dist/esm/components/date-picker.js +2 -2
  41. package/dist/esm/components/date-time-picker-class.js +4 -6
  42. package/dist/esm/components/date-time-picker-fc.js +2 -5
  43. package/dist/esm/components/time-picker.js +5 -2
  44. package/dist/esm/entry-points/date-picker.js +1 -0
  45. package/dist/esm/entry-points/date-time-picker.js +1 -0
  46. package/dist/esm/entry-points/time-picker.js +1 -0
  47. package/dist/esm/entry-points/types.js +0 -0
  48. package/dist/esm/internal/default-date-format.js +1 -0
  49. package/dist/esm/internal/default-times.js +1 -0
  50. package/dist/esm/internal/empty-component.js +6 -0
  51. package/dist/esm/internal/format-date-time-zone-into-iso.js +9 -0
  52. package/dist/esm/internal/format-date.js +1 -1
  53. package/dist/esm/internal/get-parsed-iso.js +1 -1
  54. package/dist/esm/internal/get-placeholder.js +1 -1
  55. package/dist/esm/internal/pad-two.js +3 -0
  56. package/dist/esm/internal/parse-date.js +1 -1
  57. package/dist/esm/internal/placeholder-date-time.js +3 -0
  58. package/dist/types/components/date-time-picker-class.d.ts +0 -2
  59. package/dist/types/components/date-time-picker-fc.d.ts +0 -2
  60. package/dist/types/entry-points/date-picker.d.ts +2 -0
  61. package/dist/types/entry-points/date-time-picker.d.ts +1 -0
  62. package/dist/types/entry-points/time-picker.d.ts +1 -0
  63. package/dist/types/entry-points/types.d.ts +1 -0
  64. package/dist/types/internal/default-date-format.d.ts +1 -0
  65. package/dist/types/internal/default-times.d.ts +1 -0
  66. package/dist/types/internal/empty-component.d.ts +4 -0
  67. package/dist/types/internal/format-date-time-zone-into-iso.d.ts +4 -0
  68. package/dist/types/internal/pad-two.d.ts +1 -0
  69. package/dist/types/internal/placeholder-date-time.d.ts +1 -0
  70. package/dist/types-ts4.5/components/date-time-picker-class.d.ts +0 -2
  71. package/dist/types-ts4.5/components/date-time-picker-fc.d.ts +0 -2
  72. package/dist/types-ts4.5/entry-points/date-picker.d.ts +2 -0
  73. package/dist/types-ts4.5/entry-points/date-time-picker.d.ts +1 -0
  74. package/dist/types-ts4.5/entry-points/time-picker.d.ts +1 -0
  75. package/dist/types-ts4.5/entry-points/types.d.ts +1 -0
  76. package/dist/types-ts4.5/internal/default-date-format.d.ts +1 -0
  77. package/dist/types-ts4.5/internal/default-times.d.ts +1 -0
  78. package/dist/types-ts4.5/internal/empty-component.d.ts +4 -0
  79. package/dist/types-ts4.5/internal/format-date-time-zone-into-iso.d.ts +4 -0
  80. package/dist/types-ts4.5/internal/pad-two.d.ts +1 -0
  81. package/dist/types-ts4.5/internal/placeholder-date-time.d.ts +1 -0
  82. package/package.json +6 -6
  83. package/time-picker/package.json +17 -0
  84. package/types/package.json +5 -5
  85. package/dist/cjs/internal/index.js +0 -31
  86. package/dist/es2019/internal/index.js +0 -20
  87. package/dist/esm/internal/index.js +0 -22
  88. package/dist/types/internal/index.d.ts +0 -10
  89. package/dist/types-ts4.5/internal/index.d.ts +0 -10
  90. package/offerings.json +0 -98
package/CHANGELOG.md CHANGED
@@ -1,5 +1,12 @@
1
1
  # @atlaskit/datetime-picker
2
2
 
3
+ ## 17.8.0
4
+
5
+ ### Minor Changes
6
+
7
+ - [`aef119573f01b`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/aef119573f01b) -
8
+ Autofix: add explicit package exports (barrel removal)
9
+
3
10
  ## 17.7.0
4
11
 
5
12
  ### Minor Changes
@@ -0,0 +1,17 @@
1
+ {
2
+ "name": "@atlaskit/datetime-picker/date-picker",
3
+ "main": "../dist/cjs/entry-points/date-picker.js",
4
+ "module": "../dist/esm/entry-points/date-picker.js",
5
+ "module:es2019": "../dist/es2019/entry-points/date-picker.js",
6
+ "sideEffects": [
7
+ "**/*.compiled.css"
8
+ ],
9
+ "types": "../dist/types/entry-points/date-picker.d.ts",
10
+ "typesVersions": {
11
+ ">=4.5 <5.9": {
12
+ "*": [
13
+ "../dist/types-ts4.5/entry-points/date-picker.d.ts"
14
+ ]
15
+ }
16
+ }
17
+ }
@@ -0,0 +1,17 @@
1
+ {
2
+ "name": "@atlaskit/datetime-picker/date-time-picker",
3
+ "main": "../dist/cjs/entry-points/date-time-picker.js",
4
+ "module": "../dist/esm/entry-points/date-time-picker.js",
5
+ "module:es2019": "../dist/es2019/entry-points/date-time-picker.js",
6
+ "sideEffects": [
7
+ "**/*.compiled.css"
8
+ ],
9
+ "types": "../dist/types/entry-points/date-time-picker.d.ts",
10
+ "typesVersions": {
11
+ ">=4.5 <5.9": {
12
+ "*": [
13
+ "../dist/types-ts4.5/entry-points/date-time-picker.d.ts"
14
+ ]
15
+ }
16
+ }
17
+ }
@@ -24,7 +24,7 @@ var _calendar = _interopRequireDefault(require("@atlaskit/icon/core/calendar"));
24
24
  var _locale = require("@atlaskit/locale");
25
25
  var _compiled = require("@atlaskit/primitives/compiled");
26
26
  var _select = _interopRequireWildcard(require("@atlaskit/select"));
27
- var _internal = require("../internal");
27
+ var _emptyComponent = require("../internal/empty-component");
28
28
  var _formatDate = require("../internal/format-date");
29
29
  var _getParsedIso = require("../internal/get-parsed-iso");
30
30
  var _getPlaceholder = require("../internal/get-placeholder");
@@ -42,7 +42,7 @@ function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r
42
42
  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; }
43
43
  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; }
44
44
  var packageName = "@atlaskit/datetime-picker";
45
- var packageVersion = "0.0.0-development";
45
+ var packageVersion = "17.7.0";
46
46
  var styles = {
47
47
  pickerContainerStyle: "_kqswh2mm",
48
48
  dropdownIndicatorStyles: "_1ul91k8s _1tke1k8s _1e0c1txw _4cvr1h6o _1bah1h6o",
@@ -465,7 +465,7 @@ var DatePicker = /*#__PURE__*/(0, _react.forwardRef)(function (props, _forwarded
465
465
  lang: propLocale
466
466
  });
467
467
  var selectComponents = _objectSpread(_objectSpread(_objectSpread({}, selectProps.components), {}, {
468
- DropdownIndicator: shouldShowCalendarButton ? _internal.EmptyComponent : dropDownIcon
468
+ DropdownIndicator: shouldShowCalendarButton ? _emptyComponent.EmptyComponent : dropDownIcon
469
469
  }, shouldShowCalendarButton ? {
470
470
  IndicatorsContainer: function IndicatorsContainer(props) {
471
471
  return /*#__PURE__*/React.createElement(_indicatorsContainer.IndicatorsContainer, (0, _extends2.default)({}, props, {
@@ -476,7 +476,7 @@ var DatePicker = /*#__PURE__*/(0, _react.forwardRef)(function (props, _forwarded
476
476
  Menu: _menu.Menu,
477
477
  SingleValue: SingleValue
478
478
  }, !showClearIndicator && {
479
- ClearIndicator: _internal.EmptyComponent
479
+ ClearIndicator: _emptyComponent.EmptyComponent
480
480
  });
481
481
  var _selectProps$styles = selectProps.styles,
482
482
  selectStyles = _selectProps$styles === void 0 ? {} : _selectProps$styles;
@@ -5,7 +5,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
5
5
  Object.defineProperty(exports, "__esModule", {
6
6
  value: true
7
7
  });
8
- exports.timePickerDefaultAriaLabel = exports.default = exports.datePickerDefaultAriaLabel = exports.DateTimePickerWithoutAnalytics = void 0;
8
+ exports.default = exports.DateTimePickerWithoutAnalytics = void 0;
9
9
  require("./date-time-picker-class.compiled.css");
10
10
  var _runtime = require("@compiled/react/runtime");
11
11
  var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
@@ -19,8 +19,8 @@ var _dateFns = require("date-fns");
19
19
  var _analyticsNext = require("@atlaskit/analytics-next");
20
20
  var _crossCircle = _interopRequireDefault(require("@atlaskit/icon/core/cross-circle"));
21
21
  var _select = require("@atlaskit/select");
22
- var _internal = require("../internal");
23
22
  var _dateTimePickerContainer = require("../internal/date-time-picker-container");
23
+ var _formatDateTimeZoneIntoIso = require("../internal/format-date-time-zone-into-iso");
24
24
  var _parseTokens = require("../internal/parse-tokens");
25
25
  var _datePicker = _interopRequireDefault(require("./date-picker"));
26
26
  var _timePicker = _interopRequireDefault(require("./time-picker"));
@@ -30,7 +30,7 @@ function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbol
30
30
  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; } /// <reference types="node" />
31
31
  // oxlint-disable-next-line @atlassian/no-restricted-imports
32
32
  var packageName = "@atlaskit/datetime-picker";
33
- var packageVersion = "0.0.0-development";
33
+ var packageVersion = "17.7.0";
34
34
  var compiledStyles = {
35
35
  datePickerContainerStyles: "_i0dl1ssb _16jlkb7n _1o9zidpf",
36
36
  timePickerContainerStyles: "_i0dl1ssb _16jlkb7n",
@@ -63,8 +63,6 @@ var dateTimePickerDefaultProps = {
63
63
  // Not including a default prop for value as it will
64
64
  // Make the component a controlled component
65
65
  };
66
- var datePickerDefaultAriaLabel = exports.datePickerDefaultAriaLabel = 'Date';
67
- var timePickerDefaultAriaLabel = exports.timePickerDefaultAriaLabel = 'Time';
68
66
 
69
67
  // eslint-disable-next-line @repo/internal/react/no-class-components
70
68
  var DateTimePickerComponent = exports.DateTimePickerWithoutAnalytics = /*#__PURE__*/function (_React$Component) {
@@ -215,10 +213,10 @@ var DateTimePickerComponent = exports.DateTimePickerWithoutAnalytics = /*#__PURE
215
213
  });
216
214
  if (dateValue && timeValue) {
217
215
  var _this$props$onChange, _this$props5;
218
- var value = (0, _internal.formatDateTimeZoneIntoIso)(dateValue, timeValue, zoneValue);
216
+ var value = (0, _formatDateTimeZoneIntoIso.formatDateTimeZoneIntoIso)(dateValue, timeValue, zoneValue);
219
217
  var _this$parseValue = this.parseValue(value, dateValue, timeValue, zoneValue),
220
218
  parsedZone = _this$parseValue.zoneValue;
221
- var valueWithValidZone = (0, _internal.formatDateTimeZoneIntoIso)(dateValue, timeValue, parsedZone);
219
+ var valueWithValidZone = (0, _formatDateTimeZoneIntoIso.formatDateTimeZoneIntoIso)(dateValue, timeValue, parsedZone);
222
220
  this.setState({
223
221
  value: valueWithValidZone
224
222
  });
@@ -271,13 +269,13 @@ var DateTimePickerComponent = exports.DateTimePickerWithoutAnalytics = /*#__PURE
271
269
  var timeValue = parsedValues === null || parsedValues === void 0 ? void 0 : parsedValues.timeValue;
272
270
  var datePickerSelectProps = datePickerProps === null || datePickerProps === void 0 ? void 0 : datePickerProps.selectProps;
273
271
  var datePickerAriaDescribedBy = datePickerProps['aria-describedby'] || ariaDescribedBy;
274
- var datePickerLabel = datePickerProps.label || datePickerDefaultAriaLabel;
272
+ var datePickerLabel = datePickerProps.label || 'Date';
275
273
  var mergedDatePickerSelectProps = _objectSpread(_objectSpread({}, datePickerSelectProps), {}, {
276
274
  styles: (0, _select.mergeStyles)(styles, datePickerSelectProps === null || datePickerSelectProps === void 0 ? void 0 : datePickerSelectProps.styles)
277
275
  });
278
276
  var timePickerSelectProps = timePickerProps === null || timePickerProps === void 0 ? void 0 : timePickerProps.selectProps;
279
277
  var timePickerAriaDescribedBy = timePickerProps['aria-describedby'] || ariaDescribedBy;
280
- var timePickerLabel = timePickerProps.label || timePickerDefaultAriaLabel;
278
+ var timePickerLabel = timePickerProps.label || 'Time';
281
279
  var mergedTimePickerSelectProps = _objectSpread(_objectSpread({}, timePickerSelectProps), {}, {
282
280
  styles: (0, _select.mergeStyles)(styles, timePickerSelectProps === null || timePickerSelectProps === void 0 ? void 0 : timePickerSelectProps.styles)
283
281
  });
@@ -6,7 +6,7 @@ var _typeof = require("@babel/runtime/helpers/typeof");
6
6
  Object.defineProperty(exports, "__esModule", {
7
7
  value: true
8
8
  });
9
- exports.timePickerDefaultAriaLabel = exports.default = exports.datePickerDefaultAriaLabel = void 0;
9
+ exports.default = void 0;
10
10
  require("./date-time-picker-fc.compiled.css");
11
11
  var _runtime = require("@compiled/react/runtime");
12
12
  var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
@@ -20,8 +20,8 @@ var _new = require("@atlaskit/button/new");
20
20
  var _crossCircle = _interopRequireDefault(require("@atlaskit/icon/core/cross-circle"));
21
21
  var _compiled = require("@atlaskit/primitives/compiled");
22
22
  var _select = require("@atlaskit/select");
23
- var _internal = require("../internal");
24
23
  var _dateTimePickerContainer = require("../internal/date-time-picker-container");
24
+ var _formatDateTimeZoneIntoIso = require("../internal/format-date-time-zone-into-iso");
25
25
  var _parseTokens = require("../internal/parse-tokens");
26
26
  var _datePicker = _interopRequireDefault(require("./date-picker"));
27
27
  var _timePicker = _interopRequireDefault(require("./time-picker"));
@@ -33,7 +33,7 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
33
33
  // for typing `process`
34
34
  // oxlint-disable-next-line @atlassian/no-restricted-imports
35
35
  var packageName = "@atlaskit/datetime-picker";
36
- var packageVersion = "0.0.0-development";
36
+ var packageVersion = "17.7.0";
37
37
  var analyticsAttributes = {
38
38
  componentName: 'dateTimePicker',
39
39
  packageName: packageName,
@@ -73,9 +73,6 @@ var styles = {
73
73
  * that the previous useState approach missed.
74
74
  */
75
75
 
76
- var datePickerDefaultAriaLabel = exports.datePickerDefaultAriaLabel = 'Date';
77
- var timePickerDefaultAriaLabel = exports.timePickerDefaultAriaLabel = 'Time';
78
-
79
76
  /**
80
77
  * __Date time picker__
81
78
  *
@@ -328,10 +325,10 @@ var DateTimePicker = /*#__PURE__*/(0, _react.forwardRef)(function (_ref2, _ref)
328
325
  providedTimeValue = _ref3.providedTimeValue,
329
326
  providedZoneValue = _ref3.providedZoneValue;
330
327
  if (providedDateValue && providedTimeValue) {
331
- var isoValue = (0, _internal.formatDateTimeZoneIntoIso)(providedDateValue, providedTimeValue, providedZoneValue);
328
+ var isoValue = (0, _formatDateTimeZoneIntoIso.formatDateTimeZoneIntoIso)(providedDateValue, providedTimeValue, providedZoneValue);
332
329
  var _parseValue = parseValue(isoValue, providedDateValue, providedTimeValue, providedZoneValue),
333
330
  parsedZone = _parseValue.zoneValue;
334
- var valueWithValidZone = (0, _internal.formatDateTimeZoneIntoIso)(providedDateValue, providedTimeValue, parsedZone);
331
+ var valueWithValidZone = (0, _formatDateTimeZoneIntoIso.formatDateTimeZoneIntoIso)(providedDateValue, providedTimeValue, parsedZone);
335
332
  dispatch({
336
333
  type: 'APPLY',
337
334
  payload: {
@@ -16,17 +16,20 @@ var _analyticsNext = require("@atlaskit/analytics-next");
16
16
  var _noop = _interopRequireDefault(require("@atlaskit/ds-lib/noop"));
17
17
  var _locale = require("@atlaskit/locale");
18
18
  var _select = _interopRequireWildcard(require("@atlaskit/select"));
19
- var _internal = require("../internal");
19
+ var _defaultTimes = require("../internal/default-times");
20
+ var _emptyComponent = require("../internal/empty-component");
20
21
  var _fixedLayerMenu = require("../internal/fixed-layer-menu");
21
22
  var _parseTime = _interopRequireDefault(require("../internal/parse-time"));
22
23
  var _parseTokens = require("../internal/parse-tokens");
24
+ var _placeholderDateTime = require("../internal/placeholder-date-time");
23
25
  var _singleValue = require("../internal/single-value");
24
26
  var _excluded = ["styles"];
25
27
  function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
26
28
  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
29
  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; } // oxlint-disable-next-line @atlassian/no-restricted-imports
28
30
  var packageName = "@atlaskit/datetime-picker";
29
- var packageVersion = "0.0.0-development";
31
+ var packageVersion = "17.7.0";
32
+ var defaultTimeFormat = 'h:mma';
30
33
  var menuStyles = {
31
34
  /* Need to remove default absolute positioning as that causes issues with position fixed */
32
35
  position: 'static',
@@ -102,7 +105,7 @@ var TimePicker = /*#__PURE__*/(0, _react.forwardRef)(function (_ref2, _ref) {
102
105
  _ref2$timeIsEditable = _ref2.timeIsEditable,
103
106
  timeIsEditable = _ref2$timeIsEditable === void 0 ? false : _ref2$timeIsEditable,
104
107
  _ref2$times = _ref2.times,
105
- times = _ref2$times === void 0 ? _internal.defaultTimes : _ref2$times,
108
+ times = _ref2$times === void 0 ? _defaultTimes.defaultTimes : _ref2$times,
106
109
  providedValue = _ref2.value;
107
110
  var _useState = (0, _react.useState)(null),
108
111
  _useState2 = (0, _slicedToArray2.default)(_useState, 2),
@@ -168,7 +171,7 @@ var TimePicker = /*#__PURE__*/(0, _react.forwardRef)(function (_ref2, _ref) {
168
171
  if (timeIsEditable) {
169
172
  var sanitizedInput;
170
173
  try {
171
- sanitizedInput = parseInputValue(inputValue, timeFormat || _internal.defaultTimeFormat);
174
+ sanitizedInput = parseInputValue(inputValue, timeFormat || defaultTimeFormat);
172
175
  } catch (_unused) {
173
176
  return; // do nothing, the main validation should happen in the form
174
177
  }
@@ -239,7 +242,7 @@ var TimePicker = /*#__PURE__*/(0, _react.forwardRef)(function (_ref2, _ref) {
239
242
  */
240
243
  var formatTime = function formatTime(time) {
241
244
  if (formatDisplayLabel) {
242
- return formatDisplayLabel(time, timeFormat || _internal.defaultTimeFormat);
245
+ return formatDisplayLabel(time, timeFormat || defaultTimeFormat);
243
246
  }
244
247
  var date = (0, _parseTime.default)(time);
245
248
  if (!(date instanceof Date)) {
@@ -277,11 +280,11 @@ var TimePicker = /*#__PURE__*/(0, _react.forwardRef)(function (_ref2, _ref) {
277
280
  lang: locale
278
281
  });
279
282
  var selectComponents = _objectSpread({
280
- DropdownIndicator: _internal.EmptyComponent,
283
+ DropdownIndicator: _emptyComponent.EmptyComponent,
281
284
  Menu: _fixedLayerMenu.FixedLayerMenu,
282
285
  SingleValue: SingleValue
283
286
  }, hideIcon && {
284
- ClearIndicator: _internal.EmptyComponent
287
+ ClearIndicator: _emptyComponent.EmptyComponent
285
288
  });
286
289
  var renderIconContainer = Boolean(!hideIcon && value);
287
290
 
@@ -338,7 +341,7 @@ var TimePicker = /*#__PURE__*/(0, _react.forwardRef)(function (_ref2, _ref) {
338
341
  onFocus: onFocus,
339
342
  onMenuOpen: onMenuOpen,
340
343
  onMenuClose: onMenuClose,
341
- placeholder: placeholder || l10n.formatTime(_internal.placeholderDatetime)
344
+ placeholder: placeholder || l10n.formatTime(_placeholderDateTime.placeholderDatetime)
342
345
  // @ts-ignore - Type mismatch with styles config - workaround for help-center local consumption
343
346
  ,
344
347
  styles: mergedStyles,
@@ -0,0 +1,13 @@
1
+ "use strict";
2
+
3
+ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
4
+ Object.defineProperty(exports, "__esModule", {
5
+ value: true
6
+ });
7
+ Object.defineProperty(exports, "default", {
8
+ enumerable: true,
9
+ get: function get() {
10
+ return _datePicker.default;
11
+ }
12
+ });
13
+ var _datePicker = _interopRequireDefault(require("../components/date-picker"));
@@ -0,0 +1,13 @@
1
+ "use strict";
2
+
3
+ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
4
+ Object.defineProperty(exports, "__esModule", {
5
+ value: true
6
+ });
7
+ Object.defineProperty(exports, "default", {
8
+ enumerable: true,
9
+ get: function get() {
10
+ return _dateTimePicker.default;
11
+ }
12
+ });
13
+ var _dateTimePicker = _interopRequireDefault(require("../components/date-time-picker"));
@@ -0,0 +1,13 @@
1
+ "use strict";
2
+
3
+ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
4
+ Object.defineProperty(exports, "__esModule", {
5
+ value: true
6
+ });
7
+ Object.defineProperty(exports, "default", {
8
+ enumerable: true,
9
+ get: function get() {
10
+ return _timePicker.default;
11
+ }
12
+ });
13
+ var _timePicker = _interopRequireDefault(require("../components/time-picker"));
@@ -0,0 +1 @@
1
+ "use strict";
@@ -0,0 +1,7 @@
1
+ "use strict";
2
+
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
+ });
6
+ exports.defaultDateFormat = void 0;
7
+ var defaultDateFormat = exports.defaultDateFormat = 'YYYY/MM/DD';
@@ -0,0 +1,7 @@
1
+ "use strict";
2
+
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
+ });
6
+ exports.defaultTimes = void 0;
7
+ var defaultTimes = exports.defaultTimes = ['09:00', '09:30', '10:00', '10:30', '11:00', '11:30', '12:00', '12:30', '13:00', '13:30', '14:00', '14:30', '15:00', '15:30', '16:00', '16:30', '17:00', '17:30', '18:00'];
@@ -0,0 +1,12 @@
1
+ "use strict";
2
+
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
+ });
6
+ exports.EmptyComponent = void 0;
7
+ /**
8
+ * This component is used to hide portions of Select component.
9
+ */
10
+ var EmptyComponent = exports.EmptyComponent = function EmptyComponent() {
11
+ return null;
12
+ };
@@ -0,0 +1,15 @@
1
+ "use strict";
2
+
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
+ });
6
+ exports.formatDateTimeZoneIntoIso = formatDateTimeZoneIntoIso;
7
+ /**
8
+ * Formats a date, time, and zone into a ISO string.
9
+ */
10
+ function formatDateTimeZoneIntoIso(date, time, zone) {
11
+ // 12:00 => 12:00, 1:00 => 01:00
12
+ var needsLeadingZero = /^\d:/;
13
+ var sanitizedTime = needsLeadingZero.test(time) ? "0".concat(time) : time;
14
+ return "".concat(date, "T").concat(sanitizedTime).concat(zone);
15
+ }
@@ -5,8 +5,8 @@ Object.defineProperty(exports, "__esModule", {
5
5
  });
6
6
  exports.formatDate = void 0;
7
7
  var _dateFns = require("date-fns");
8
+ var _defaultDateFormat = require("./default-date-format");
8
9
  var _parseTokens = require("./parse-tokens");
9
- var _index = require("./index");
10
10
  /**
11
11
  * Everything in this file is to smooth out the migration of the new date picker
12
12
  * (https://product-fabric.atlassian.net/browse/DSP-20682). When that ticket is
@@ -32,7 +32,7 @@ var formatDate = exports.formatDate = function formatDate(value, di) {
32
32
  dateFormat = di.dateFormat,
33
33
  l10n = di.l10n;
34
34
  if (formatDisplayLabel) {
35
- return formatDisplayLabel(value, dateFormat || _index.defaultDateFormat);
35
+ return formatDisplayLabel(value, dateFormat || _defaultDateFormat.defaultDateFormat);
36
36
  }
37
37
  var date = (0, _dateFns.parseISO)(value);
38
38
  return dateFormat ? (0, _dateFns.format)(date, (0, _parseTokens.convertTokens)(dateFormat)) : l10n.formatDate(date);
@@ -7,7 +7,7 @@ Object.defineProperty(exports, "__esModule", {
7
7
  exports.getParsedISO = void 0;
8
8
  var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
9
9
  var _dateFns = require("date-fns");
10
- var _index = require("./index");
10
+ var _padTwo = require("./pad-two");
11
11
  /**
12
12
  * Everything in this file is to smooth out the migration of the new date picker
13
13
  * (https://product-fabric.atlassian.net/browse/DSP-20682). When that ticket is
@@ -42,9 +42,9 @@ var getParsedISO = exports.getParsedISO = function getParsedISO(di) {
42
42
  var lastDayInMonth = (0, _dateFns.lastDayOfMonth)(new Date(parsedYear, parsedMonth - 1) // This needs to be -1, because the Date constructor expects an index of the given month
43
43
  ).getDate();
44
44
  if (lastDayInMonth < parsedDate) {
45
- newIso = "".concat(parsedYear, "-").concat((0, _index.padToTwo)(parsedMonth), "-").concat((0, _index.padToTwo)(lastDayInMonth));
45
+ newIso = "".concat(parsedYear, "-").concat((0, _padTwo.padToTwo)(parsedMonth), "-").concat((0, _padTwo.padToTwo)(lastDayInMonth));
46
46
  } else {
47
- newIso = "".concat(parsedYear, "-").concat((0, _index.padToTwo)(parsedMonth), "-").concat((0, _index.padToTwo)(parsedDate));
47
+ newIso = "".concat(parsedYear, "-").concat((0, _padTwo.padToTwo)(parsedMonth), "-").concat((0, _padTwo.padToTwo)(parsedDate));
48
48
  }
49
49
  return newIso;
50
50
  };
@@ -4,7 +4,7 @@ Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
6
  exports.getPlaceholder = void 0;
7
- var _index = require("./index");
7
+ var _placeholderDateTime = require("./placeholder-date-time");
8
8
  /**
9
9
  * Everything in this file is to smooth out the migration of the new date picker
10
10
  * (https://product-fabric.atlassian.net/browse/DSP-20682). When that ticket is
@@ -28,5 +28,5 @@ var _index = require("./index");
28
28
  var getPlaceholder = exports.getPlaceholder = function getPlaceholder(di) {
29
29
  var placeholder = di.placeholder,
30
30
  l10n = di.l10n;
31
- return placeholder || l10n.formatDate(_index.placeholderDatetime);
31
+ return placeholder || l10n.formatDate(_placeholderDateTime.placeholderDatetime);
32
32
  };
@@ -0,0 +1,9 @@
1
+ "use strict";
2
+
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
+ });
6
+ exports.padToTwo = padToTwo;
7
+ function padToTwo(number) {
8
+ return number <= 99 ? "0".concat(number).slice(-2) : "".concat(number);
9
+ }
@@ -4,7 +4,7 @@ Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
6
  exports.parseDate = void 0;
7
- var _index = require("./index");
7
+ var _defaultDateFormat = require("./default-date-format");
8
8
  /**
9
9
  * Everything in this file is to smooth out the migration of the new date picker
10
10
  * (https://product-fabric.atlassian.net/browse/DSP-20682). When that ticket is
@@ -34,7 +34,7 @@ var parseDate = exports.parseDate = function parseDate(date, di) {
34
34
  dateFormat = di.dateFormat,
35
35
  l10n = di.l10n;
36
36
  if (parseInputValue) {
37
- return parseInputValue(date, dateFormat || _index.defaultDateFormat);
37
+ return parseInputValue(date, dateFormat || _defaultDateFormat.defaultDateFormat);
38
38
  }
39
39
  return l10n.parseDate(date);
40
40
  };
@@ -0,0 +1,9 @@
1
+ "use strict";
2
+
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
+ });
6
+ exports.placeholderDatetime = void 0;
7
+ // This date was chosen to clearly show date and time formats (day > 12)
8
+ // e.g. 18/02/1993 vs. 2/18/1993 and 1:00 PM vs 13:00
9
+ var placeholderDatetime = exports.placeholderDatetime = new Date(1993, 1, 18, 13);
@@ -17,7 +17,7 @@ import CalendarIcon from '@atlaskit/icon/core/calendar';
17
17
  import { createLocalizationProvider } from '@atlaskit/locale';
18
18
  import { Box } from '@atlaskit/primitives/compiled';
19
19
  import Select, { mergeStyles } from '@atlaskit/select';
20
- import { EmptyComponent } from '../internal';
20
+ import { EmptyComponent } from '../internal/empty-component';
21
21
  import { formatDate } from '../internal/format-date';
22
22
  import { getParsedISO } from '../internal/get-parsed-iso';
23
23
  import { getPlaceholder } from '../internal/get-placeholder';
@@ -29,7 +29,7 @@ import { Menu } from '../internal/menu';
29
29
  import { parseDate } from '../internal/parse-date';
30
30
  import { makeSingleValue } from '../internal/single-value';
31
31
  const packageName = "@atlaskit/datetime-picker";
32
- const packageVersion = "0.0.0-development";
32
+ const packageVersion = "17.7.0";
33
33
  const styles = {
34
34
  pickerContainerStyle: "_kqswh2mm",
35
35
  dropdownIndicatorStyles: "_1ul91k8s _1tke1k8s _1e0c1txw _4cvr1h6o _1bah1h6o",
@@ -10,13 +10,13 @@ import { format, isValid, parseISO } from 'date-fns';
10
10
  import { createAndFireEvent, withAnalyticsContext, withAnalyticsEvents } from '@atlaskit/analytics-next';
11
11
  import SelectClearIcon from '@atlaskit/icon/core/cross-circle';
12
12
  import { mergeStyles } from '@atlaskit/select';
13
- import { formatDateTimeZoneIntoIso } from '../internal';
14
13
  import { DateTimePickerContainer } from '../internal/date-time-picker-container';
14
+ import { formatDateTimeZoneIntoIso } from '../internal/format-date-time-zone-into-iso';
15
15
  import { convertTokens } from '../internal/parse-tokens';
16
16
  import DatePicker from './date-picker';
17
17
  import TimePicker from './time-picker';
18
18
  const packageName = "@atlaskit/datetime-picker";
19
- const packageVersion = "0.0.0-development";
19
+ const packageVersion = "17.7.0";
20
20
  const compiledStyles = {
21
21
  datePickerContainerStyles: "_i0dl1ssb _16jlkb7n _1o9zidpf",
22
22
  timePickerContainerStyles: "_i0dl1ssb _16jlkb7n",
@@ -48,8 +48,6 @@ const dateTimePickerDefaultProps = {
48
48
  // Not including a default prop for value as it will
49
49
  // Make the component a controlled component
50
50
  };
51
- export const datePickerDefaultAriaLabel = 'Date';
52
- export const timePickerDefaultAriaLabel = 'Time';
53
51
 
54
52
  // eslint-disable-next-line @repo/internal/react/no-class-components
55
53
  class DateTimePickerComponent extends React.Component {
@@ -233,14 +231,14 @@ class DateTimePickerComponent extends React.Component {
233
231
  const timeValue = parsedValues === null || parsedValues === void 0 ? void 0 : parsedValues.timeValue;
234
232
  const datePickerSelectProps = datePickerProps === null || datePickerProps === void 0 ? void 0 : datePickerProps.selectProps;
235
233
  const datePickerAriaDescribedBy = datePickerProps['aria-describedby'] || ariaDescribedBy;
236
- const datePickerLabel = datePickerProps.label || datePickerDefaultAriaLabel;
234
+ const datePickerLabel = datePickerProps.label || 'Date';
237
235
  const mergedDatePickerSelectProps = {
238
236
  ...datePickerSelectProps,
239
237
  styles: mergeStyles(styles, datePickerSelectProps === null || datePickerSelectProps === void 0 ? void 0 : datePickerSelectProps.styles)
240
238
  };
241
239
  const timePickerSelectProps = timePickerProps === null || timePickerProps === void 0 ? void 0 : timePickerProps.selectProps;
242
240
  const timePickerAriaDescribedBy = timePickerProps['aria-describedby'] || ariaDescribedBy;
243
- const timePickerLabel = timePickerProps.label || timePickerDefaultAriaLabel;
241
+ const timePickerLabel = timePickerProps.label || 'Time';
244
242
  const mergedTimePickerSelectProps = {
245
243
  ...timePickerSelectProps,
246
244
  styles: mergeStyles(styles, timePickerSelectProps === null || timePickerSelectProps === void 0 ? void 0 : timePickerSelectProps.styles)
@@ -14,13 +14,13 @@ import { IconButton } from '@atlaskit/button/new';
14
14
  import SelectClearIcon from '@atlaskit/icon/core/cross-circle';
15
15
  import { Box, Inline } from '@atlaskit/primitives/compiled';
16
16
  import { mergeStyles } from '@atlaskit/select';
17
- import { formatDateTimeZoneIntoIso } from '../internal';
18
17
  import { DateTimePickerContainer } from '../internal/date-time-picker-container';
18
+ import { formatDateTimeZoneIntoIso } from '../internal/format-date-time-zone-into-iso';
19
19
  import { convertTokens } from '../internal/parse-tokens';
20
20
  import DatePicker from './date-picker';
21
21
  import TimePicker from './time-picker';
22
22
  const packageName = "@atlaskit/datetime-picker";
23
- const packageVersion = "0.0.0-development";
23
+ const packageVersion = "17.7.0";
24
24
  const analyticsAttributes = {
25
25
  componentName: 'dateTimePicker',
26
26
  packageName,
@@ -59,9 +59,6 @@ const styles = {
59
59
  * that the previous useState approach missed.
60
60
  */
61
61
 
62
- export const datePickerDefaultAriaLabel = 'Date';
63
- export const timePickerDefaultAriaLabel = 'Time';
64
-
65
62
  /**
66
63
  * __Date time picker__
67
64
  *
@@ -7,13 +7,16 @@ import { usePlatformLeafEventHandler } from '@atlaskit/analytics-next';
7
7
  import __noop from '@atlaskit/ds-lib/noop';
8
8
  import { createLocalizationProvider } from '@atlaskit/locale';
9
9
  import Select, { CreatableSelect, mergeStyles } from '@atlaskit/select';
10
- import { defaultTimeFormat, defaultTimes, EmptyComponent, placeholderDatetime } from '../internal';
10
+ import { defaultTimes } from '../internal/default-times';
11
+ import { EmptyComponent } from '../internal/empty-component';
11
12
  import { FixedLayerMenu } from '../internal/fixed-layer-menu';
12
13
  import parseTime from '../internal/parse-time';
13
14
  import { convertTokens } from '../internal/parse-tokens';
15
+ import { placeholderDatetime } from '../internal/placeholder-date-time';
14
16
  import { makeSingleValue } from '../internal/single-value';
15
17
  const packageName = "@atlaskit/datetime-picker";
16
- const packageVersion = "0.0.0-development";
18
+ const packageVersion = "17.7.0";
19
+ const defaultTimeFormat = 'h:mma';
17
20
  const menuStyles = {
18
21
  /* Need to remove default absolute positioning as that causes issues with position fixed */
19
22
  position: 'static',
@@ -0,0 +1 @@
1
+ export { default } from '../components/date-picker';
@@ -0,0 +1 @@
1
+ export { default } from '../components/date-time-picker';
@@ -0,0 +1 @@
1
+ export { default } from '../components/time-picker';
File without changes
@@ -0,0 +1 @@
1
+ export const defaultDateFormat = 'YYYY/MM/DD';
@@ -0,0 +1 @@
1
+ export const defaultTimes = ['09:00', '09:30', '10:00', '10:30', '11:00', '11:30', '12:00', '12:30', '13:00', '13:30', '14:00', '14:30', '15:00', '15:30', '16:00', '16:30', '17:00', '17:30', '18:00'];
@@ -0,0 +1,4 @@
1
+ /**
2
+ * This component is used to hide portions of Select component.
3
+ */
4
+ export const EmptyComponent = () => null;
@@ -0,0 +1,9 @@
1
+ /**
2
+ * Formats a date, time, and zone into a ISO string.
3
+ */
4
+ export function formatDateTimeZoneIntoIso(date, time, zone) {
5
+ // 12:00 => 12:00, 1:00 => 01:00
6
+ const needsLeadingZero = /^\d:/;
7
+ const sanitizedTime = needsLeadingZero.test(time) ? `0${time}` : time;
8
+ return `${date}T${sanitizedTime}${zone}`;
9
+ }
@@ -18,8 +18,8 @@
18
18
 
19
19
  // oxlint-disable-next-line @atlassian/no-restricted-imports
20
20
  import { format, parseISO } from 'date-fns';
21
+ import { defaultDateFormat } from './default-date-format';
21
22
  import { convertTokens } from './parse-tokens';
22
- import { defaultDateFormat } from './index';
23
23
  export const formatDate = (value, di) => {
24
24
  const {
25
25
  formatDisplayLabel,