@zendeskgarden/react-datepickers 9.11.1 → 9.11.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 (18) hide show
  1. package/dist/esm/elements/DatePicker/DatePicker.js +5 -12
  2. package/dist/esm/elements/DatePickerRange/DatePickerRange.js +2 -6
  3. package/dist/esm/elements/DatePickerRange/components/Calendar.js +1 -1
  4. package/dist/esm/styled/StyledCalendar.js +1 -1
  5. package/dist/esm/styled/StyledCalendarItem.js +1 -1
  6. package/dist/esm/styled/StyledDatePicker.js +1 -1
  7. package/dist/esm/styled/StyledDay.js +1 -1
  8. package/dist/esm/styled/StyledDayLabel.js +1 -1
  9. package/dist/esm/styled/StyledHeader.js +1 -1
  10. package/dist/esm/styled/StyledHeaderLabel.js +1 -1
  11. package/dist/esm/styled/StyledHeaderPaddle.js +1 -1
  12. package/dist/esm/styled/StyledHighlight.js +1 -1
  13. package/dist/esm/styled/StyledMenu.js +1 -1
  14. package/dist/esm/styled/StyledMenuWrapper.js +1 -1
  15. package/dist/esm/styled/StyledRangeCalendar.js +1 -1
  16. package/dist/index.cjs.js +20 -31
  17. package/dist/typings/elements/DatePickerRange/DatePickerRange.d.ts +0 -4
  18. package/package.json +3 -3
