@atlaskit/datetime-picker 17.8.5 → 17.8.6
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 +6 -0
- package/datetime-picker.docs.tsx +118 -116
- package/dist/cjs/components/date-picker.js +1 -1
- package/dist/cjs/components/date-time-picker-class.js +1 -1
- package/dist/cjs/components/date-time-picker-fc.js +1 -1
- package/dist/cjs/components/time-picker.js +1 -1
- package/dist/es2019/components/date-picker.js +1 -1
- package/dist/es2019/components/date-time-picker-class.js +1 -1
- package/dist/es2019/components/date-time-picker-fc.js +1 -1
- package/dist/es2019/components/time-picker.js +1 -1
- package/dist/esm/components/date-picker.js +1 -1
- package/dist/esm/components/date-time-picker-class.js +1 -1
- package/dist/esm/components/date-time-picker-fc.js +1 -1
- package/dist/esm/components/time-picker.js +1 -1
- package/package.json +6 -5
package/CHANGELOG.md
CHANGED
package/datetime-picker.docs.tsx
CHANGED
|
@@ -1,127 +1,129 @@
|
|
|
1
1
|
import path from 'path';
|
|
2
2
|
|
|
3
|
-
import type {
|
|
3
|
+
import type { StructuredContentSource } from '@atlassian/structured-docs-types/types';
|
|
4
4
|
|
|
5
|
-
const documentation:
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
description: 'A component for selecting date values with calendar support.',
|
|
9
|
-
status: 'general-availability',
|
|
10
|
-
import: {
|
|
5
|
+
const documentation: StructuredContentSource = {
|
|
6
|
+
components: [
|
|
7
|
+
{
|
|
11
8
|
name: 'DatePicker',
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
'Handle date validation appropriately',
|
|
21
|
-
'Consider calendar button visibility',
|
|
22
|
-
],
|
|
23
|
-
contentGuidelines: [
|
|
24
|
-
'Use clear, descriptive labels',
|
|
25
|
-
'Provide helpful placeholder text',
|
|
26
|
-
'Keep labels concise but descriptive',
|
|
27
|
-
'Use locale prop for date format localization',
|
|
28
|
-
],
|
|
29
|
-
accessibilityGuidelines: [
|
|
30
|
-
'Ensure proper keyboard navigation',
|
|
31
|
-
'Use appropriate date formats',
|
|
32
|
-
'Provide clear date labels',
|
|
33
|
-
'Consider screen reader announcements',
|
|
34
|
-
],
|
|
35
|
-
examples: [
|
|
36
|
-
{
|
|
37
|
-
name: 'Date Picker',
|
|
38
|
-
description: 'Date Picker example',
|
|
39
|
-
source: path.resolve(__dirname, './examples/ai/date-picker.tsx'),
|
|
9
|
+
description: 'A component for selecting date values with calendar support.',
|
|
10
|
+
status: 'general-availability',
|
|
11
|
+
import: {
|
|
12
|
+
name: 'DatePicker',
|
|
13
|
+
package: '@atlaskit/datetime-picker',
|
|
14
|
+
type: 'named',
|
|
15
|
+
packagePath: path.resolve(__dirname),
|
|
16
|
+
packageJson: require('./package.json'),
|
|
40
17
|
},
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
18
|
+
usageGuidelines: [
|
|
19
|
+
'Use for date selection only',
|
|
20
|
+
'Provide clear date formats',
|
|
21
|
+
'Handle date validation appropriately',
|
|
22
|
+
'Consider calendar button visibility',
|
|
23
|
+
],
|
|
24
|
+
contentGuidelines: [
|
|
25
|
+
'Use clear, descriptive labels',
|
|
26
|
+
'Provide helpful placeholder text',
|
|
27
|
+
'Keep labels concise but descriptive',
|
|
28
|
+
'Use locale prop for date format localization',
|
|
29
|
+
],
|
|
30
|
+
accessibilityGuidelines: [
|
|
31
|
+
'Ensure proper keyboard navigation',
|
|
32
|
+
'Use appropriate date formats',
|
|
33
|
+
'Provide clear date labels',
|
|
34
|
+
'Consider screen reader announcements',
|
|
35
|
+
],
|
|
36
|
+
examples: [
|
|
37
|
+
{
|
|
38
|
+
name: 'Date Picker',
|
|
39
|
+
description: 'Date Picker example',
|
|
40
|
+
source: path.resolve(__dirname, './examples/ai/date-picker.tsx'),
|
|
41
|
+
},
|
|
42
|
+
],
|
|
43
|
+
keywords: ['date', 'picker', 'calendar', 'selection', 'form'],
|
|
44
|
+
categories: ['form'],
|
|
55
45
|
},
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
'
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
'Keep labels concise but descriptive',
|
|
67
|
-
'Use locale prop for time format localization (e.g. 12h vs 24h)',
|
|
68
|
-
],
|
|
69
|
-
accessibilityGuidelines: [
|
|
70
|
-
'Ensure proper keyboard navigation',
|
|
71
|
-
'Use appropriate time formats',
|
|
72
|
-
'Provide clear time labels',
|
|
73
|
-
'Consider screen reader announcements',
|
|
74
|
-
],
|
|
75
|
-
examples: [
|
|
76
|
-
{
|
|
77
|
-
name: 'Time Picker',
|
|
78
|
-
description: 'Time Picker example',
|
|
79
|
-
source: path.resolve(__dirname, './examples/ai/time-picker.tsx'),
|
|
46
|
+
{
|
|
47
|
+
name: 'TimePicker',
|
|
48
|
+
description: 'A component for selecting time values with clock interface.',
|
|
49
|
+
status: 'general-availability',
|
|
50
|
+
import: {
|
|
51
|
+
name: 'TimePicker',
|
|
52
|
+
package: '@atlaskit/datetime-picker',
|
|
53
|
+
type: 'named',
|
|
54
|
+
packagePath: path.resolve(__dirname),
|
|
55
|
+
packageJson: require('./package.json'),
|
|
80
56
|
},
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
57
|
+
usageGuidelines: [
|
|
58
|
+
'Use for time selection only',
|
|
59
|
+
'Provide clear time formats',
|
|
60
|
+
'Handle time validation appropriately',
|
|
61
|
+
'Consider editable time input',
|
|
62
|
+
],
|
|
63
|
+
contentGuidelines: [
|
|
64
|
+
'Use clear, descriptive labels',
|
|
65
|
+
'Provide helpful placeholder text',
|
|
66
|
+
'Use appropriate time formats',
|
|
67
|
+
'Keep labels concise but descriptive',
|
|
68
|
+
'Use locale prop for time format localization (e.g. 12h vs 24h)',
|
|
69
|
+
],
|
|
70
|
+
accessibilityGuidelines: [
|
|
71
|
+
'Ensure proper keyboard navigation',
|
|
72
|
+
'Use appropriate time formats',
|
|
73
|
+
'Provide clear time labels',
|
|
74
|
+
'Consider screen reader announcements',
|
|
75
|
+
],
|
|
76
|
+
examples: [
|
|
77
|
+
{
|
|
78
|
+
name: 'Time Picker',
|
|
79
|
+
description: 'Time Picker example',
|
|
80
|
+
source: path.resolve(__dirname, './examples/ai/time-picker.tsx'),
|
|
81
|
+
},
|
|
82
|
+
],
|
|
83
|
+
keywords: ['time', 'picker', 'clock', 'selection', 'form'],
|
|
84
|
+
categories: ['form'],
|
|
95
85
|
},
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
'
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
|
|
102
|
-
|
|
103
|
-
|
|
104
|
-
|
|
105
|
-
|
|
106
|
-
'Keep labels concise but descriptive',
|
|
107
|
-
'Use locale prop for date and time format localization',
|
|
108
|
-
],
|
|
109
|
-
accessibilityGuidelines: [
|
|
110
|
-
'Ensure proper keyboard navigation',
|
|
111
|
-
'Use appropriate date/time formats',
|
|
112
|
-
'Provide clear date/time labels',
|
|
113
|
-
'Consider screen reader announcements',
|
|
114
|
-
],
|
|
115
|
-
examples: [
|
|
116
|
-
{
|
|
117
|
-
name: 'Datetime Picker',
|
|
118
|
-
description: 'Datetime Picker example',
|
|
119
|
-
source: path.resolve(__dirname, './examples/ai/datetime-picker.tsx'),
|
|
86
|
+
{
|
|
87
|
+
name: 'DateTimePicker',
|
|
88
|
+
description: 'A component for selecting both date and time values.',
|
|
89
|
+
status: 'general-availability',
|
|
90
|
+
import: {
|
|
91
|
+
name: 'DateTimePicker',
|
|
92
|
+
package: '@atlaskit/datetime-picker',
|
|
93
|
+
type: 'named',
|
|
94
|
+
packagePath: path.resolve(__dirname),
|
|
95
|
+
packageJson: require('./package.json'),
|
|
120
96
|
},
|
|
121
|
-
|
|
122
|
-
|
|
123
|
-
|
|
124
|
-
|
|
125
|
-
|
|
97
|
+
usageGuidelines: [
|
|
98
|
+
'Use for combined date and time selection',
|
|
99
|
+
'Provide clear date/time formats',
|
|
100
|
+
'Handle timezone considerations',
|
|
101
|
+
'Consider validation requirements',
|
|
102
|
+
],
|
|
103
|
+
contentGuidelines: [
|
|
104
|
+
'Use clear, descriptive labels',
|
|
105
|
+
'Provide helpful placeholder text',
|
|
106
|
+
'Use appropriate date/time formats',
|
|
107
|
+
'Keep labels concise but descriptive',
|
|
108
|
+
'Use locale prop for date and time format localization',
|
|
109
|
+
],
|
|
110
|
+
accessibilityGuidelines: [
|
|
111
|
+
'Ensure proper keyboard navigation',
|
|
112
|
+
'Use appropriate date/time formats',
|
|
113
|
+
'Provide clear date/time labels',
|
|
114
|
+
'Consider screen reader announcements',
|
|
115
|
+
],
|
|
116
|
+
examples: [
|
|
117
|
+
{
|
|
118
|
+
name: 'Datetime Picker',
|
|
119
|
+
description: 'Datetime Picker example',
|
|
120
|
+
source: path.resolve(__dirname, './examples/ai/datetime-picker.tsx'),
|
|
121
|
+
},
|
|
122
|
+
],
|
|
123
|
+
keywords: ['datetime', 'picker', 'date', 'time', 'calendar'],
|
|
124
|
+
categories: ['form'],
|
|
125
|
+
},
|
|
126
|
+
],
|
|
127
|
+
};
|
|
126
128
|
|
|
127
129
|
export default documentation;
|
|
@@ -44,7 +44,7 @@ function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r
|
|
|
44
44
|
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; }
|
|
45
45
|
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; }
|
|
46
46
|
var packageName = "@atlaskit/datetime-picker";
|
|
47
|
-
var packageVersion = "
|
|
47
|
+
var packageVersion = "17.8.5";
|
|
48
48
|
var styles = {
|
|
49
49
|
pickerContainerStyle: "_kqswh2mm",
|
|
50
50
|
dropdownIndicatorStyles: "_1ul91k8s _1tke1k8s _1e0c1txw _4cvr1h6o _1bah1h6o",
|
|
@@ -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 = "
|
|
33
|
+
var packageVersion = "17.8.5";
|
|
34
34
|
var compiledStyles = {
|
|
35
35
|
datePickerContainerStyles: "_i0dl1ssb _16jlkb7n _1o9zidpf",
|
|
36
36
|
timePickerContainerStyles: "_i0dl1ssb _16jlkb7n",
|
|
@@ -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 = "
|
|
36
|
+
var packageVersion = "17.8.5";
|
|
37
37
|
var analyticsAttributes = {
|
|
38
38
|
componentName: 'dateTimePicker',
|
|
39
39
|
packageName: packageName,
|
|
@@ -30,7 +30,7 @@ function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r
|
|
|
30
30
|
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; }
|
|
31
31
|
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
|
|
32
32
|
var packageName = "@atlaskit/datetime-picker";
|
|
33
|
-
var packageVersion = "
|
|
33
|
+
var packageVersion = "17.8.5";
|
|
34
34
|
var defaultTimeFormat = 'h:mma';
|
|
35
35
|
var menuStyles = {
|
|
36
36
|
/* Need to remove default absolute positioning as that causes issues with position fixed */
|
|
@@ -31,7 +31,7 @@ import { MenuTopLayer } from '../internal/menu-top-layer';
|
|
|
31
31
|
import { parseDate } from '../internal/parse-date';
|
|
32
32
|
import { makeSingleValue } from '../internal/single-value';
|
|
33
33
|
const packageName = "@atlaskit/datetime-picker";
|
|
34
|
-
const packageVersion = "
|
|
34
|
+
const packageVersion = "17.8.5";
|
|
35
35
|
const styles = {
|
|
36
36
|
pickerContainerStyle: "_kqswh2mm",
|
|
37
37
|
dropdownIndicatorStyles: "_1ul91k8s _1tke1k8s _1e0c1txw _4cvr1h6o _1bah1h6o",
|
|
@@ -16,7 +16,7 @@ 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 = "
|
|
19
|
+
const packageVersion = "17.8.5";
|
|
20
20
|
const compiledStyles = {
|
|
21
21
|
datePickerContainerStyles: "_i0dl1ssb _16jlkb7n _1o9zidpf",
|
|
22
22
|
timePickerContainerStyles: "_i0dl1ssb _16jlkb7n",
|
|
@@ -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 = "
|
|
23
|
+
const packageVersion = "17.8.5";
|
|
24
24
|
const analyticsAttributes = {
|
|
25
25
|
componentName: 'dateTimePicker',
|
|
26
26
|
packageName,
|
|
@@ -17,7 +17,7 @@ import { convertTokens } from '../internal/parse-tokens';
|
|
|
17
17
|
import { placeholderDatetime } from '../internal/placeholder-date-time';
|
|
18
18
|
import { makeSingleValue } from '../internal/single-value';
|
|
19
19
|
const packageName = "@atlaskit/datetime-picker";
|
|
20
|
-
const packageVersion = "
|
|
20
|
+
const packageVersion = "17.8.5";
|
|
21
21
|
const defaultTimeFormat = 'h:mma';
|
|
22
22
|
const menuStyles = {
|
|
23
23
|
/* Need to remove default absolute positioning as that causes issues with position fixed */
|
|
@@ -37,7 +37,7 @@ import { MenuTopLayer } from '../internal/menu-top-layer';
|
|
|
37
37
|
import { parseDate } from '../internal/parse-date';
|
|
38
38
|
import { makeSingleValue } from '../internal/single-value';
|
|
39
39
|
var packageName = "@atlaskit/datetime-picker";
|
|
40
|
-
var packageVersion = "
|
|
40
|
+
var packageVersion = "17.8.5";
|
|
41
41
|
var styles = {
|
|
42
42
|
pickerContainerStyle: "_kqswh2mm",
|
|
43
43
|
dropdownIndicatorStyles: "_1ul91k8s _1tke1k8s _1e0c1txw _4cvr1h6o _1bah1h6o",
|
|
@@ -25,7 +25,7 @@ import { convertTokens } from '../internal/parse-tokens';
|
|
|
25
25
|
import DatePicker from './date-picker';
|
|
26
26
|
import TimePicker from './time-picker';
|
|
27
27
|
var packageName = "@atlaskit/datetime-picker";
|
|
28
|
-
var packageVersion = "
|
|
28
|
+
var packageVersion = "17.8.5";
|
|
29
29
|
var compiledStyles = {
|
|
30
30
|
datePickerContainerStyles: "_i0dl1ssb _16jlkb7n _1o9zidpf",
|
|
31
31
|
timePickerContainerStyles: "_i0dl1ssb _16jlkb7n",
|
|
@@ -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 = "
|
|
30
|
+
var packageVersion = "17.8.5";
|
|
31
31
|
var analyticsAttributes = {
|
|
32
32
|
componentName: 'dateTimePicker',
|
|
33
33
|
packageName: packageName,
|
|
@@ -23,7 +23,7 @@ import { convertTokens } from '../internal/parse-tokens';
|
|
|
23
23
|
import { placeholderDatetime } from '../internal/placeholder-date-time';
|
|
24
24
|
import { makeSingleValue } from '../internal/single-value';
|
|
25
25
|
var packageName = "@atlaskit/datetime-picker";
|
|
26
|
-
var packageVersion = "
|
|
26
|
+
var packageVersion = "17.8.5";
|
|
27
27
|
var defaultTimeFormat = 'h:mma';
|
|
28
28
|
var menuStyles = {
|
|
29
29
|
/* Need to remove default absolute positioning as that causes issues with position fixed */
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@atlaskit/datetime-picker",
|
|
3
|
-
"version": "17.8.
|
|
3
|
+
"version": "17.8.6",
|
|
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/"
|
|
@@ -52,7 +52,7 @@
|
|
|
52
52
|
"@atlaskit/primitives": "^19.0.0",
|
|
53
53
|
"@atlaskit/select": "^21.12.0",
|
|
54
54
|
"@atlaskit/tokens": "^13.0.0",
|
|
55
|
-
"@atlaskit/top-layer": "^0.
|
|
55
|
+
"@atlaskit/top-layer": "^0.9.0",
|
|
56
56
|
"@babel/runtime": "^7.0.0",
|
|
57
57
|
"@compiled/react": "^0.20.0",
|
|
58
58
|
"date-fns": "^2.17.0"
|
|
@@ -70,10 +70,10 @@
|
|
|
70
70
|
"@atlaskit/form": "^15.5.0",
|
|
71
71
|
"@atlaskit/heading": "^5.4.0",
|
|
72
72
|
"@atlaskit/link": "^3.4.0",
|
|
73
|
-
"@atlaskit/modal-dialog": "^15.
|
|
74
|
-
"@atlaskit/popup": "^4.
|
|
73
|
+
"@atlaskit/modal-dialog": "^15.2.0",
|
|
74
|
+
"@atlaskit/popup": "^4.21.0",
|
|
75
75
|
"@atlaskit/range": "^10.1.0",
|
|
76
|
-
"@atlaskit/section-message": "^8.
|
|
76
|
+
"@atlaskit/section-message": "^8.13.0",
|
|
77
77
|
"@atlaskit/textfield": "^8.3.0",
|
|
78
78
|
"@atlaskit/toggle": "^15.6.0",
|
|
79
79
|
"@atlassian/feature-flags-test-utils": "^1.1.0",
|
|
@@ -86,6 +86,7 @@
|
|
|
86
86
|
"jest-in-case": "^1.0.2",
|
|
87
87
|
"jscodeshift": "^17.0.0",
|
|
88
88
|
"moment": "^2.29.2",
|
|
89
|
+
"react": "^18.2.0",
|
|
89
90
|
"react-dom": "^18.2.0",
|
|
90
91
|
"react-lorem-component": "^0.13.0"
|
|
91
92
|
},
|