@atlaskit/datetime-picker 13.0.1 → 13.0.3
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 +12 -0
- package/dist/cjs/components/date-picker.js +1 -1
- package/dist/cjs/components/date-time-picker.js +1 -1
- package/dist/cjs/components/time-picker.js +1 -1
- package/dist/cjs/internal/clear-button.js +2 -2
- package/dist/es2019/components/date-picker.js +1 -1
- package/dist/es2019/components/date-time-picker.js +1 -1
- package/dist/es2019/components/time-picker.js +1 -1
- package/dist/es2019/internal/clear-button.js +2 -2
- package/dist/esm/components/date-picker.js +1 -1
- package/dist/esm/components/date-time-picker.js +1 -1
- package/dist/esm/components/time-picker.js +1 -1
- package/dist/esm/internal/clear-button.js +2 -2
- package/package.json +4 -3
- package/tmp/api-report-tmp.d.ts +0 -270
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,17 @@
|
|
|
1
1
|
# @atlaskit/datetime-picker
|
|
2
2
|
|
|
3
|
+
## 13.0.3
|
|
4
|
+
|
|
5
|
+
### Patch Changes
|
|
6
|
+
|
|
7
|
+
- [#59147](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/59147) [`f12e489f23b0`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/f12e489f23b0) - Re-build and deploy packages to NPM to resolve React/Compiled not found error (HOT-106483).
|
|
8
|
+
|
|
9
|
+
## 13.0.2
|
|
10
|
+
|
|
11
|
+
### Patch Changes
|
|
12
|
+
|
|
13
|
+
- [#58458](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/58458) [`536478cdcf0b`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/536478cdcf0b) - Made some tiny tweaks to the weekday header so its height is now an integer.
|
|
14
|
+
|
|
3
15
|
## 13.0.1
|
|
4
16
|
|
|
5
17
|
### Patch Changes
|
|
@@ -40,7 +40,7 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
|
|
|
40
40
|
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); }; }
|
|
41
41
|
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; } } /** @jsx jsx */
|
|
42
42
|
var packageName = "@atlaskit/datetime-picker";
|
|
43
|
-
var packageVersion = "13.0.
|
|
43
|
+
var packageVersion = "13.0.3";
|
|
44
44
|
function getValidDate(iso) {
|
|
45
45
|
var date = (0, _dateFns.parseISO)(iso);
|
|
46
46
|
return (0, _dateFns.isValid)(date) ? {
|
|
@@ -31,7 +31,7 @@ function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Re
|
|
|
31
31
|
function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
32
32
|
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; } /** @jsx jsx */
|
|
33
33
|
var packageName = "@atlaskit/datetime-picker";
|
|
34
|
-
var packageVersion = "13.0.
|
|
34
|
+
var packageVersion = "13.0.3";
|
|
35
35
|
var isInvalidBorderStyles = (0, _react2.css)({
|
|
36
36
|
borderColor: "var(--ds-border-danger, ".concat(_colors.R400, ")")
|
|
37
37
|
});
|
|
@@ -38,7 +38,7 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
|
|
|
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 = "13.0.
|
|
41
|
+
var packageVersion = "13.0.3";
|
|
42
42
|
var menuStyles = {
|
|
43
43
|
/* Need to remove default absolute positioning as that causes issues with position fixed */
|
|
44
44
|
position: 'static',
|
|
@@ -25,6 +25,7 @@ var ClearButton = function ClearButton(_ref) {
|
|
|
25
25
|
var labelId = inputId && "label--".concat(inputId);
|
|
26
26
|
var clearButtonId = inputId && "clear-btn--".concat(inputId);
|
|
27
27
|
return (0, _react.jsx)("button", {
|
|
28
|
+
"aria-labelledby": inputId ? "".concat(clearButtonId, " ").concat(labelId) : "".concat(clearButtonId),
|
|
28
29
|
css: buttonStyles,
|
|
29
30
|
type: "button",
|
|
30
31
|
tabIndex: -1,
|
|
@@ -36,8 +37,7 @@ var ClearButton = function ClearButton(_ref) {
|
|
|
36
37
|
}, "Clear"), (0, _react.jsx)("span", {
|
|
37
38
|
style: {
|
|
38
39
|
display: 'flex'
|
|
39
|
-
}
|
|
40
|
-
"aria-labelledby": inputId ? "".concat(clearButtonId, " ").concat(labelId) : "".concat(clearButtonId)
|
|
40
|
+
}
|
|
41
41
|
}, (0, _react.jsx)(_selectClear.default, {
|
|
42
42
|
size: iconSize,
|
|
43
43
|
label: inputId ? '' : label,
|
|
@@ -20,7 +20,7 @@ import FixedLayer from '../internal/fixed-layer';
|
|
|
20
20
|
import { makeSingleValue } from '../internal/single-value';
|
|
21
21
|
import { convertTokens } from './utils';
|
|
22
22
|
const packageName = "@atlaskit/datetime-picker";
|
|
23
|
-
const packageVersion = "13.0.
|
|
23
|
+
const packageVersion = "13.0.3";
|
|
24
24
|
function getValidDate(iso) {
|
|
25
25
|
const date = parseISO(iso);
|
|
26
26
|
return isValid(date) ? {
|
|
@@ -15,7 +15,7 @@ import DatePicker from './date-picker';
|
|
|
15
15
|
import TimePicker from './time-picker';
|
|
16
16
|
import { convertTokens } from './utils';
|
|
17
17
|
const packageName = "@atlaskit/datetime-picker";
|
|
18
|
-
const packageVersion = "13.0.
|
|
18
|
+
const packageVersion = "13.0.3";
|
|
19
19
|
const isInvalidBorderStyles = css({
|
|
20
20
|
borderColor: `var(--ds-border-danger, ${R400})`
|
|
21
21
|
});
|
|
@@ -17,7 +17,7 @@ import parseTime from '../internal/parse-time';
|
|
|
17
17
|
import { makeSingleValue } from '../internal/single-value';
|
|
18
18
|
import { convertTokens } from './utils';
|
|
19
19
|
const packageName = "@atlaskit/datetime-picker";
|
|
20
|
-
const packageVersion = "13.0.
|
|
20
|
+
const packageVersion = "13.0.3";
|
|
21
21
|
const menuStyles = {
|
|
22
22
|
/* Need to remove default absolute positioning as that causes issues with position fixed */
|
|
23
23
|
position: 'static',
|
|
@@ -16,6 +16,7 @@ const ClearButton = ({
|
|
|
16
16
|
const labelId = inputId && `label--${inputId}`;
|
|
17
17
|
const clearButtonId = inputId && `clear-btn--${inputId}`;
|
|
18
18
|
return jsx("button", {
|
|
19
|
+
"aria-labelledby": inputId ? `${clearButtonId} ${labelId}` : `${clearButtonId}`,
|
|
19
20
|
css: buttonStyles,
|
|
20
21
|
type: "button",
|
|
21
22
|
tabIndex: -1,
|
|
@@ -27,8 +28,7 @@ const ClearButton = ({
|
|
|
27
28
|
}, "Clear"), jsx("span", {
|
|
28
29
|
style: {
|
|
29
30
|
display: 'flex'
|
|
30
|
-
}
|
|
31
|
-
"aria-labelledby": inputId ? `${clearButtonId} ${labelId}` : `${clearButtonId}`
|
|
31
|
+
}
|
|
32
32
|
}, jsx(SelectClearIcon, {
|
|
33
33
|
size: iconSize,
|
|
34
34
|
label: inputId ? '' : label,
|
|
@@ -31,7 +31,7 @@ import FixedLayer from '../internal/fixed-layer';
|
|
|
31
31
|
import { makeSingleValue } from '../internal/single-value';
|
|
32
32
|
import { convertTokens } from './utils';
|
|
33
33
|
var packageName = "@atlaskit/datetime-picker";
|
|
34
|
-
var packageVersion = "13.0.
|
|
34
|
+
var packageVersion = "13.0.3";
|
|
35
35
|
function getValidDate(iso) {
|
|
36
36
|
var date = parseISO(iso);
|
|
37
37
|
return isValid(date) ? {
|
|
@@ -25,7 +25,7 @@ import DatePicker from './date-picker';
|
|
|
25
25
|
import TimePicker from './time-picker';
|
|
26
26
|
import { convertTokens } from './utils';
|
|
27
27
|
var packageName = "@atlaskit/datetime-picker";
|
|
28
|
-
var packageVersion = "13.0.
|
|
28
|
+
var packageVersion = "13.0.3";
|
|
29
29
|
var isInvalidBorderStyles = css({
|
|
30
30
|
borderColor: "var(--ds-border-danger, ".concat(R400, ")")
|
|
31
31
|
});
|
|
@@ -30,7 +30,7 @@ import parseTime from '../internal/parse-time';
|
|
|
30
30
|
import { makeSingleValue } from '../internal/single-value';
|
|
31
31
|
import { convertTokens } from './utils';
|
|
32
32
|
var packageName = "@atlaskit/datetime-picker";
|
|
33
|
-
var packageVersion = "13.0.
|
|
33
|
+
var packageVersion = "13.0.3";
|
|
34
34
|
var menuStyles = {
|
|
35
35
|
/* Need to remove default absolute positioning as that causes issues with position fixed */
|
|
36
36
|
position: 'static',
|
|
@@ -17,6 +17,7 @@ var ClearButton = function ClearButton(_ref) {
|
|
|
17
17
|
var labelId = inputId && "label--".concat(inputId);
|
|
18
18
|
var clearButtonId = inputId && "clear-btn--".concat(inputId);
|
|
19
19
|
return jsx("button", {
|
|
20
|
+
"aria-labelledby": inputId ? "".concat(clearButtonId, " ").concat(labelId) : "".concat(clearButtonId),
|
|
20
21
|
css: buttonStyles,
|
|
21
22
|
type: "button",
|
|
22
23
|
tabIndex: -1,
|
|
@@ -28,8 +29,7 @@ var ClearButton = function ClearButton(_ref) {
|
|
|
28
29
|
}, "Clear"), jsx("span", {
|
|
29
30
|
style: {
|
|
30
31
|
display: 'flex'
|
|
31
|
-
}
|
|
32
|
-
"aria-labelledby": inputId ? "".concat(clearButtonId, " ").concat(labelId) : "".concat(clearButtonId)
|
|
32
|
+
}
|
|
33
33
|
}, jsx(SelectClearIcon, {
|
|
34
34
|
size: iconSize,
|
|
35
35
|
label: inputId ? '' : label,
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@atlaskit/datetime-picker",
|
|
3
|
-
"version": "13.0.
|
|
3
|
+
"version": "13.0.3",
|
|
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/"
|
|
@@ -42,7 +42,7 @@
|
|
|
42
42
|
"@atlaskit/popper": "^5.5.0",
|
|
43
43
|
"@atlaskit/select": "^17.0.0",
|
|
44
44
|
"@atlaskit/theme": "^12.6.0",
|
|
45
|
-
"@atlaskit/tokens": "^1.
|
|
45
|
+
"@atlaskit/tokens": "^1.29.0",
|
|
46
46
|
"@babel/runtime": "^7.0.0",
|
|
47
47
|
"@emotion/react": "^11.7.1",
|
|
48
48
|
"date-fns": "^2.17.0",
|
|
@@ -54,10 +54,11 @@
|
|
|
54
54
|
},
|
|
55
55
|
"devDependencies": {
|
|
56
56
|
"@af/accessibility-testing": "*",
|
|
57
|
+
"@af/integration-testing": "*",
|
|
57
58
|
"@atlaskit/button": "^16.17.0",
|
|
58
59
|
"@atlaskit/docs": "*",
|
|
59
60
|
"@atlaskit/form": "^9.0.0",
|
|
60
|
-
"@atlaskit/modal-dialog": "^12.
|
|
61
|
+
"@atlaskit/modal-dialog": "^12.10.0",
|
|
61
62
|
"@atlaskit/popup": "^1.11.0",
|
|
62
63
|
"@atlaskit/range": "^7.1.0",
|
|
63
64
|
"@atlaskit/section-message": "^6.4.0",
|
package/tmp/api-report-tmp.d.ts
DELETED
|
@@ -1,270 +0,0 @@
|
|
|
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 } 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<any>;
|
|
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<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<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
|
-
export type Spacing = 'compact' | 'default';
|
|
189
|
-
|
|
190
|
-
// @public (undocumented)
|
|
191
|
-
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<{
|
|
192
|
-
appearance: Appearance;
|
|
193
|
-
autoFocus: boolean;
|
|
194
|
-
defaultIsOpen: boolean;
|
|
195
|
-
defaultValue: string;
|
|
196
|
-
hideIcon: boolean;
|
|
197
|
-
id: string;
|
|
198
|
-
innerProps: {};
|
|
199
|
-
isDisabled: boolean;
|
|
200
|
-
isInvalid: boolean;
|
|
201
|
-
name: string;
|
|
202
|
-
onBlur: (_event: React_2.FocusEvent<HTMLInputElement>) => void;
|
|
203
|
-
onChange: (_value: string) => void;
|
|
204
|
-
onFocus: (_event: React_2.FocusEvent<HTMLInputElement>) => void;
|
|
205
|
-
parseInputValue: (time: string, _timeFormat: string) => Date | string;
|
|
206
|
-
selectProps: {};
|
|
207
|
-
spacing: Spacing;
|
|
208
|
-
times: string[];
|
|
209
|
-
timeIsEditable: boolean;
|
|
210
|
-
locale: string;
|
|
211
|
-
}, 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>>;
|
|
212
|
-
|
|
213
|
-
// @public (undocumented)
|
|
214
|
-
const timePickerDefaultProps: {
|
|
215
|
-
appearance: Appearance;
|
|
216
|
-
autoFocus: boolean;
|
|
217
|
-
defaultIsOpen: boolean;
|
|
218
|
-
defaultValue: string;
|
|
219
|
-
hideIcon: boolean;
|
|
220
|
-
id: string;
|
|
221
|
-
innerProps: {};
|
|
222
|
-
isDisabled: boolean;
|
|
223
|
-
isInvalid: boolean;
|
|
224
|
-
name: string;
|
|
225
|
-
onBlur: (_event: React_2.FocusEvent<HTMLInputElement>) => void;
|
|
226
|
-
onChange: (_value: string) => void;
|
|
227
|
-
onFocus: (_event: React_2.FocusEvent<HTMLInputElement>) => void;
|
|
228
|
-
parseInputValue: (time: string, _timeFormat: string) => Date | string;
|
|
229
|
-
selectProps: {};
|
|
230
|
-
spacing: Spacing;
|
|
231
|
-
times: string[];
|
|
232
|
-
timeIsEditable: boolean;
|
|
233
|
-
locale: string;
|
|
234
|
-
};
|
|
235
|
-
|
|
236
|
-
// @public (undocumented)
|
|
237
|
-
export interface TimePickerProps extends WithAnalyticsEventsProps {
|
|
238
|
-
appearance?: Appearance;
|
|
239
|
-
autoFocus?: boolean;
|
|
240
|
-
defaultIsOpen?: boolean;
|
|
241
|
-
defaultValue?: string;
|
|
242
|
-
formatDisplayLabel?: (time: string, timeFormat: string) => string;
|
|
243
|
-
hideIcon?: boolean;
|
|
244
|
-
id?: string;
|
|
245
|
-
innerProps?: React_2.AllHTMLAttributes<HTMLElement>;
|
|
246
|
-
isDisabled?: boolean;
|
|
247
|
-
isInvalid?: boolean;
|
|
248
|
-
isOpen?: boolean;
|
|
249
|
-
locale?: string;
|
|
250
|
-
name?: string;
|
|
251
|
-
onBlur?: React_2.FocusEventHandler<HTMLElement>;
|
|
252
|
-
onChange?: (value: string) => void;
|
|
253
|
-
onFocus?: React_2.FocusEventHandler<HTMLElement>;
|
|
254
|
-
parseInputValue?: (time: string, timeFormat: string) => Date | string;
|
|
255
|
-
placeholder?: string;
|
|
256
|
-
selectProps?: SelectProps<any>;
|
|
257
|
-
spacing?: Spacing;
|
|
258
|
-
testId?: string;
|
|
259
|
-
timeFormat?: string;
|
|
260
|
-
timeIsEditable?: boolean;
|
|
261
|
-
times?: string[];
|
|
262
|
-
value?: string;
|
|
263
|
-
}
|
|
264
|
-
|
|
265
|
-
// @public (undocumented)
|
|
266
|
-
type TimePickerProps_2 = typeof timePickerDefaultProps & TimePickerProps;
|
|
267
|
-
|
|
268
|
-
// (No @packageDocumentation comment for this package)
|
|
269
|
-
|
|
270
|
-
```
|