@atlaskit/datetime-picker 18.4.2 → 18.5.1

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 CHANGED
@@ -1,5 +1,24 @@
1
1
  # @atlaskit/datetime-picker
2
2
 
3
+ ## 18.5.1
4
+
5
+ ### Patch Changes
6
+
7
+ - [`d7eeefc938dd4`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/d7eeefc938dd4) -
8
+ Cleaned up new shape theme styles, making new border and radius values the default.
9
+ - Updated dependencies
10
+
11
+ ## 18.5.0
12
+
13
+ ### Minor Changes
14
+
15
+ - [`bd2c5b0112185`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/bd2c5b0112185) -
16
+ Remove stale API report artifacts from published Platform packages.
17
+
18
+ ### Patch Changes
19
+
20
+ - Updated dependencies
21
+
3
22
  ## 18.4.2
4
23
 
5
24
  ### Patch Changes
@@ -45,7 +45,7 @@ function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r
45
45
  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; }
46
46
  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; }
47
47
  var packageName = "@atlaskit/datetime-picker";
48
- var packageVersion = "18.4.1";
48
+ var packageVersion = "18.5.0";
49
49
  var styles = {
50
50
  pickerContainerStyle: "_kqswh2mm",
51
51
  dropdownIndicatorStyles: "_1ul91k8s _1tke1k8s _1e0c1txw _4cvr1h6o _1bah1h6o",
@@ -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 = "18.4.1";
36
+ var packageVersion = "18.5.0";
37
37
  var analyticsAttributes = {
38
38
  componentName: 'dateTimePicker',
39
39
  packageName: packageName,
@@ -32,7 +32,7 @@ function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r
32
32
  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; }
33
33
  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
34
34
  var packageName = "@atlaskit/datetime-picker";
35
- var packageVersion = "18.4.1";
35
+ var packageVersion = "18.5.0";
36
36
  var defaultTimeFormat = 'h:mma';
37
37
  var menuStyles = {
38
38
  /* Need to remove default absolute positioning as that causes issues with position fixed */
@@ -1,5 +1,4 @@
1
1
  ._19itno8c{border:var(--ds-border-width,1px) solid var(--ds-border-input,#8c8f97)}
2
- ._2rko12b0{border-radius:var(--ds-radius-small,4px)}
3
2
  ._2rko1qi0{border-radius:var(--ds-radius-medium,6px)}
4
3
  ._v564r5cv{transition:background-color .2s ease-in-out,border-color .2s ease-in-out}
5
4
  ._1h6d1bqt{border-color:var(--ds-border-danger,#e2483d)}
@@ -12,7 +12,6 @@ var _react = _interopRequireWildcard(require("react"));
12
12
  var React = _react;
13
13
  var _runtime = require("@compiled/react/runtime");
14
14
  var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
15
- var _fg = require("@atlaskit/platform-feature-flags/fg");
16
15
  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); }
17
16
  var isInvalidBorderStyles = null;
18
17
  var isFocusedBorderStyles = null;
@@ -25,8 +24,6 @@ var isInvalidHoverStyles = null;
25
24
  var isDisabledStyles = null;
26
25
  var newBorderStyles = null;
27
26
  var baseContainerStyles = null;
28
- // platform-dst-shape-theme-default TODO: Merge into base after rollout
29
- var baseContainerStylesT26Shape = null;
30
27
  /**
31
28
  * This is the container for the datetime picker component.
32
29
  */
@@ -44,6 +41,6 @@ var DateTimePickerContainer = exports.DateTimePickerContainer = /*#__PURE__*/(0,
44
41
  return /*#__PURE__*/React.createElement("div", (0, _extends2.default)({}, innerProps, {
45
42
  "data-testid": testId,
46
43
  ref: ref,
47
- className: (0, _runtime.ax)(["_2rko12b0 _v564r5cv _1e0c1txw _bfhk1j9a _d0altlke", (0, _fg.fg)('platform-dst-shape-theme-default') && "_2rko1qi0", "_19itno8c", isDisabled && "_1h6dbk0g _bfhk187o _d0al73ad", isFocused && "_bfhkr01l", appearance === 'subtle' && isFocused && "_1h6d1j28 _bfhkr01l", appearance === 'subtle' && !isFocused && "_1h6d1j28 _bfhk1j28", isFocused && "_1h6d1v1w _16qsvyy1", isInvalid && "_1h6d1bqt", notFocusedOrIsDisabled && isInvalid && "_4cvx1bqt _irr3l4ek", notFocusedOrIsDisabled && !isInvalid && "_4cvxrsbi _irr3l4ek", appearance === 'none' && "_1h6d1j28 _bfhk1j28 _4cvx1j28 _irr31j28"])
44
+ className: (0, _runtime.ax)(["_2rko1qi0 _v564r5cv _1e0c1txw _bfhk1j9a _d0altlke", "_19itno8c", isDisabled && "_1h6dbk0g _bfhk187o _d0al73ad", isFocused && "_bfhkr01l", appearance === 'subtle' && isFocused && "_1h6d1j28 _bfhkr01l", appearance === 'subtle' && !isFocused && "_1h6d1j28 _bfhk1j28", isFocused && "_1h6d1v1w _16qsvyy1", isInvalid && "_1h6d1bqt", notFocusedOrIsDisabled && isInvalid && "_4cvx1bqt _irr3l4ek", notFocusedOrIsDisabled && !isInvalid && "_4cvxrsbi _irr3l4ek", appearance === 'none' && "_1h6d1j28 _bfhk1j28 _4cvx1j28 _irr31j28"])
48
45
  }), children);
49
46
  });
@@ -32,7 +32,7 @@ import { MenuTopLayer } from '../internal/menu-top-layer';
32
32
  import { parseDate } from '../internal/parse-date';
33
33
  import { makeSingleValue } from '../internal/single-value';
34
34
  const packageName = "@atlaskit/datetime-picker";
35
- const packageVersion = "18.4.1";
35
+ const packageVersion = "18.5.0";
36
36
  const styles = {
37
37
  pickerContainerStyle: "_kqswh2mm",
38
38
  dropdownIndicatorStyles: "_1ul91k8s _1tke1k8s _1e0c1txw _4cvr1h6o _1bah1h6o",
@@ -20,7 +20,7 @@ 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 = "18.4.1";
23
+ const packageVersion = "18.5.0";
24
24
  const analyticsAttributes = {
25
25
  componentName: 'dateTimePicker',
26
26
  packageName,
@@ -19,7 +19,7 @@ import { convertTokens } from '../internal/parse-tokens';
19
19
  import { placeholderDatetime } from '../internal/placeholder-date-time';
20
20
  import { makeSingleValue } from '../internal/single-value';
21
21
  const packageName = "@atlaskit/datetime-picker";
22
- const packageVersion = "18.4.1";
22
+ const packageVersion = "18.5.0";
23
23
  const defaultTimeFormat = 'h:mma';
24
24
  const menuStyles = {
25
25
  /* Need to remove default absolute positioning as that causes issues with position fixed */
@@ -1,5 +1,4 @@
1
1
  ._19itno8c{border:var(--ds-border-width,1px) solid var(--ds-border-input,#8c8f97)}
2
- ._2rko12b0{border-radius:var(--ds-radius-small,4px)}
3
2
  ._2rko1qi0{border-radius:var(--ds-radius-medium,6px)}
4
3
  ._v564r5cv{transition:background-color .2s ease-in-out,border-color .2s ease-in-out}
5
4
  ._1h6d1bqt{border-color:var(--ds-border-danger,#e2483d)}
@@ -4,7 +4,6 @@ import "./date-time-picker-container.compiled.css";
4
4
  import * as React from 'react';
5
5
  import { ax, ix } from "@compiled/react/runtime";
6
6
  import { forwardRef } from 'react';
7
- import { fg } from '@atlaskit/platform-feature-flags/fg';
8
7
  const isInvalidBorderStyles = null;
9
8
  const isFocusedBorderStyles = null;
10
9
  const isFocusedStyles = null;
@@ -16,8 +15,6 @@ const isInvalidHoverStyles = null;
16
15
  const isDisabledStyles = null;
17
16
  const newBorderStyles = null;
18
17
  const baseContainerStyles = null;
19
- // platform-dst-shape-theme-default TODO: Merge into base after rollout
20
- const baseContainerStylesT26Shape = null;
21
18
  /**
22
19
  * This is the container for the datetime picker component.
23
20
  */
@@ -36,6 +33,6 @@ export const DateTimePickerContainer = /*#__PURE__*/forwardRef(({
36
33
  return /*#__PURE__*/React.createElement("div", _extends({}, innerProps, {
37
34
  "data-testid": testId,
38
35
  ref: ref,
39
- className: ax(["_2rko12b0 _v564r5cv _1e0c1txw _bfhk1j9a _d0altlke", fg('platform-dst-shape-theme-default') && "_2rko1qi0", "_19itno8c", isDisabled && "_1h6dbk0g _bfhk187o _d0al73ad", isFocused && "_bfhkr01l", appearance === 'subtle' && isFocused && "_1h6d1j28 _bfhkr01l", appearance === 'subtle' && !isFocused && "_1h6d1j28 _bfhk1j28", isFocused && "_1h6d1v1w _16qsvyy1", isInvalid && "_1h6d1bqt", notFocusedOrIsDisabled && isInvalid && "_4cvx1bqt _irr3l4ek", notFocusedOrIsDisabled && !isInvalid && "_4cvxrsbi _irr3l4ek", appearance === 'none' && "_1h6d1j28 _bfhk1j28 _4cvx1j28 _irr31j28"])
36
+ className: ax(["_2rko1qi0 _v564r5cv _1e0c1txw _bfhk1j9a _d0altlke", "_19itno8c", isDisabled && "_1h6dbk0g _bfhk187o _d0al73ad", isFocused && "_bfhkr01l", appearance === 'subtle' && isFocused && "_1h6d1j28 _bfhkr01l", appearance === 'subtle' && !isFocused && "_1h6d1j28 _bfhk1j28", isFocused && "_1h6d1v1w _16qsvyy1", isInvalid && "_1h6d1bqt", notFocusedOrIsDisabled && isInvalid && "_4cvx1bqt _irr3l4ek", notFocusedOrIsDisabled && !isInvalid && "_4cvxrsbi _irr3l4ek", appearance === 'none' && "_1h6d1j28 _bfhk1j28 _4cvx1j28 _irr31j28"])
40
37
  }), children);
41
38
  });
@@ -38,7 +38,7 @@ import { MenuTopLayer } from '../internal/menu-top-layer';
38
38
  import { parseDate } from '../internal/parse-date';
39
39
  import { makeSingleValue } from '../internal/single-value';
40
40
  var packageName = "@atlaskit/datetime-picker";
41
- var packageVersion = "18.4.1";
41
+ var packageVersion = "18.5.0";
42
42
  var styles = {
43
43
  pickerContainerStyle: "_kqswh2mm",
44
44
  dropdownIndicatorStyles: "_1ul91k8s _1tke1k8s _1e0c1txw _4cvr1h6o _1bah1h6o",
@@ -27,7 +27,7 @@ import { convertTokens } from '../internal/parse-tokens';
27
27
  import DatePicker from './date-picker';
28
28
  import TimePicker from './time-picker';
29
29
  var packageName = "@atlaskit/datetime-picker";
30
- var packageVersion = "18.4.1";
30
+ var packageVersion = "18.5.0";
31
31
  var analyticsAttributes = {
32
32
  componentName: 'dateTimePicker',
33
33
  packageName: packageName,
@@ -25,7 +25,7 @@ import { convertTokens } from '../internal/parse-tokens';
25
25
  import { placeholderDatetime } from '../internal/placeholder-date-time';
26
26
  import { makeSingleValue } from '../internal/single-value';
27
27
  var packageName = "@atlaskit/datetime-picker";
28
- var packageVersion = "18.4.1";
28
+ var packageVersion = "18.5.0";
29
29
  var defaultTimeFormat = 'h:mma';
30
30
  var menuStyles = {
31
31
  /* Need to remove default absolute positioning as that causes issues with position fixed */
@@ -1,5 +1,4 @@
1
1
  ._19itno8c{border:var(--ds-border-width,1px) solid var(--ds-border-input,#8c8f97)}
2
- ._2rko12b0{border-radius:var(--ds-radius-small,4px)}
3
2
  ._2rko1qi0{border-radius:var(--ds-radius-medium,6px)}
4
3
  ._v564r5cv{transition:background-color .2s ease-in-out,border-color .2s ease-in-out}
5
4
  ._1h6d1bqt{border-color:var(--ds-border-danger,#e2483d)}
@@ -4,7 +4,6 @@ import "./date-time-picker-container.compiled.css";
4
4
  import * as React from 'react';
5
5
  import { ax, ix } from "@compiled/react/runtime";
6
6
  import { forwardRef } from 'react';
7
- import { fg } from '@atlaskit/platform-feature-flags/fg';
8
7
  var isInvalidBorderStyles = null;
9
8
  var isFocusedBorderStyles = null;
10
9
  var isFocusedStyles = null;
@@ -16,8 +15,6 @@ var isInvalidHoverStyles = null;
16
15
  var isDisabledStyles = null;
17
16
  var newBorderStyles = null;
18
17
  var baseContainerStyles = null;
19
- // platform-dst-shape-theme-default TODO: Merge into base after rollout
20
- var baseContainerStylesT26Shape = null;
21
18
  /**
22
19
  * This is the container for the datetime picker component.
23
20
  */
@@ -35,6 +32,6 @@ export var DateTimePickerContainer = /*#__PURE__*/forwardRef(function (_ref, ref
35
32
  return /*#__PURE__*/React.createElement("div", _extends({}, innerProps, {
36
33
  "data-testid": testId,
37
34
  ref: ref,
38
- className: ax(["_2rko12b0 _v564r5cv _1e0c1txw _bfhk1j9a _d0altlke", fg('platform-dst-shape-theme-default') && "_2rko1qi0", "_19itno8c", isDisabled && "_1h6dbk0g _bfhk187o _d0al73ad", isFocused && "_bfhkr01l", appearance === 'subtle' && isFocused && "_1h6d1j28 _bfhkr01l", appearance === 'subtle' && !isFocused && "_1h6d1j28 _bfhk1j28", isFocused && "_1h6d1v1w _16qsvyy1", isInvalid && "_1h6d1bqt", notFocusedOrIsDisabled && isInvalid && "_4cvx1bqt _irr3l4ek", notFocusedOrIsDisabled && !isInvalid && "_4cvxrsbi _irr3l4ek", appearance === 'none' && "_1h6d1j28 _bfhk1j28 _4cvx1j28 _irr31j28"])
35
+ className: ax(["_2rko1qi0 _v564r5cv _1e0c1txw _bfhk1j9a _d0altlke", "_19itno8c", isDisabled && "_1h6dbk0g _bfhk187o _d0al73ad", isFocused && "_bfhkr01l", appearance === 'subtle' && isFocused && "_1h6d1j28 _bfhkr01l", appearance === 'subtle' && !isFocused && "_1h6d1j28 _bfhk1j28", isFocused && "_1h6d1v1w _16qsvyy1", isInvalid && "_1h6d1bqt", notFocusedOrIsDisabled && isInvalid && "_4cvx1bqt _irr3l4ek", notFocusedOrIsDisabled && !isInvalid && "_4cvxrsbi _irr3l4ek", appearance === 'none' && "_1h6d1j28 _bfhk1j28 _4cvx1j28 _irr31j28"])
39
36
  }), children);
40
37
  });
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@atlaskit/datetime-picker",
3
- "version": "18.4.2",
3
+ "version": "18.5.1",
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/"
@@ -31,21 +31,21 @@
31
31
  }
32
32
  },
33
33
  "dependencies": {
34
- "@atlaskit/analytics-next": "^12.4.0",
35
- "@atlaskit/button": "^25.2.0",
36
- "@atlaskit/calendar": "^19.1.0",
34
+ "@atlaskit/analytics-next": "^12.5.0",
35
+ "@atlaskit/button": "^25.3.0",
36
+ "@atlaskit/calendar": "^19.2.0",
37
37
  "@atlaskit/css": "^1.1.0",
38
38
  "@atlaskit/ds-lib": "^8.0.0",
39
- "@atlaskit/icon": "^37.5.0",
40
- "@atlaskit/layering": "^5.1.0",
41
- "@atlaskit/locale": "^5.1.0",
42
- "@atlaskit/platform-feature-flags": "^2.1.0",
43
- "@atlaskit/popper": "^9.3.0",
44
- "@atlaskit/primitives": "^22.4.0",
39
+ "@atlaskit/icon": "^37.6.0",
40
+ "@atlaskit/layering": "^5.2.0",
41
+ "@atlaskit/locale": "^5.2.0",
42
+ "@atlaskit/platform-feature-flags": "^2.2.0",
43
+ "@atlaskit/popper": "^9.4.0",
44
+ "@atlaskit/primitives": "^22.5.0",
45
45
  "@atlaskit/react-compiler-gating": "^0.2.0",
46
46
  "@atlaskit/react-select": "^4.9.0",
47
- "@atlaskit/select": "^22.10.0",
48
- "@atlaskit/tokens": "^16.9.0",
47
+ "@atlaskit/select": "^22.11.0",
48
+ "@atlaskit/tokens": "^16.11.0",
49
49
  "@atlaskit/top-layer": "^4.4.0",
50
50
  "@babel/runtime": "^7.0.0",
51
51
  "@compiled/react": "^1.0.2",
@@ -58,19 +58,19 @@
58
58
  "@af/accessibility-testing": "workspace:^",
59
59
  "@af/integration-testing": "workspace:^",
60
60
  "@af/visual-regression": "workspace:^",
61
- "@atlaskit/code": "^19.1.0",
62
- "@atlaskit/codemod-utils": "^5.0.0",
61
+ "@atlaskit/code": "^19.2.0",
62
+ "@atlaskit/codemod-utils": "^5.1.0",
63
63
  "@atlaskit/docs": "^12.2.0",
64
- "@atlaskit/form": "^17.1.0",
65
- "@atlaskit/heading": "^7.1.0",
64
+ "@atlaskit/form": "^17.2.0",
65
+ "@atlaskit/heading": "^7.2.0",
66
66
  "@atlaskit/link": "^5.1.0",
67
- "@atlaskit/modal-dialog": "^16.5.0",
68
- "@atlaskit/popup": "^6.2.0",
69
- "@atlaskit/range": "^12.1.0",
70
- "@atlaskit/section-message": "^10.1.0",
71
- "@atlaskit/textfield": "^10.1.0",
72
- "@atlaskit/toggle": "^17.2.0",
73
- "@atlassian/feature-flags-test-utils": "^1.2.0",
67
+ "@atlaskit/modal-dialog": "^16.6.0",
68
+ "@atlaskit/popup": "^6.3.0",
69
+ "@atlaskit/range": "^12.2.0",
70
+ "@atlaskit/section-message": "^10.2.0",
71
+ "@atlaskit/textfield": "^10.2.0",
72
+ "@atlaskit/toggle": "^17.3.0",
73
+ "@atlassian/feature-flags-test-utils": "^1.3.0",
74
74
  "@atlassian/ssr-tests": "workspace:^",
75
75
  "@atlassian/structured-docs-types": "workspace:^",
76
76
  "@testing-library/react": "^16.3.0",
@@ -87,9 +87,6 @@
87
87
  "platform-dst-top-layer": {
88
88
  "type": "boolean"
89
89
  },
90
- "platform-dst-shape-theme-default": {
91
- "type": "boolean"
92
- },
93
90
  "platform-dst-dp-parse-date-format": {
94
91
  "type": "boolean"
95
92
  }
package/report.api.md DELETED
@@ -1,517 +0,0 @@
1
- <!-- API Report Version: 2.3 -->
2
-
3
- ## API Report File for "@atlaskit/datetime-picker"
4
-
5
- > Do not edit this file. This report is auto-generated using
6
- > [API Extractor](https://api-extractor.com/).
7
- > [Learn more about API reports](https://hello.atlassian.net/wiki/spaces/UR/pages/1825484529/Package+API+Reports)
8
-
9
- ### Table of contents
10
-
11
- - [Main Entry Types](#main-entry-types)
12
- - [Peer Dependencies](#peer-dependencies)
13
-
14
- ### Main Entry Types
15
-
16
- <!--SECTION START: Main Entry Types-->
17
-
18
- ```ts
19
- import { ComponentType } from 'react';
20
- import { DropdownIndicatorProps } from '@atlaskit/select';
21
- import { FocusEvent as FocusEvent_2 } from 'react';
22
- import { ForwardRefExoticComponent } from 'react';
23
- import { GroupType } from '@atlaskit/select';
24
- import { OptionType } from '@atlaskit/select';
25
- import { default as React_2 } from 'react';
26
- import { RefAttributes } from 'react';
27
- import { SelectProps } from '@atlaskit/select';
28
- import { WithAnalyticsEventsProps } from '@atlaskit/analytics-next';
29
- import { WithContextProps } from '@atlaskit/analytics-next';
30
-
31
- // @public (undocumented)
32
- export type Appearance = 'default' | 'none' | 'subtle';
33
-
34
- // @public (undocumented)
35
- export const DatePicker: ForwardRefExoticComponent<
36
- Pick<
37
- Pick<
38
- Omit<DatePickerProps_2, keyof WithAnalyticsEventsProps>,
39
- | 'dateFormat'
40
- | 'formatDisplayLabel'
41
- | 'isOpen'
42
- | 'maxDate'
43
- | 'minDate'
44
- | 'nextMonthLabel'
45
- | 'parseInputValue'
46
- | 'placeholder'
47
- | 'previousMonthLabel'
48
- | 'testId'
49
- | 'value'
50
- | 'weekStartDay'
51
- > &
52
- Partial<
53
- Pick<
54
- Omit<DatePickerProps_2, keyof WithAnalyticsEventsProps>,
55
- | 'appearance'
56
- | 'autoFocus'
57
- | 'defaultIsOpen'
58
- | 'defaultValue'
59
- | 'disabled'
60
- | 'disabledDateFilter'
61
- | 'hideIcon'
62
- | 'icon'
63
- | 'id'
64
- | 'innerProps'
65
- | 'isDisabled'
66
- | 'isInvalid'
67
- | 'locale'
68
- | 'name'
69
- | 'onBlur'
70
- | 'onChange'
71
- | 'onFocus'
72
- | 'selectProps'
73
- | 'spacing'
74
- >
75
- > &
76
- Partial<
77
- Pick<
78
- {
79
- appearance: Appearance;
80
- autoFocus: boolean;
81
- defaultIsOpen: boolean;
82
- defaultValue: string;
83
- disabled: string[];
84
- disabledDateFilter: (_: string) => boolean;
85
- hideIcon: boolean;
86
- icon: ComponentType<DropdownIndicatorProps<OptionType, boolean, GroupType<OptionType>>>;
87
- id: string;
88
- innerProps: {};
89
- isDisabled: boolean;
90
- isInvalid: boolean;
91
- name: string;
92
- onBlur: (_event: FocusEvent_2<HTMLInputElement>) => void;
93
- onChange: (_value: string) => void;
94
- onFocus: (_event: FocusEvent_2<HTMLInputElement>) => void;
95
- selectProps: {};
96
- spacing: Spacing;
97
- locale: string;
98
- },
99
- never
100
- >
101
- > &
102
- RefAttributes<any> &
103
- WithContextProps,
104
- | 'analyticsContext'
105
- | 'appearance'
106
- | 'autoFocus'
107
- | 'dateFormat'
108
- | 'defaultIsOpen'
109
- | 'defaultValue'
110
- | 'disabled'
111
- | 'disabledDateFilter'
112
- | 'formatDisplayLabel'
113
- | 'hideIcon'
114
- | 'icon'
115
- | 'id'
116
- | 'innerProps'
117
- | 'isDisabled'
118
- | 'isInvalid'
119
- | 'isOpen'
120
- | 'key'
121
- | 'locale'
122
- | 'maxDate'
123
- | 'minDate'
124
- | 'name'
125
- | 'nextMonthLabel'
126
- | 'onBlur'
127
- | 'onChange'
128
- | 'onFocus'
129
- | 'parseInputValue'
130
- | 'placeholder'
131
- | 'previousMonthLabel'
132
- | 'selectProps'
133
- | 'spacing'
134
- | 'testId'
135
- | 'value'
136
- | 'weekStartDay'
137
- > &
138
- RefAttributes<any>
139
- >;
140
-
141
- // @public (undocumented)
142
- const datePickerDefaultProps: {
143
- appearance: Appearance;
144
- autoFocus: boolean;
145
- defaultIsOpen: boolean;
146
- defaultValue: string;
147
- disabled: string[];
148
- disabledDateFilter: (_: string) => boolean;
149
- hideIcon: boolean;
150
- icon: ComponentType<DropdownIndicatorProps<OptionType, boolean, GroupType<OptionType>>>;
151
- id: string;
152
- innerProps: {};
153
- isDisabled: boolean;
154
- isInvalid: boolean;
155
- name: string;
156
- onBlur: (_event: React.FocusEvent<HTMLInputElement>) => void;
157
- onChange: (_value: string) => void;
158
- onFocus: (_event: React.FocusEvent<HTMLInputElement>) => void;
159
- selectProps: {};
160
- spacing: Spacing;
161
- locale: string;
162
- };
163
-
164
- // @public (undocumented)
165
- export interface DatePickerProps extends WithAnalyticsEventsProps {
166
- appearance?: Appearance;
167
- autoFocus?: boolean;
168
- dateFormat?: string;
169
- defaultIsOpen?: boolean;
170
- defaultValue?: string;
171
- disabled?: string[];
172
- disabledDateFilter?: (date: string) => boolean;
173
- formatDisplayLabel?: (value: string, dateFormat: string) => string;
174
- hideIcon?: boolean;
175
- icon?: React.ComponentType<DropdownIndicatorProps<OptionType>>;
176
- id?: string;
177
- innerProps?: React.AllHTMLAttributes<HTMLElement>;
178
- isDisabled?: boolean;
179
- isInvalid?: boolean;
180
- isOpen?: boolean;
181
- locale?: string;
182
- maxDate?: string;
183
- minDate?: string;
184
- name?: string;
185
- nextMonthLabel?: string;
186
- onBlur?: React.FocusEventHandler<HTMLInputElement>;
187
- onChange?: (value: string) => void;
188
- onFocus?: React.FocusEventHandler<HTMLInputElement>;
189
- parseInputValue?: (date: string, dateFormat: string) => Date;
190
- placeholder?: string;
191
- previousMonthLabel?: string;
192
- selectProps?: SelectProps<any>;
193
- spacing?: Spacing;
194
- testId?: string;
195
- value?: string;
196
- weekStartDay?: 0 | 1 | 2 | 3 | 4 | 5 | 6;
197
- }
198
-
199
- // @public (undocumented)
200
- type DatePickerProps_2 = typeof datePickerDefaultProps & DatePickerProps;
201
-
202
- // @public (undocumented)
203
- export const DateTimePicker: React_2.ForwardRefExoticComponent<
204
- Pick<
205
- Pick<
206
- Omit<DateTimePickerProps_2, keyof WithAnalyticsEventsProps>,
207
- 'dateFormat' | 'parseValue' | 'testId' | 'timeFormat' | 'value'
208
- > &
209
- Partial<
210
- Pick<
211
- Omit<DateTimePickerProps_2, keyof WithAnalyticsEventsProps>,
212
- | 'appearance'
213
- | 'autoFocus'
214
- | 'datePickerProps'
215
- | 'datePickerSelectProps'
216
- | 'defaultValue'
217
- | 'id'
218
- | 'innerProps'
219
- | 'isDisabled'
220
- | 'isInvalid'
221
- | 'locale'
222
- | 'name'
223
- | 'onBlur'
224
- | 'onChange'
225
- | 'onFocus'
226
- | 'spacing'
227
- | 'timeIsEditable'
228
- | 'timePickerProps'
229
- | 'timePickerSelectProps'
230
- | 'times'
231
- >
232
- > &
233
- Partial<
234
- Pick<
235
- {
236
- appearance: string;
237
- autoFocus: boolean;
238
- isDisabled: boolean;
239
- name: string;
240
- onBlur: (_event: React_2.FocusEvent<HTMLInputElement>) => void;
241
- onChange: (_value: string) => void;
242
- onFocus: (_event: React_2.FocusEvent<HTMLInputElement>) => void;
243
- innerProps: {};
244
- id: string;
245
- defaultValue: string;
246
- timeIsEditable: boolean;
247
- isInvalid: boolean;
248
- datePickerProps: {};
249
- timePickerProps: {};
250
- datePickerSelectProps: {};
251
- timePickerSelectProps: {};
252
- times: string[];
253
- spacing: string;
254
- locale: string;
255
- },
256
- never
257
- >
258
- > &
259
- React_2.RefAttributes<any> &
260
- WithContextProps,
261
- | 'analyticsContext'
262
- | 'appearance'
263
- | 'autoFocus'
264
- | 'dateFormat'
265
- | 'datePickerProps'
266
- | 'datePickerSelectProps'
267
- | 'defaultValue'
268
- | 'id'
269
- | 'innerProps'
270
- | 'isDisabled'
271
- | 'isInvalid'
272
- | 'key'
273
- | 'locale'
274
- | 'name'
275
- | 'onBlur'
276
- | 'onChange'
277
- | 'onFocus'
278
- | 'parseValue'
279
- | 'spacing'
280
- | 'testId'
281
- | 'timeFormat'
282
- | 'timeIsEditable'
283
- | 'timePickerProps'
284
- | 'timePickerSelectProps'
285
- | 'times'
286
- | 'value'
287
- > &
288
- React_2.RefAttributes<any>
289
- >;
290
-
291
- // @public (undocumented)
292
- const dateTimePickerDefaultProps: {
293
- appearance: string;
294
- autoFocus: boolean;
295
- isDisabled: boolean;
296
- name: string;
297
- onBlur: (_event: React_2.FocusEvent<HTMLInputElement>) => void;
298
- onChange: (_value: string) => void;
299
- onFocus: (_event: React_2.FocusEvent<HTMLInputElement>) => void;
300
- innerProps: {};
301
- id: string;
302
- defaultValue: string;
303
- timeIsEditable: boolean;
304
- isInvalid: boolean;
305
- datePickerProps: {};
306
- timePickerProps: {};
307
- datePickerSelectProps: {};
308
- timePickerSelectProps: {};
309
- times: string[];
310
- spacing: string;
311
- locale: string;
312
- };
313
-
314
- // @public (undocumented)
315
- export interface DateTimePickerProps extends WithAnalyticsEventsProps {
316
- appearance?: Appearance;
317
- autoFocus?: boolean;
318
- dateFormat?: string;
319
- datePickerProps?: DatePickerProps;
320
- datePickerSelectProps?: SelectProps<any>;
321
- defaultValue?: string;
322
- id?: string;
323
- innerProps?: React_2.AllHTMLAttributes<HTMLElement>;
324
- isDisabled?: boolean;
325
- isInvalid?: boolean;
326
- locale?: string;
327
- name?: string;
328
- onBlur?: React_2.FocusEventHandler<HTMLInputElement>;
329
- onChange?: (value: string) => void;
330
- onFocus?: React_2.FocusEventHandler<HTMLInputElement>;
331
- parseValue?: (
332
- dateTimeValue: string,
333
- date: string,
334
- time: string,
335
- timezone: string,
336
- ) => {
337
- dateValue: string;
338
- timeValue: string;
339
- zoneValue: string;
340
- };
341
- spacing?: Spacing;
342
- testId?: string;
343
- timeFormat?: string;
344
- timeIsEditable?: boolean;
345
- timePickerProps?: TimePickerProps;
346
- timePickerSelectProps?: SelectProps<any>;
347
- times?: Array<string>;
348
- value?: string;
349
- }
350
-
351
- // @public (undocumented)
352
- type DateTimePickerProps_2 = typeof dateTimePickerDefaultProps & DateTimePickerProps;
353
-
354
- // @public (undocumented)
355
- export type Spacing = 'compact' | 'default';
356
-
357
- // @public (undocumented)
358
- export const TimePicker: React_2.ForwardRefExoticComponent<
359
- Pick<
360
- Pick<
361
- Omit<TimePickerProps_2, keyof WithAnalyticsEventsProps>,
362
- 'formatDisplayLabel' | 'isOpen' | 'placeholder' | 'testId' | 'timeFormat' | 'value'
363
- > &
364
- Partial<
365
- Pick<
366
- Omit<TimePickerProps_2, keyof WithAnalyticsEventsProps>,
367
- | 'appearance'
368
- | 'autoFocus'
369
- | 'defaultIsOpen'
370
- | 'defaultValue'
371
- | 'hideIcon'
372
- | 'id'
373
- | 'innerProps'
374
- | 'isDisabled'
375
- | 'isInvalid'
376
- | 'locale'
377
- | 'name'
378
- | 'onBlur'
379
- | 'onChange'
380
- | 'onFocus'
381
- | 'parseInputValue'
382
- | 'selectProps'
383
- | 'spacing'
384
- | 'timeIsEditable'
385
- | 'times'
386
- >
387
- > &
388
- Partial<
389
- Pick<
390
- {
391
- appearance: Appearance;
392
- autoFocus: boolean;
393
- defaultIsOpen: boolean;
394
- defaultValue: string;
395
- hideIcon: boolean;
396
- id: string;
397
- innerProps: {};
398
- isDisabled: boolean;
399
- isInvalid: boolean;
400
- name: string;
401
- onBlur: (_event: React_2.FocusEvent<HTMLInputElement>) => void;
402
- onChange: (_value: string) => void;
403
- onFocus: (_event: React_2.FocusEvent<HTMLInputElement>) => void;
404
- parseInputValue: (time: string, _timeFormat: string) => Date | string;
405
- selectProps: {};
406
- spacing: Spacing;
407
- times: string[];
408
- timeIsEditable: boolean;
409
- locale: string;
410
- },
411
- never
412
- >
413
- > &
414
- React_2.RefAttributes<any> &
415
- WithContextProps,
416
- | 'analyticsContext'
417
- | 'appearance'
418
- | 'autoFocus'
419
- | 'defaultIsOpen'
420
- | 'defaultValue'
421
- | 'formatDisplayLabel'
422
- | 'hideIcon'
423
- | 'id'
424
- | 'innerProps'
425
- | 'isDisabled'
426
- | 'isInvalid'
427
- | 'isOpen'
428
- | 'key'
429
- | 'locale'
430
- | 'name'
431
- | 'onBlur'
432
- | 'onChange'
433
- | 'onFocus'
434
- | 'parseInputValue'
435
- | 'placeholder'
436
- | 'selectProps'
437
- | 'spacing'
438
- | 'testId'
439
- | 'timeFormat'
440
- | 'timeIsEditable'
441
- | 'times'
442
- | 'value'
443
- > &
444
- React_2.RefAttributes<any>
445
- >;
446
-
447
- // @public (undocumented)
448
- const timePickerDefaultProps: {
449
- appearance: Appearance;
450
- autoFocus: boolean;
451
- defaultIsOpen: boolean;
452
- defaultValue: string;
453
- hideIcon: boolean;
454
- id: string;
455
- innerProps: {};
456
- isDisabled: boolean;
457
- isInvalid: boolean;
458
- name: string;
459
- onBlur: (_event: React_2.FocusEvent<HTMLInputElement>) => void;
460
- onChange: (_value: string) => void;
461
- onFocus: (_event: React_2.FocusEvent<HTMLInputElement>) => void;
462
- parseInputValue: (time: string, _timeFormat: string) => Date | string;
463
- selectProps: {};
464
- spacing: Spacing;
465
- times: string[];
466
- timeIsEditable: boolean;
467
- locale: string;
468
- };
469
-
470
- // @public (undocumented)
471
- export interface TimePickerProps extends WithAnalyticsEventsProps {
472
- appearance?: Appearance;
473
- autoFocus?: boolean;
474
- defaultIsOpen?: boolean;
475
- defaultValue?: string;
476
- formatDisplayLabel?: (time: string, timeFormat: string) => string;
477
- hideIcon?: boolean;
478
- id?: string;
479
- innerProps?: React_2.AllHTMLAttributes<HTMLElement>;
480
- isDisabled?: boolean;
481
- isInvalid?: boolean;
482
- isOpen?: boolean;
483
- locale?: string;
484
- name?: string;
485
- onBlur?: React_2.FocusEventHandler<HTMLElement>;
486
- onChange?: (value: string) => void;
487
- onFocus?: React_2.FocusEventHandler<HTMLElement>;
488
- parseInputValue?: (time: string, timeFormat: string) => Date | string;
489
- placeholder?: string;
490
- selectProps?: SelectProps<any>;
491
- spacing?: Spacing;
492
- testId?: string;
493
- timeFormat?: string;
494
- timeIsEditable?: boolean;
495
- times?: string[];
496
- value?: string;
497
- }
498
-
499
- // @public (undocumented)
500
- type TimePickerProps_2 = typeof timePickerDefaultProps & TimePickerProps;
501
-
502
- // (No @packageDocumentation comment for this package)
503
- ```
504
-
505
- <!--SECTION END: Main Entry Types-->
506
-
507
- ### Peer Dependencies
508
-
509
- <!--SECTION START: Peer Dependencies-->
510
-
511
- ```json
512
- {
513
- "react": "^16.8.0"
514
- }
515
- ```
516
-
517
- <!--SECTION END: Peer Dependencies-->