@atlaskit/datetime-picker 12.7.1 → 12.7.2

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 (15) hide show
  1. package/CHANGELOG.md +6 -0
  2. package/dist/cjs/components/date-picker.js +1 -1
  3. package/dist/cjs/components/date-time-picker.js +3 -3
  4. package/dist/cjs/components/time-picker.js +1 -1
  5. package/dist/cjs/version.json +1 -1
  6. package/dist/es2019/components/date-picker.js +1 -1
  7. package/dist/es2019/components/date-time-picker.js +3 -3
  8. package/dist/es2019/components/time-picker.js +1 -1
  9. package/dist/es2019/version.json +1 -1
  10. package/dist/esm/components/date-picker.js +1 -1
  11. package/dist/esm/components/date-time-picker.js +3 -3
  12. package/dist/esm/components/time-picker.js +1 -1
  13. package/dist/esm/version.json +1 -1
  14. package/package.json +5 -6
  15. package/tmp/api-report-tmp.d.ts +274 -0
package/CHANGELOG.md CHANGED
@@ -1,5 +1,11 @@
1
1
  # @atlaskit/datetime-picker
2
2
 
3
+ ## 12.7.2
4
+
5
+ ### Patch Changes
6
+
7
+ - [`8f436f0c301`](https://bitbucket.org/atlassian/atlassian-frontend/commits/8f436f0c301) - extend border contrast feature flag to support confluence
8
+
3
9
  ## 12.7.1
4
10
 
5
11
  ### Patch Changes
package/dist/cjs/components/date-picker.js CHANGED
@@ -37,7 +37,7 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { va
37
37
  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); }; }
38
38
  function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } } /* eslint-disable @repo/internal/react/use-noop */ /** @jsx jsx */ // eslint-disable-next-line no-restricted-imports
39
39
  var packageName = "@atlaskit/datetime-picker";
40
- var packageVersion = "12.7.1";
40
+ var packageVersion = "12.7.2";
41
41
 
42
42
  /* eslint-disable react/no-unused-prop-types */
43
43
 
package/dist/cjs/components/date-time-picker.js CHANGED
@@ -32,7 +32,7 @@ function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Re
32
32
  function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
33
33
  function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; } /* eslint-disable @repo/internal/react/use-noop */ /** @jsx jsx */ // eslint-disable-next-line no-restricted-imports
34
34
  var packageName = "@atlaskit/datetime-picker";
35
- var packageVersion = "12.7.1";
35
+ var packageVersion = "12.7.2";
36
36
 
37
37
  /* eslint-disable react/no-unused-prop-types */
38
38
 