package/dist/esm/elements/DatePicker/DatePicker.js CHANGED
@@ -34,17 +34,17 @@ const DatePicker = forwardRef((props, calendarRef) => {
34
34
  const {
35
35
  appendToNode,
36
36
  children,
37
- placement: _placement,
38
- zIndex,
39
- isAnimated,
40
- refKey,
37
+ placement: _placement = PLACEMENT_DEFAULT,
38
+ zIndex = 1000,
39
+ isAnimated = true,
40
+ refKey = 'ref',
41
41
  value,
42
42
  isCompact,
43
43
  onChange,
44
44
  formatDate,
45
45
  minValue,
46
46
  maxValue,
47
- locale,
47
+ locale = 'en-US',
48
48
  weekStartsOn,
49
49
  customParseDate,
50
50
  ...menuProps
@@ -162,12 +162,5 @@ DatePicker.propTypes = {
162
162
  isAnimated: PropTypes.bool,
163
163
  zIndex: PropTypes.number
164
164
  };
165
- DatePicker.defaultProps = {
166
- placement: PLACEMENT_DEFAULT,
167
- refKey: 'ref',
168
- isAnimated: true,
169
- zIndex: 1000,
170
- locale: 'en-US'
171
- };
172
165
 
173
166
  export { DatePicker };
package/dist/esm/elements/DatePickerRange/DatePickerRange.js CHANGED
@@ -15,13 +15,13 @@ import { Calendar } from './components/Calendar.js';
15
15
  const DatePickerRangeComponent = props => {
16
16
  const {
17
17
  startValue,
18
- locale,
18
+ locale = 'en-US',
19
19
  weekStartsOn,
20
20
  formatDate,
21
21
  endValue,
22
22
  onChange,
23
23
  customParseDate,
24
- isCompact,
24
+ isCompact = false,
25
25
  minValue,
26
26
  maxValue,
27
27
  children
@@ -89,10 +89,6 @@ DatePickerRangeComponent.propTypes = {
89
89
  customParseDate: PropTypes.func,
90
90
  isCompact: PropTypes.bool
91
91
  };
92
- DatePickerRangeComponent.defaultProps = {
93
- locale: 'en-US',
94
- isCompact: false
95
- };
96
92
  const DatePickerRange = DatePickerRangeComponent;
97
93
  DatePickerRange.Calendar = Calendar;
98
94
  DatePickerRange.End = End;
package/dist/esm/elements/DatePickerRange/components/Calendar.js CHANGED
@@ -28,7 +28,7 @@ const Calendar = forwardRef((props, ref) => {
28
28
  return React__default.createElement(StyledRangeCalendar, Object.assign({
29
29
  ref: ref,
30
30
  "data-garden-id": "datepickers.range",
31
- "data-garden-version": '9.11.1'
31
+ "data-garden-version": '9.11.2'
32
32
  }, props), React__default.createElement(Month, {
33
33
  displayDate: state.previewDate,
34
34
  isNextHidden: true
package/dist/esm/styled/StyledCalendar.js CHANGED
@@ -10,7 +10,7 @@ import { componentStyles } from '@zendeskgarden/react-theming';
10
10
  const COMPONENT_ID = 'datepickers.calendar';
11
11
  const StyledCalendar = styled.div.attrs({
12
12
  'data-garden-id': COMPONENT_ID,
13
- 'data-garden-version': '9.11.1'
13
+ 'data-garden-version': '9.11.2'
14
14
  }).withConfig({
15
15
  displayName: "StyledCalendar",
16
16
  componentId: "sc-g5hoe8-0"
package/dist/esm/styled/StyledCalendarItem.js CHANGED
@@ -23,7 +23,7 @@ const sizeStyles = _ref => {
23
23
  };
24
24
  const StyledCalendarItem = styled.div.attrs({
25
25
  'data-garden-id': COMPONENT_ID,
26
- 'data-garden-version': '9.11.1'
26
+ 'data-garden-version': '9.11.2'
27
27
  }).withConfig({
28
28
  displayName: "StyledCalendarItem",
29
29
  componentId: "sc-143w8wb-0"
package/dist/esm/styled/StyledDatePicker.js CHANGED
@@ -28,7 +28,7 @@ const colorStyles = _ref2 => {
28
28
  };
29
29
  const StyledDatePicker = styled.div.attrs({
30
30
  'data-garden-id': COMPONENT_ID,
31
- 'data-garden-version': '9.11.1'
31
+ 'data-garden-version': '9.11.2'
32
32
  }).withConfig({
33
33
  displayName: "StyledDatePicker",
34
34
  componentId: "sc-15hwqzh-0"
package/dist/esm/styled/StyledDay.js CHANGED
@@ -83,7 +83,7 @@ const colorStyles = _ref => {
83
83
  const COMPONENT_ID = 'datepickers.day';
84
84
  const StyledDay = styled.div.attrs({
85
85
  'data-garden-id': COMPONENT_ID,
86
- 'data-garden-version': '9.11.1'
86
+ 'data-garden-version': '9.11.2'
87
87
  }).withConfig({
88
88
  displayName: "StyledDay",
89
89
  componentId: "sc-v42uk5-0"
package/dist/esm/styled/StyledDayLabel.js CHANGED
@@ -10,7 +10,7 @@ import { componentStyles } from '@zendeskgarden/react-theming';
10
10
  const COMPONENT_ID = 'datepickers.day_label';
11
11
  const StyledDayLabel = styled.div.attrs({
12
12
  'data-garden-id': COMPONENT_ID,
13
- 'data-garden-version': '9.11.1'
13
+ 'data-garden-version': '9.11.2'
14
14
  }).withConfig({
15
15
  displayName: "StyledDayLabel",
16
16
  componentId: "sc-9bh1p7-0"
package/dist/esm/styled/StyledHeader.js CHANGED
@@ -10,7 +10,7 @@ import { componentStyles } from '@zendeskgarden/react-theming';
10
10
  const COMPONENT_ID = 'datepickers.header';
11
11
  const StyledHeader = styled.div.attrs({
12
12
  'data-garden-id': COMPONENT_ID,
13
- 'data-garden-version': '9.11.1'
13
+ 'data-garden-version': '9.11.2'
14
14
  }).withConfig({
15
15
  displayName: "StyledHeader",
16
16
  componentId: "sc-upq318-0"
package/dist/esm/styled/StyledHeaderLabel.js CHANGED
@@ -10,7 +10,7 @@ import { componentStyles } from '@zendeskgarden/react-theming';
10
10
  const COMPONENT_ID = 'datepickers.header_label';
11
11
  const StyledHeaderLabel = styled.div.attrs({
12
12
  'data-garden-id': COMPONENT_ID,
13
- 'data-garden-version': '9.11.1'
13
+ 'data-garden-version': '9.11.2'
14
14
  }).withConfig({
15
15
  displayName: "StyledHeaderLabel",
16
16
  componentId: "sc-1ryf5ub-0"
package/dist/esm/styled/StyledHeaderPaddle.js CHANGED
@@ -59,7 +59,7 @@ const colorStyles = _ref2 => {
59
59
  const COMPONENT_ID = 'datepickers.header_paddle';
60
60
  const StyledHeaderPaddle = styled.div.attrs({
61
61
  'data-garden-id': COMPONENT_ID,
62
- 'data-garden-version': '9.11.1'
62
+ 'data-garden-version': '9.11.2'
63
63
  }).withConfig({
64
64
  displayName: "StyledHeaderPaddle",
65
65
  componentId: "sc-2oqh0g-0"
package/dist/esm/styled/StyledHighlight.js CHANGED
@@ -44,7 +44,7 @@ const colorStyles = _ref2 => {
44
44
  };
45
45
  const StyledHighlight = styled.div.attrs({
46
46
  'data-garden-id': COMPONENT_ID,
47
- 'data-garden-version': '9.11.1'
47
+ 'data-garden-version': '9.11.2'
48
48
  }).withConfig({
49
49
  displayName: "StyledHighlight",
50
50
  componentId: "sc-16vr32x-0"
package/dist/esm/styled/StyledMenu.js CHANGED
@@ -10,7 +10,7 @@ import { componentStyles } from '@zendeskgarden/react-theming';
10
10
  const COMPONENT_ID = 'datepickers.menu';
11
11
  const StyledMenu = styled.div.attrs({
12
12
  'data-garden-id': COMPONENT_ID,
13
- 'data-garden-version': '9.11.1'
13
+ 'data-garden-version': '9.11.2'
14
14
  }).withConfig({
15
15
  displayName: "StyledMenu",
16
16
  componentId: "sc-1npbkk0-0"
package/dist/esm/styled/StyledMenuWrapper.js CHANGED
@@ -10,7 +10,7 @@ import { menuStyles, getMenuPosition, componentStyles } from '@zendeskgarden/rea
10
10
  const COMPONENT_ID = 'datepickers.menu_wrapper';
11
11
  const StyledMenuWrapper = styled.div.attrs(props => ({
12
12
  'data-garden-id': COMPONENT_ID,
13
- 'data-garden-version': '9.11.1',
13
+ 'data-garden-version': '9.11.2',
14
14
  className: props.$isAnimated ? 'is-animated' : undefined
15
15
  })).withConfig({
16
16
  displayName: "StyledMenuWrapper",
package/dist/esm/styled/StyledRangeCalendar.js CHANGED
@@ -11,7 +11,7 @@ import { componentStyles } from '@zendeskgarden/react-theming';
11
11
  const COMPONENT_ID = 'datepickers.range_calendar';
12
12
  const StyledRangeCalendar = styled.div.attrs({
13
13
  'data-garden-id': COMPONENT_ID,
14
- 'data-garden-version': '9.11.1'
14
+ 'data-garden-version': '9.11.2'
15
15
  }).withConfig({
16
16
  displayName: "StyledRangeCalendar",
17
17
  componentId: "sc-1og46sy-0"
package/dist/index.cjs.js CHANGED
@@ -63,7 +63,7 @@ const PLACEMENT = ['auto', ...reactTheming.PLACEMENT];
63
63
  const COMPONENT_ID$b = 'datepickers.menu';
64
64
  const StyledMenu = styled__default.default.div.attrs({
65
65
  'data-garden-id': COMPONENT_ID$b,
66
- 'data-garden-version': '9.11.1'
66
+ 'data-garden-version': '9.11.2'
67
67
  }).withConfig({
68
68
  displayName: "StyledMenu",
69
69
  componentId: "sc-1npbkk0-0"
@@ -72,7 +72,7 @@ const StyledMenu = styled__default.default.div.attrs({
72
72
  const COMPONENT_ID$a = 'datepickers.menu_wrapper';
73
73
  const StyledMenuWrapper = styled__default.default.div.attrs(props => ({
74
74
  'data-garden-id': COMPONENT_ID$a,
75
- 'data-garden-version': '9.11.1',
75
+ 'data-garden-version': '9.11.2',
76
76
  className: props.$isAnimated ? 'is-animated' : undefined
77
77
  })).withConfig({
78
78
  displayName: "StyledMenuWrapper",
@@ -106,7 +106,7 @@ const colorStyles$3 = _ref2 => {
106
106
  };
107
107
  const StyledDatePicker = styled__default.default.div.attrs({
108
108
  'data-garden-id': COMPONENT_ID$9,
109
- 'data-garden-version': '9.11.1'
109
+ 'data-garden-version': '9.11.2'
110
110
  }).withConfig({
111
111
  displayName: "StyledDatePicker",
112
112
  componentId: "sc-15hwqzh-0"
@@ -115,7 +115,7 @@ const StyledDatePicker = styled__default.default.div.attrs({
115
115
  const COMPONENT_ID$8 = 'datepickers.range_calendar';
116
116
  const StyledRangeCalendar = styled__default.default.div.attrs({
117
117
  'data-garden-id': COMPONENT_ID$8,
118
- 'data-garden-version': '9.11.1'
118
+ 'data-garden-version': '9.11.2'
119
119
  }).withConfig({
120
120
  displayName: "StyledRangeCalendar",
121
121
  componentId: "sc-1og46sy-0"
@@ -124,7 +124,7 @@ const StyledRangeCalendar = styled__default.default.div.attrs({
124
124
  const COMPONENT_ID$7 = 'datepickers.header';
125
125
  const StyledHeader = styled__default.default.div.attrs({
126
126
  'data-garden-id': COMPONENT_ID$7,
127
- 'data-garden-version': '9.11.1'
127
+ 'data-garden-version': '9.11.2'
128
128
  }).withConfig({
129
129
  displayName: "StyledHeader",
130
130
  componentId: "sc-upq318-0"
@@ -182,7 +182,7 @@ const colorStyles$2 = _ref2 => {
182
182
  const COMPONENT_ID$6 = 'datepickers.header_paddle';
183
183
  const StyledHeaderPaddle = styled__default.default.div.attrs({
184
184
  'data-garden-id': COMPONENT_ID$6,
185
- 'data-garden-version': '9.11.1'
185
+ 'data-garden-version': '9.11.2'
186
186
  }).withConfig({
187
187
  displayName: "StyledHeaderPaddle",
188
188
  componentId: "sc-2oqh0g-0"
@@ -191,7 +191,7 @@ const StyledHeaderPaddle = styled__default.default.div.attrs({
191
191
  const COMPONENT_ID$5 = 'datepickers.header_label';
192
192
  const StyledHeaderLabel = styled__default.default.div.attrs({
193
193
  'data-garden-id': COMPONENT_ID$5,
194
- 'data-garden-version': '9.11.1'
194
+ 'data-garden-version': '9.11.2'
195
195
  }).withConfig({
196
196
  displayName: "StyledHeaderLabel",
197
197
  componentId: "sc-1ryf5ub-0"
@@ -200,7 +200,7 @@ const StyledHeaderLabel = styled__default.default.div.attrs({
200
200
  const COMPONENT_ID$4 = 'datepickers.calendar';
201
201
  const StyledCalendar = styled__default.default.div.attrs({
202
202
  'data-garden-id': COMPONENT_ID$4,
203
- 'data-garden-version': '9.11.1'
203
+ 'data-garden-version': '9.11.2'
204
204
  }).withConfig({
205
205
  displayName: "StyledCalendar",
206
206
  componentId: "sc-g5hoe8-0"
@@ -222,7 +222,7 @@ const sizeStyles$2 = _ref => {
222
222
  };
223
223
  const StyledCalendarItem = styled__default.default.div.attrs({
224
224
  'data-garden-id': COMPONENT_ID$3,
225
- 'data-garden-version': '9.11.1'
225
+ 'data-garden-version': '9.11.2'
226
226
  }).withConfig({
227
227
  displayName: "StyledCalendarItem",
228
228
  componentId: "sc-143w8wb-0"
@@ -231,7 +231,7 @@ const StyledCalendarItem = styled__default.default.div.attrs({
231
231
  const COMPONENT_ID$2 = 'datepickers.day_label';
232
232
  const StyledDayLabel = styled__default.default.div.attrs({
233
233
  'data-garden-id': COMPONENT_ID$2,
234
- 'data-garden-version': '9.11.1'
234
+ 'data-garden-version': '9.11.2'
235
235
  }).withConfig({
236
236
  displayName: "StyledDayLabel",
237
237
  componentId: "sc-9bh1p7-0"
@@ -274,7 +274,7 @@ const colorStyles$1 = _ref2 => {
274
274
  };
275
275
  const StyledHighlight = styled__default.default.div.attrs({
276
276
  'data-garden-id': COMPONENT_ID$1,
277
- 'data-garden-version': '9.11.1'
277
+ 'data-garden-version': '9.11.2'
278
278
  }).withConfig({
279
279
  displayName: "StyledHighlight",
280
280
  componentId: "sc-16vr32x-0"
@@ -356,7 +356,7 @@ const colorStyles = _ref => {
356
356
  const COMPONENT_ID = 'datepickers.day';
357
357
  const StyledDay = styled__default.default.div.attrs({
358
358
  'data-garden-id': COMPONENT_ID,
359
- 'data-garden-version': '9.11.1'
359
+ 'data-garden-version': '9.11.2'
360
360
  }).withConfig({
361
361
  displayName: "StyledDay",
362
362
  componentId: "sc-v42uk5-0"
@@ -849,17 +849,17 @@ const DatePicker = React.forwardRef((props, calendarRef) => {
849
849
  const {
850
850
  appendToNode,
851
851
  children,
852
- placement: _placement,
853
- zIndex,
854
- isAnimated,
855
- refKey,
852
+ placement: _placement = PLACEMENT_DEFAULT,
853
+ zIndex = 1000,
854
+ isAnimated = true,
855
+ refKey = 'ref',
856
856
  value,
857
857
  isCompact,
858
858
  onChange,
859
859
  formatDate,
860
860
  minValue,
861
861
  maxValue,
862
- locale,
862
+ locale = 'en-US',
863
863
  weekStartsOn,
864
864
  customParseDate,
865
865
  ...menuProps
@@ -977,13 +977,6 @@ DatePicker.propTypes = {
977
977
  isAnimated: PropTypes__default.default.bool,
978
978
  zIndex: PropTypes__default.default.number
979
979
  };
980
- DatePicker.defaultProps = {
981
- placement: PLACEMENT_DEFAULT,
982
- refKey: 'ref',
983
- isAnimated: true,
984
- zIndex: 1000,
985
- locale: 'en-US'
986
- };
987
980
 
988
981
  function formatValue(_ref) {
989
982
  let {
@@ -1660,7 +1653,7 @@ const Calendar = React.forwardRef((props, ref) => {
1660
1653
  return React__namespace.default.createElement(StyledRangeCalendar, Object.assign({
1661
1654
  ref: ref,
1662
1655
  "data-garden-id": "datepickers.range",
1663
- "data-garden-version": '9.11.1'
1656
+ "data-garden-version": '9.11.2'
1664
1657
  }, props), React__namespace.default.createElement(Month, {
1665
1658
  displayDate: state.previewDate,
1666
1659
  isNextHidden: true
@@ -1674,13 +1667,13 @@ Calendar.displayName = 'DatePickerRange.Calendar';
1674
1667
  const DatePickerRangeComponent = props => {
1675
1668
  const {
1676
1669
  startValue,
1677
- locale,
1670
+ locale = 'en-US',
1678
1671
  weekStartsOn,
1679
1672
  formatDate,
1680
1673
  endValue,
1681
1674
  onChange,
1682
1675
  customParseDate,
1683
- isCompact,
1676
+ isCompact = false,
1684
1677
  minValue,
1685
1678
  maxValue,
1686
1679
  children
@@ -1748,10 +1741,6 @@ DatePickerRangeComponent.propTypes = {
1748
1741
  customParseDate: PropTypes__default.default.func,
1749
1742
  isCompact: PropTypes__default.default.bool
1750
1743
  };
1751
- DatePickerRangeComponent.defaultProps = {
1752
- locale: 'en-US',
1753
- isCompact: false
1754
- };
1755
1744
  const DatePickerRange = DatePickerRangeComponent;
1756
1745
  DatePickerRange.Calendar = Calendar;
1757
1746
  DatePickerRange.End = End;
package/dist/typings/elements/DatePickerRange/DatePickerRange.d.ts CHANGED
@@ -24,10 +24,6 @@ declare const DatePickerRangeComponent: {
24
24
  customParseDate: PropTypes.Requireable<(...args: any[]) => any>;
25
25
  isCompact: PropTypes.Requireable<boolean>;
26
26
  };
27
- defaultProps: {
28
- locale: string;
29
- isCompact: boolean;
30
- };
31
27
  };
32
28
  export declare const DatePickerRange: typeof DatePickerRangeComponent & {
33
29
  Calendar: typeof Calendar;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@zendeskgarden/react-datepickers",
3
- "version": "9.11.1",
3
+ "version": "9.11.2",
4
4
  "description": "Components relating to datepickers in the Garden Design System",
5
5
  "license": "Apache-2.0",
6
6
  "author": "Zendesk Garden <garden@zendesk.com>",
@@ -34,7 +34,7 @@
34
34
  "styled-components": "^5.3.1 || ^6.0.0"
35
35
  },
36
36
  "devDependencies": {
37
- "@zendeskgarden/react-theming": "^9.11.1",
37
+ "@zendeskgarden/react-theming": "^9.11.2",
38
38
  "@zendeskgarden/svg-icons": "7.5.0"
39
39
  },
40
40
  "keywords": [
@@ -47,5 +47,5 @@
47
47
  "access": "public"
48
48
  },
49
49
  "zendeskgarden:src": "src/index.ts",
50
- "gitHead": "c45a8893e0ed1fd9f1cf257b2badf6bbeae90bc0"
50
+ "gitHead": "3adb38d25d0a3fa38ff21c7707950623f22b5db7"
51
51
  }