@@ -64,7 +64,7 @@ var noBgStyles = (0, _react2.css)({
64
64
  var hoverStyles = (0, _react2.css)({
65
65
  '&:hover': {
66
66
  backgroundColor: "var(--ds-background-input-hovered, ".concat(_colors.N30, ")"),
67
- borderColor: "var(--ds-border-input, ".concat((0, _platformFeatureFlags.getBooleanFF)('platform.design-system-team.update-border-input_ff9l1') ? _colors.N100 : _colors.N30, ")")
67
+ borderColor: "var(--ds-border-input, ".concat((0, _platformFeatureFlags.getBooleanFF)('platform.design-system-team.border-checkbox_nyoiu') ? _colors.N100 : _colors.N30, ")")
68
68
  }
69
69
  });
70
70
  var isInvalidHoverStyles = (0, _react2.css)({
@@ -81,7 +81,7 @@ var isDisabledStyles = (0, _react2.css)({
81
81
  var baseContainerStyles = (0, _react2.css)({
82
82
  display: 'flex',
83
83
  backgroundColor: "var(--ds-background-input, ".concat(_colors.N20, ")"),
84
- border: (0, _platformFeatureFlags.getBooleanFF)('platform.design-system-team.update-border-input_ff9l1') ? "1px solid ".concat("var(--ds-border-input, ".concat(_colors.N100, ")")) : "2px solid ".concat("var(--ds-border-input, ".concat(_colors.N20, ")")),
84
+ border: (0, _platformFeatureFlags.getBooleanFF)('platform.design-system-team.border-checkbox_nyoiu') ? "1px solid ".concat("var(--ds-border-input, ".concat(_colors.N100, ")")) : "2px solid ".concat("var(--ds-border-input, ".concat(_colors.N20, ")")),
85
85
  borderRadius: "".concat((0, _constants.borderRadius)(), "px"),
86
86
  transition: 'background-color 200ms ease-in-out, border-color 200ms ease-in-out',
87
87
  '&:hover': {
package/dist/cjs/components/time-picker.js CHANGED
@@ -38,7 +38,7 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { va
38
38
  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); }; }
39
39
  function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
40
40
  var packageName = "@atlaskit/datetime-picker";
41
- var packageVersion = "12.7.1";
41
+ var packageVersion = "12.7.2";
42
42
 
43
43
  /* eslint-disable react/no-unused-prop-types */
44
44
 
package/dist/cjs/version.json CHANGED
@@ -1,5 +1,5 @@
1
1
  {
2
2
  "name": "@atlaskit/datetime-picker",
3
- "version": "12.7.1",
3
+ "version": "12.7.2",
4
4
  "sideEffects": false
5
5
  }
package/dist/es2019/components/date-picker.js CHANGED
@@ -19,7 +19,7 @@ import { defaultDateFormat, EmptyComponent, padToTwo, placeholderDatetime } from
19
19
  import FixedLayer from '../internal/fixed-layer';
20
20
  import { convertTokens } from './utils';
21
21
  const packageName = "@atlaskit/datetime-picker";
22
- const packageVersion = "12.7.1";
22
+ const packageVersion = "12.7.2";
23
23
 
24
24
  /* eslint-disable react/no-unused-prop-types */
25
25
 
package/dist/es2019/components/date-time-picker.js CHANGED
@@ -18,7 +18,7 @@ import DatePicker from './date-picker';
18
18
  import TimePicker from './time-picker';
19
19
  import { convertTokens } from './utils';
20
20
  const packageName = "@atlaskit/datetime-picker";
21
- const packageVersion = "12.7.1";
21
+ const packageVersion = "12.7.2";
22
22
 
23
23
  /* eslint-disable react/no-unused-prop-types */
24
24
 
@@ -50,7 +50,7 @@ const noBgStyles = css({
50
50
  const hoverStyles = css({
51
51
  '&:hover': {
52
52
  backgroundColor: `var(--ds-background-input-hovered, ${N30})`,
53
- borderColor: `var(--ds-border-input, ${getBooleanFF('platform.design-system-team.update-border-input_ff9l1') ? N100 : N30})`
53
+ borderColor: `var(--ds-border-input, ${getBooleanFF('platform.design-system-team.border-checkbox_nyoiu') ? N100 : N30})`
54
54
  }
55
55
  });
56
56
  const isInvalidHoverStyles = css({
@@ -67,7 +67,7 @@ const isDisabledStyles = css({
67
67
  const baseContainerStyles = css({
68
68
  display: 'flex',
69
69
  backgroundColor: `var(--ds-background-input, ${N20})`,
70
- border: getBooleanFF('platform.design-system-team.update-border-input_ff9l1') ? `1px solid ${`var(--ds-border-input, ${N100})`}` : `2px solid ${`var(--ds-border-input, ${N20})`}`,
70
+ border: getBooleanFF('platform.design-system-team.border-checkbox_nyoiu') ? `1px solid ${`var(--ds-border-input, ${N100})`}` : `2px solid ${`var(--ds-border-input, ${N20})`}`,
71
71
  borderRadius: `${borderRadius()}px`,
72
72
  transition: 'background-color 200ms ease-in-out, border-color 200ms ease-in-out',
73
73
  '&:hover': {
package/dist/es2019/components/time-picker.js CHANGED
@@ -16,7 +16,7 @@ import FixedLayer from '../internal/fixed-layer';
16
16
  import parseTime from '../internal/parse-time';
17
17
  import { convertTokens } from './utils';
18
18
  const packageName = "@atlaskit/datetime-picker";
19
- const packageVersion = "12.7.1";
19
+ const packageVersion = "12.7.2";
20
20
 
21
21
  /* eslint-disable react/no-unused-prop-types */
22
22
 
package/dist/es2019/version.json CHANGED
@@ -1,5 +1,5 @@
1
1
  {
2
2
  "name": "@atlaskit/datetime-picker",
3
- "version": "12.7.1",
3
+ "version": "12.7.2",
4
4
  "sideEffects": false
5
5
  }
package/dist/esm/components/date-picker.js CHANGED
@@ -30,7 +30,7 @@ import { defaultDateFormat, EmptyComponent, padToTwo, placeholderDatetime } from
30
30
  import FixedLayer from '../internal/fixed-layer';
31
31
  import { convertTokens } from './utils';
32
32
  var packageName = "@atlaskit/datetime-picker";
33
- var packageVersion = "12.7.1";
33
+ var packageVersion = "12.7.2";
34
34
 
35
35
  /* eslint-disable react/no-unused-prop-types */
36
36
 
package/dist/esm/components/date-time-picker.js CHANGED
@@ -28,7 +28,7 @@ import DatePicker from './date-picker';
28
28
  import TimePicker from './time-picker';
29
29
  import { convertTokens } from './utils';
30
30
  var packageName = "@atlaskit/datetime-picker";
31
- var packageVersion = "12.7.1";
31
+ var packageVersion = "12.7.2";
32
32
 
33
33
  /* eslint-disable react/no-unused-prop-types */
34
34
 
@@ -60,7 +60,7 @@ var noBgStyles = css({
60
60
  var hoverStyles = css({
61
61
  '&:hover': {
62
62
  backgroundColor: "var(--ds-background-input-hovered, ".concat(N30, ")"),
63
- borderColor: "var(--ds-border-input, ".concat(getBooleanFF('platform.design-system-team.update-border-input_ff9l1') ? N100 : N30, ")")
63
+ borderColor: "var(--ds-border-input, ".concat(getBooleanFF('platform.design-system-team.border-checkbox_nyoiu') ? N100 : N30, ")")
64
64
  }
65
65
  });
66
66
  var isInvalidHoverStyles = css({
@@ -77,7 +77,7 @@ var isDisabledStyles = css({
77
77
  var baseContainerStyles = css({
78
78
  display: 'flex',
79
79
  backgroundColor: "var(--ds-background-input, ".concat(N20, ")"),
80
- border: getBooleanFF('platform.design-system-team.update-border-input_ff9l1') ? "1px solid ".concat("var(--ds-border-input, ".concat(N100, ")")) : "2px solid ".concat("var(--ds-border-input, ".concat(N20, ")")),
80
+ border: getBooleanFF('platform.design-system-team.border-checkbox_nyoiu') ? "1px solid ".concat("var(--ds-border-input, ".concat(N100, ")")) : "2px solid ".concat("var(--ds-border-input, ".concat(N20, ")")),
81
81
  borderRadius: "".concat(borderRadius(), "px"),
82
82
  transition: 'background-color 200ms ease-in-out, border-color 200ms ease-in-out',
83
83
  '&:hover': {
package/dist/esm/components/time-picker.js CHANGED
@@ -29,7 +29,7 @@ import FixedLayer from '../internal/fixed-layer';
29
29
  import parseTime from '../internal/parse-time';
30
30
  import { convertTokens } from './utils';
31
31
  var packageName = "@atlaskit/datetime-picker";
32
- var packageVersion = "12.7.1";
32
+ var packageVersion = "12.7.2";
33
33
 
34
34
  /* eslint-disable react/no-unused-prop-types */
35
35
 
package/dist/esm/version.json CHANGED
@@ -1,5 +1,5 @@
1
1
  {
2
2
  "name": "@atlaskit/datetime-picker",
3
- "version": "12.7.1",
3
+ "version": "12.7.2",
4
4
  "sideEffects": false
5
5
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@atlaskit/datetime-picker",
3
- "version": "12.7.1",
3
+ "version": "12.7.2",
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/"
@@ -25,7 +25,7 @@
25
25
  "atlassian": {
26
26
  "team": "Design System Team",
27
27
  "deprecatedAutoEntryPoints": true,
28
- "releaseModel": "scheduled",
28
+ "releaseModel": "continuous",
29
29
  "website": {
30
30
  "name": "Date time picker",
31
31
  "category": "Components"
@@ -41,7 +41,7 @@
41
41
  "@atlaskit/popper": "^5.5.0",
42
42
  "@atlaskit/select": "^16.5.0",
43
43
  "@atlaskit/theme": "^12.5.0",
44
- "@atlaskit/tokens": "^1.5.0",
44
+ "@atlaskit/tokens": "^1.8.0",
45
45
  "@babel/runtime": "^7.0.0",
46
46
  "@emotion/react": "^11.7.1",
47
47
  "date-fns": "^2.17.0",
@@ -54,10 +54,9 @@
54
54
  "devDependencies": {
55
55
  "@atlaskit/button": "^16.7.0",
56
56
  "@atlaskit/docs": "*",
57
- "@atlaskit/field-base": "^15.2.0",
58
57
  "@atlaskit/form": "^8.11.0",
59
58
  "@atlaskit/modal-dialog": "^12.6.0",
60
- "@atlaskit/popup": "^1.6.0",
59
+ "@atlaskit/popup": "^1.7.0",
61
60
  "@atlaskit/range": "^7.1.0",
62
61
  "@atlaskit/section-message": "^6.4.0",
63
62
  "@atlaskit/ssr": "*",
@@ -96,7 +95,7 @@
96
95
  }
97
96
  },
98
97
  "platform-feature-flags": {
99
- "platform.design-system-team.update-border-input_ff9l1": {
98
+ "platform.design-system-team.border-checkbox_nyoiu": {
100
99
  "type": "boolean"
101
100
  },
102
101
  "platform.design-system-team.date-picker-input-a11y-fix_cbbxs": {
package/tmp/api-report-tmp.d.ts ADDED
@@ -0,0 +1,274 @@
1
+ ## API Report File for "@atlaskit/datetime-picker"
2
+
3
+ > Do not edit this file. It is a report generated by [API Extractor](https://api-extractor.com/).
4
+
5
+ ```ts
6
+
7
+ import { ComponentType } from 'react';
8
+ import { DropdownIndicatorProps } from '@atlaskit/select';
9
+ import { FocusEvent as FocusEvent_2 } from 'react';
10
+ import { ForwardRefExoticComponent } from 'react';
11
+ import { GroupType } from '@atlaskit/select';
12
+ import { OptionType } from '@atlaskit/select';
13
+ import { default as React_2 } from 'react';
14
+ import { RefAttributes } from 'react';
15
+ import { SelectProps as SelectProps_2 } from '@atlaskit/select';
16
+ import { WithAnalyticsEventsProps } from '@atlaskit/analytics-next';
17
+ import { WithContextProps } from '@atlaskit/analytics-next';
18
+
19
+ // @public (undocumented)
20
+ export type Appearance = 'default' | 'none' | 'subtle';
21
+
22
+ // @public (undocumented)
23
+ export const DatePicker: ForwardRefExoticComponent<Pick<Pick<Omit<DatePickerProps_2, keyof WithAnalyticsEventsProps>, "dateFormat" | "formatDisplayLabel" | "isOpen" | "maxDate" | "minDate" | "nextMonthLabel" | "parseInputValue" | "placeholder" | "previousMonthLabel" | "testId" | "value" | "weekStartDay"> & Partial<Pick<Omit<DatePickerProps_2, keyof WithAnalyticsEventsProps>, "appearance" | "autoFocus" | "defaultIsOpen" | "defaultValue" | "disabled" | "disabledDateFilter" | "hideIcon" | "icon" | "id" | "innerProps" | "isDisabled" | "isInvalid" | "locale" | "name" | "onBlur" | "onChange" | "onFocus" | "selectProps" | "spacing">> & Partial<Pick<{
24
+ appearance: Appearance;
25
+ autoFocus: boolean;
26
+ defaultIsOpen: boolean;
27
+ defaultValue: string;
28
+ disabled: string[];
29
+ disabledDateFilter: (_: string) => boolean;
30
+ hideIcon: boolean;
31
+ icon: ComponentType<DropdownIndicatorProps<OptionType, boolean, GroupType<OptionType>>>;
32
+ id: string;
33
+ innerProps: {};
34
+ isDisabled: boolean;
35
+ isInvalid: boolean;
36
+ name: string;
37
+ onBlur: (event: FocusEvent_2<HTMLInputElement>) => void;
38
+ onChange: (value: string) => void;
39
+ onFocus: (event: FocusEvent_2<HTMLInputElement>) => void;
40
+ selectProps: {};
41
+ spacing: Spacing;
42
+ locale: string;
43
+ }, never>> & RefAttributes<any> & WithContextProps, "analyticsContext" | "appearance" | "autoFocus" | "dateFormat" | "defaultIsOpen" | "defaultValue" | "disabled" | "disabledDateFilter" | "formatDisplayLabel" | "hideIcon" | "icon" | "id" | "innerProps" | "isDisabled" | "isInvalid" | "isOpen" | "key" | "locale" | "maxDate" | "minDate" | "name" | "nextMonthLabel" | "onBlur" | "onChange" | "onFocus" | "parseInputValue" | "placeholder" | "previousMonthLabel" | "selectProps" | "spacing" | "testId" | "value" | "weekStartDay"> & RefAttributes<any>>;
44
+
45
+ // @public (undocumented)
46
+ const datePickerDefaultProps: {
47
+ appearance: Appearance;
48
+ autoFocus: boolean;
49
+ defaultIsOpen: boolean;
50
+ defaultValue: string;
51
+ disabled: string[];
52
+ disabledDateFilter: (_: string) => boolean;
53
+ hideIcon: boolean;
54
+ icon: ComponentType<DropdownIndicatorProps<OptionType, boolean, GroupType<OptionType>>>;
55
+ id: string;
56
+ innerProps: {};
57
+ isDisabled: boolean;
58
+ isInvalid: boolean;
59
+ name: string;
60
+ onBlur: (event: React.FocusEvent<HTMLInputElement>) => void;
61
+ onChange: (value: string) => void;
62
+ onFocus: (event: React.FocusEvent<HTMLInputElement>) => void;
63
+ selectProps: {};
64
+ spacing: Spacing;
65
+ locale: string;
66
+ };
67
+
68
+ // @public (undocumented)
69
+ export interface DatePickerProps extends WithAnalyticsEventsProps {
70
+ appearance?: Appearance;
71
+ autoFocus?: boolean;
72
+ dateFormat?: string;
73
+ defaultIsOpen?: boolean;
74
+ defaultValue?: string;
75
+ disabled?: string[];
76
+ disabledDateFilter?: (date: string) => boolean;
77
+ formatDisplayLabel?: (value: string, dateFormat: string) => string;
78
+ hideIcon?: boolean;
79
+ icon?: React.ComponentType<DropdownIndicatorProps<OptionType>>;
80
+ id?: string;
81
+ innerProps?: React.AllHTMLAttributes<HTMLElement>;
82
+ isDisabled?: boolean;
83
+ isInvalid?: boolean;
84
+ isOpen?: boolean;
85
+ locale?: string;
86
+ maxDate?: string;
87
+ minDate?: string;
88
+ name?: string;
89
+ nextMonthLabel?: string;
90
+ onBlur?: React.FocusEventHandler<HTMLInputElement>;
91
+ onChange?: (value: string) => void;
92
+ onFocus?: React.FocusEventHandler<HTMLInputElement>;
93
+ parseInputValue?: (date: string, dateFormat: string) => Date;
94
+ placeholder?: string;
95
+ previousMonthLabel?: string;
96
+ selectProps?: SelectProps;
97
+ spacing?: Spacing;
98
+ testId?: string;
99
+ value?: string;
100
+ weekStartDay?: 0 | 1 | 2 | 3 | 4 | 5 | 6;
101
+ }
102
+
103
+ // @public (undocumented)
104
+ type DatePickerProps_2 = typeof datePickerDefaultProps & DatePickerProps;
105
+
106
+ // @public (undocumented)
107
+ export const DateTimePicker: React_2.ForwardRefExoticComponent<Pick<Pick<Omit<DateTimePickerProps_2, keyof WithAnalyticsEventsProps>, "dateFormat" | "parseValue" | "testId" | "timeFormat" | "value"> & Partial<Pick<Omit<DateTimePickerProps_2, keyof WithAnalyticsEventsProps>, "appearance" | "autoFocus" | "datePickerProps" | "datePickerSelectProps" | "defaultValue" | "id" | "innerProps" | "isDisabled" | "isInvalid" | "locale" | "name" | "onBlur" | "onChange" | "onFocus" | "spacing" | "timeIsEditable" | "timePickerProps" | "timePickerSelectProps" | "times">> & Partial<Pick<{
108
+ appearance: string;
109
+ autoFocus: boolean;
110
+ isDisabled: boolean;
111
+ name: string;
112
+ onBlur: (event: React_2.FocusEvent<HTMLInputElement>) => void;
113
+ onChange: (value: string) => void;
114
+ onFocus: (event: React_2.FocusEvent<HTMLInputElement>) => void;
115
+ innerProps: {};
116
+ id: string;
117
+ defaultValue: string;
118
+ timeIsEditable: boolean;
119
+ isInvalid: boolean;
120
+ datePickerProps: {};
121
+ timePickerProps: {};
122
+ datePickerSelectProps: {};
123
+ timePickerSelectProps: {};
124
+ times: string[];
125
+ spacing: string;
126
+ locale: string;
127
+ }, never>> & React_2.RefAttributes<any> & WithContextProps, "analyticsContext" | "appearance" | "autoFocus" | "dateFormat" | "datePickerProps" | "datePickerSelectProps" | "defaultValue" | "id" | "innerProps" | "isDisabled" | "isInvalid" | "key" | "locale" | "name" | "onBlur" | "onChange" | "onFocus" | "parseValue" | "spacing" | "testId" | "timeFormat" | "timeIsEditable" | "timePickerProps" | "timePickerSelectProps" | "times" | "value"> & React_2.RefAttributes<any>>;
128
+
129
+ // @public (undocumented)
130
+ const dateTimePickerDefaultProps: {
131
+ appearance: string;
132
+ autoFocus: boolean;
133
+ isDisabled: boolean;
134
+ name: string;
135
+ onBlur: (event: React_2.FocusEvent<HTMLInputElement>) => void;
136
+ onChange: (value: string) => void;
137
+ onFocus: (event: React_2.FocusEvent<HTMLInputElement>) => void;
138
+ innerProps: {};
139
+ id: string;
140
+ defaultValue: string;
141
+ timeIsEditable: boolean;
142
+ isInvalid: boolean;
143
+ datePickerProps: {};
144
+ timePickerProps: {};
145
+ datePickerSelectProps: {};
146
+ timePickerSelectProps: {};
147
+ times: string[];
148
+ spacing: string;
149
+ locale: string;
150
+ };
151
+
152
+ // @public (undocumented)
153
+ export interface DateTimePickerProps extends WithAnalyticsEventsProps {
154
+ appearance?: Appearance;
155
+ autoFocus?: boolean;
156
+ dateFormat?: string;
157
+ datePickerProps?: DatePickerProps;
158
+ datePickerSelectProps?: SelectProps_2<any>;
159
+ defaultValue?: string;
160
+ id?: string;
161
+ innerProps?: React_2.AllHTMLAttributes<HTMLElement>;
162
+ isDisabled?: boolean;
163
+ isInvalid?: boolean;
164
+ locale?: string;
165
+ name?: string;
166
+ onBlur?: React_2.FocusEventHandler<HTMLInputElement>;
167
+ onChange?: (value: string) => void;
168
+ onFocus?: React_2.FocusEventHandler<HTMLInputElement>;
169
+ parseValue?: (dateTimeValue: string, date: string, time: string, timezone: string) => {
170
+ dateValue: string;
171
+ timeValue: string;
172
+ zoneValue: string;
173
+ };
174
+ spacing?: Spacing;
175
+ testId?: string;
176
+ timeFormat?: string;
177
+ timeIsEditable?: boolean;
178
+ timePickerProps?: TimePickerProps;
179
+ timePickerSelectProps?: SelectProps_2<any>;
180
+ times?: Array<string>;
181
+ value?: string;
182
+ }
183
+
184
+ // @public (undocumented)
185
+ type DateTimePickerProps_2 = typeof dateTimePickerDefaultProps & DateTimePickerProps;
186
+
187
+ // @public (undocumented)
188
+ type SelectProps = any;
189
+
190
+ // @public (undocumented)
191
+ export type Spacing = 'compact' | 'default';
192
+
193
+ // @public (undocumented)
194
+ export const TimePicker: React_2.ForwardRefExoticComponent<Pick<Pick<Omit<TimePickerProps_2, keyof WithAnalyticsEventsProps>, "formatDisplayLabel" | "isOpen" | "placeholder" | "testId" | "timeFormat" | "value"> & Partial<Pick<Omit<TimePickerProps_2, keyof WithAnalyticsEventsProps>, "appearance" | "autoFocus" | "defaultIsOpen" | "defaultValue" | "hideIcon" | "id" | "innerProps" | "isDisabled" | "isInvalid" | "locale" | "name" | "onBlur" | "onChange" | "onFocus" | "parseInputValue" | "selectProps" | "spacing" | "timeIsEditable" | "times">> & Partial<Pick<{
195
+ appearance: Appearance;
196
+ autoFocus: boolean;
197
+ defaultIsOpen: boolean;
198
+ defaultValue: string;
199
+ hideIcon: boolean;
200
+ id: string;
201
+ innerProps: {};
202
+ isDisabled: boolean;
203
+ isInvalid: boolean;
204
+ name: string;
205
+ onBlur: (event: React_2.FocusEvent<HTMLInputElement>) => void;
206
+ onChange: (value: string) => void;
207
+ onFocus: (event: React_2.FocusEvent<HTMLInputElement>) => void;
208
+ parseInputValue: (time: string, timeFormat: string) => Date | string;
209
+ selectProps: {};
210
+ spacing: Spacing;
211
+ times: string[];
212
+ timeIsEditable: boolean;
213
+ locale: string;
214
+ }, never>> & React_2.RefAttributes<any> & WithContextProps, "analyticsContext" | "appearance" | "autoFocus" | "defaultIsOpen" | "defaultValue" | "formatDisplayLabel" | "hideIcon" | "id" | "innerProps" | "isDisabled" | "isInvalid" | "isOpen" | "key" | "locale" | "name" | "onBlur" | "onChange" | "onFocus" | "parseInputValue" | "placeholder" | "selectProps" | "spacing" | "testId" | "timeFormat" | "timeIsEditable" | "times" | "value"> & React_2.RefAttributes<any>>;
215
+
216
+ // @public (undocumented)
217
+ const timePickerDefaultProps: {
218
+ appearance: Appearance;
219
+ autoFocus: boolean;
220
+ defaultIsOpen: boolean;
221
+ defaultValue: string;
222
+ hideIcon: boolean;
223
+ id: string;
224
+ innerProps: {};
225
+ isDisabled: boolean;
226
+ isInvalid: boolean;
227
+ name: string;
228
+ onBlur: (event: React_2.FocusEvent<HTMLInputElement>) => void;
229
+ onChange: (value: string) => void;
230
+ onFocus: (event: React_2.FocusEvent<HTMLInputElement>) => void;
231
+ parseInputValue: (time: string, timeFormat: string) => Date | string;
232
+ selectProps: {};
233
+ spacing: Spacing;
234
+ times: string[];
235
+ timeIsEditable: boolean;
236
+ locale: string;
237
+ };
238
+
239
+ // @public (undocumented)
240
+ export interface TimePickerProps extends WithAnalyticsEventsProps {
241
+ appearance?: Appearance;
242
+ autoFocus?: boolean;
243
+ defaultIsOpen?: boolean;
244
+ defaultValue?: string;
245
+ formatDisplayLabel?: (time: string, timeFormat: string) => string;
246
+ hideIcon?: boolean;
247
+ id?: string;
248
+ innerProps?: React_2.AllHTMLAttributes<HTMLElement>;
249
+ isDisabled?: boolean;
250
+ isInvalid?: boolean;
251
+ isOpen?: boolean;
252
+ locale?: string;
253
+ name?: string;
254
+ onBlur?: React_2.FocusEventHandler<HTMLElement>;
255
+ onChange?: (value: string) => void;
256
+ onFocus?: React_2.FocusEventHandler<HTMLElement>;
257
+ // (undocumented)
258
+ parseInputValue?: (time: string, timeFormat: string) => Date | string;
259
+ placeholder?: string;
260
+ selectProps?: SelectProps_2<any>;
261
+ spacing?: Spacing;
262
+ testId?: string;
263
+ timeFormat?: string;
264
+ timeIsEditable?: boolean;
265
+ times?: string[];
266
+ value?: string;
267
+ }
268
+
269
+ // @public (undocumented)
270
+ type TimePickerProps_2 = typeof timePickerDefaultProps & TimePickerProps;
271
+
272
+ // (No @packageDocumentation comment for this package)
273
+
274
+ ```