@instructure/ui-date-input 10.2.3-snapshot-13 → 10.2.3-snapshot-15

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 (7) hide show
  1. package/CHANGELOG.md +1 -1
  2. package/es/DateInput/__new-tests__/DateInput.test.js +36 -36
  3. package/lib/DateInput/__new-tests__/DateInput.test.js +36 -36
  4. package/package.json +23 -23
  5. package/tsconfig.build.tsbuildinfo +1 -1
  6. package/types/DateInput/index.d.ts +3 -3
  7. package/types/DateInput/index.d.ts.map +1 -1
package/CHANGELOG.md CHANGED
@@ -3,7 +3,7 @@
3
3
  All notable changes to this project will be documented in this file.
4
4
  See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
5
5
 
6
- ## [10.2.3-snapshot-13](https://github.com/instructure/instructure-ui/compare/v10.2.2...v10.2.3-snapshot-13) (2024-10-02)
6
+ ## [10.2.3-snapshot-15](https://github.com/instructure/instructure-ui/compare/v10.2.2...v10.2.3-snapshot-15) (2024-10-03)
7
7
 
8
8
 
9
9
  ### Features
package/es/DateInput/__new-tests__/DateInput.test.js CHANGED
@@ -40,7 +40,7 @@ describe('<DateInput />', () => {
40
40
  const days = [];
41
41
  const date = new Date('2019-07-28');
42
42
  while (days.length < count) {
43
- days.push( /*#__PURE__*/React.createElement(Calendar.Day, {
43
+ days.push(/*#__PURE__*/React.createElement(Calendar.Day, {
44
44
  key: date.toISOString(),
45
45
  date: date.toISOString(),
46
46
  label: date.toISOString()
@@ -61,7 +61,7 @@ describe('<DateInput />', () => {
61
61
  consoleErrorMock.mockRestore();
62
62
  });
63
63
  it('should render an input and a calendar', async () => {
64
- const _render = render( /*#__PURE__*/React.createElement(DateInput, {
64
+ const _render = render(/*#__PURE__*/React.createElement(DateInput, {
65
65
  renderLabel: "date-input",
66
66
  renderWeekdayLabels: weekdayLabels,
67
67
  isShowingCalendar: true
@@ -82,7 +82,7 @@ describe('<DateInput />', () => {
82
82
  describe('input', () => {
83
83
  it('should render a label', () => {
84
84
  const labelText = 'label text';
85
- render( /*#__PURE__*/React.createElement(DateInput, {
85
+ render(/*#__PURE__*/React.createElement(DateInput, {
86
86
  renderLabel: labelText,
87
87
  renderWeekdayLabels: weekdayLabels
88
88
  }, generateDays()));
@@ -91,7 +91,7 @@ describe('<DateInput />', () => {
91
91
  });
92
92
  it('should set value', () => {
93
93
  const value = 'January 5';
94
- render( /*#__PURE__*/React.createElement(DateInput, {
94
+ render(/*#__PURE__*/React.createElement(DateInput, {
95
95
  renderLabel: "Choose date",
96
96
  value: value,
97
97
  onChange: vi.fn(),
@@ -103,7 +103,7 @@ describe('<DateInput />', () => {
103
103
  it('should call onChange with the updated value', async () => {
104
104
  const onChange = vi.fn();
105
105
  const value = 'May 18, 2022';
106
- render( /*#__PURE__*/React.createElement(DateInput, {
106
+ render(/*#__PURE__*/React.createElement(DateInput, {
107
107
  renderLabel: "Choose date",
108
108
  renderWeekdayLabels: weekdayLabels,
109
109
  onChange: onChange
@@ -126,7 +126,7 @@ describe('<DateInput />', () => {
126
126
  });
127
127
  it('should call onBlur', () => {
128
128
  const onBlur = vi.fn();
129
- render( /*#__PURE__*/React.createElement(DateInput, {
129
+ render(/*#__PURE__*/React.createElement(DateInput, {
130
130
  renderLabel: "Choose date",
131
131
  renderWeekdayLabels: weekdayLabels,
132
132
  onBlur: onBlur
@@ -136,7 +136,7 @@ describe('<DateInput />', () => {
136
136
  expect(onBlur).toHaveBeenCalledTimes(1);
137
137
  });
138
138
  it('should correctly set interaction type', async () => {
139
- const _render2 = render( /*#__PURE__*/React.createElement(DateInput, {
139
+ const _render2 = render(/*#__PURE__*/React.createElement(DateInput, {
140
140
  renderLabel: "Choose date",
141
141
  renderWeekdayLabels: weekdayLabels,
142
142
  interaction: "disabled"
@@ -144,7 +144,7 @@ describe('<DateInput />', () => {
144
144
  rerender = _render2.rerender;
145
145
  const dateInput = screen.getByLabelText('Choose date');
146
146
  expect(dateInput).toHaveAttribute('disabled');
147
- rerender( /*#__PURE__*/React.createElement(DateInput, {
147
+ rerender(/*#__PURE__*/React.createElement(DateInput, {
148
148
  renderLabel: "Choose date",
149
149
  renderWeekdayLabels: weekdayLabels,
150
150
  interaction: "readonly"
@@ -155,7 +155,7 @@ describe('<DateInput />', () => {
155
155
  });
156
156
  });
157
157
  it('should correctly set disabled', () => {
158
- render( /*#__PURE__*/React.createElement(DateInput, {
158
+ render(/*#__PURE__*/React.createElement(DateInput, {
159
159
  renderLabel: "Choose date",
160
160
  renderWeekdayLabels: weekdayLabels,
161
161
  disabled: true
@@ -164,7 +164,7 @@ describe('<DateInput />', () => {
164
164
  expect(dateInput).toHaveAttribute('disabled');
165
165
  });
166
166
  it('should correctly set readOnly', () => {
167
- render( /*#__PURE__*/React.createElement(DateInput, {
167
+ render(/*#__PURE__*/React.createElement(DateInput, {
168
168
  renderLabel: "Choose date",
169
169
  renderWeekdayLabels: weekdayLabels,
170
170
  readOnly: true
@@ -174,7 +174,7 @@ describe('<DateInput />', () => {
174
174
  });
175
175
  it('should set placeholder', () => {
176
176
  const placeholder = 'Start typing to choose a date';
177
- render( /*#__PURE__*/React.createElement(DateInput, {
177
+ render(/*#__PURE__*/React.createElement(DateInput, {
178
178
  renderLabel: "Choose date",
179
179
  renderWeekdayLabels: weekdayLabels,
180
180
  placeholder: placeholder
@@ -183,7 +183,7 @@ describe('<DateInput />', () => {
183
183
  expect(dateInput).toHaveAttribute('placeholder', placeholder);
184
184
  });
185
185
  it('should be requireable', () => {
186
- render( /*#__PURE__*/React.createElement(DateInput, {
186
+ render(/*#__PURE__*/React.createElement(DateInput, {
187
187
  renderLabel: "Choose date",
188
188
  renderWeekdayLabels: weekdayLabels,
189
189
  isRequired: true
@@ -193,7 +193,7 @@ describe('<DateInput />', () => {
193
193
  });
194
194
  it('should provide inputRef', () => {
195
195
  const inputRef = vi.fn();
196
- render( /*#__PURE__*/React.createElement(DateInput, {
196
+ render(/*#__PURE__*/React.createElement(DateInput, {
197
197
  renderLabel: "Choose date",
198
198
  renderWeekdayLabels: weekdayLabels,
199
199
  inputRef: inputRef
@@ -203,7 +203,7 @@ describe('<DateInput />', () => {
203
203
  });
204
204
  it('should render messages', () => {
205
205
  const text = 'The selected date is invalid';
206
- const _render3 = render( /*#__PURE__*/React.createElement(DateInput, {
206
+ const _render3 = render(/*#__PURE__*/React.createElement(DateInput, {
207
207
  renderLabel: "Choose date",
208
208
  renderWeekdayLabels: weekdayLabels,
209
209
  messages: [{
@@ -215,7 +215,7 @@ describe('<DateInput />', () => {
215
215
  expect(container).toHaveTextContent(text);
216
216
  });
217
217
  it('should allow custom props to pass through', () => {
218
- render( /*#__PURE__*/React.createElement(DateInput, {
218
+ render(/*#__PURE__*/React.createElement(DateInput, {
219
219
  renderLabel: "Choose date",
220
220
  renderWeekdayLabels: weekdayLabels,
221
221
  "data-custom-attr": "custom value",
@@ -228,7 +228,7 @@ describe('<DateInput />', () => {
228
228
  });
229
229
  describe('Calendar', () => {
230
230
  it('should show calendar when `isShowingCalendar` is set', async () => {
231
- const _render4 = render( /*#__PURE__*/React.createElement(DateInput, {
231
+ const _render4 = render(/*#__PURE__*/React.createElement(DateInput, {
232
232
  renderLabel: "Choose date",
233
233
  renderWeekdayLabels: weekdayLabels
234
234
  }, generateDays())),
@@ -240,7 +240,7 @@ describe('<DateInput />', () => {
240
240
  expect(dateInput).toBeInTheDocument();
241
241
  expect(calendarTable).not.toBeInTheDocument();
242
242
  expect(calendarWrapper).not.toBeInTheDocument();
243
- rerender( /*#__PURE__*/React.createElement(DateInput, {
243
+ rerender(/*#__PURE__*/React.createElement(DateInput, {
244
244
  renderLabel: "Choose date",
245
245
  renderWeekdayLabels: weekdayLabels,
246
246
  isShowingCalendar: true
@@ -257,7 +257,7 @@ describe('<DateInput />', () => {
257
257
  describe('onRequestShowCalendar', () => {
258
258
  it('should call onRequestShowCalendar when label is clicked', async () => {
259
259
  const onRequestShowCalendar = vi.fn();
260
- const _render5 = render( /*#__PURE__*/React.createElement(DateInput, {
260
+ const _render5 = render(/*#__PURE__*/React.createElement(DateInput, {
261
261
  renderLabel: "Choose date",
262
262
  renderWeekdayLabels: weekdayLabels,
263
263
  onRequestShowCalendar: onRequestShowCalendar
@@ -272,7 +272,7 @@ describe('<DateInput />', () => {
272
272
  });
273
273
  it('should call onRequestShowCalendar when input is clicked', async () => {
274
274
  const onRequestShowCalendar = vi.fn();
275
- const _render6 = render( /*#__PURE__*/React.createElement(DateInput, {
275
+ const _render6 = render(/*#__PURE__*/React.createElement(DateInput, {
276
276
  renderLabel: "Choose date",
277
277
  renderWeekdayLabels: weekdayLabels,
278
278
  onRequestShowCalendar: onRequestShowCalendar
@@ -286,7 +286,7 @@ describe('<DateInput />', () => {
286
286
  });
287
287
  it('should call onRequestShowCalendar when input receives space event', async () => {
288
288
  const onRequestShowCalendar = vi.fn();
289
- render( /*#__PURE__*/React.createElement(DateInput, {
289
+ render(/*#__PURE__*/React.createElement(DateInput, {
290
290
  renderLabel: "Choose date",
291
291
  renderWeekdayLabels: weekdayLabels,
292
292
  onRequestShowCalendar: onRequestShowCalendar
@@ -299,7 +299,7 @@ describe('<DateInput />', () => {
299
299
  });
300
300
  it('should not call onRequestShowCalendar when input receives space event if calendar is already showing', async () => {
301
301
  const onRequestShowCalendar = vi.fn();
302
- render( /*#__PURE__*/React.createElement(DateInput, {
302
+ render(/*#__PURE__*/React.createElement(DateInput, {
303
303
  renderLabel: "Choose date",
304
304
  renderWeekdayLabels: weekdayLabels,
305
305
  onRequestShowCalendar: onRequestShowCalendar,
@@ -313,7 +313,7 @@ describe('<DateInput />', () => {
313
313
  });
314
314
  it('should call onRequestShowCalendar when input receives down arrow event', async () => {
315
315
  const onRequestShowCalendar = vi.fn();
316
- render( /*#__PURE__*/React.createElement(DateInput, {
316
+ render(/*#__PURE__*/React.createElement(DateInput, {
317
317
  renderLabel: "Choose date",
318
318
  renderWeekdayLabels: weekdayLabels,
319
319
  onRequestShowCalendar: onRequestShowCalendar
@@ -326,7 +326,7 @@ describe('<DateInput />', () => {
326
326
  });
327
327
  it('should not call onRequestShowCalendar when input receives down arrow event if calendar is already showing', async () => {
328
328
  const onRequestShowCalendar = vi.fn();
329
- render( /*#__PURE__*/React.createElement(DateInput, {
329
+ render(/*#__PURE__*/React.createElement(DateInput, {
330
330
  renderLabel: "Choose date",
331
331
  renderWeekdayLabels: weekdayLabels,
332
332
  onRequestShowCalendar: onRequestShowCalendar,
@@ -340,7 +340,7 @@ describe('<DateInput />', () => {
340
340
  });
341
341
  it('should call onRequestShowCalendar when input receives up arrow event', async () => {
342
342
  const onRequestShowCalendar = vi.fn();
343
- render( /*#__PURE__*/React.createElement(DateInput, {
343
+ render(/*#__PURE__*/React.createElement(DateInput, {
344
344
  renderLabel: "Choose date",
345
345
  renderWeekdayLabels: weekdayLabels,
346
346
  onRequestShowCalendar: onRequestShowCalendar
@@ -353,7 +353,7 @@ describe('<DateInput />', () => {
353
353
  });
354
354
  it('should not call onRequestShowCalendar when input receives up arrow event if calendar is already showing', async () => {
355
355
  const onRequestShowCalendar = vi.fn();
356
- render( /*#__PURE__*/React.createElement(DateInput, {
356
+ render(/*#__PURE__*/React.createElement(DateInput, {
357
357
  renderLabel: "Choose date",
358
358
  renderWeekdayLabels: weekdayLabels,
359
359
  onRequestShowCalendar: onRequestShowCalendar,
@@ -367,7 +367,7 @@ describe('<DateInput />', () => {
367
367
  });
368
368
  it('should call onRequestShowCalendar when input receives onChange event', async () => {
369
369
  const onRequestShowCalendar = vi.fn();
370
- render( /*#__PURE__*/React.createElement(DateInput, {
370
+ render(/*#__PURE__*/React.createElement(DateInput, {
371
371
  renderLabel: "Choose date",
372
372
  renderWeekdayLabels: weekdayLabels,
373
373
  onRequestShowCalendar: onRequestShowCalendar
@@ -384,7 +384,7 @@ describe('<DateInput />', () => {
384
384
  });
385
385
  it('should not call onRequestShowCalendar when disabled', async () => {
386
386
  const onRequestShowCalendar = vi.fn();
387
- render( /*#__PURE__*/React.createElement(DateInput, {
387
+ render(/*#__PURE__*/React.createElement(DateInput, {
388
388
  renderLabel: "Choose date",
389
389
  renderWeekdayLabels: weekdayLabels,
390
390
  onRequestShowCalendar: onRequestShowCalendar,
@@ -404,7 +404,7 @@ describe('<DateInput />', () => {
404
404
  it('should call onRequestHideCalendar and onRequestValidateDate input receives onBlur event', async () => {
405
405
  const onRequestHideCalendar = vi.fn();
406
406
  const onRequestValidateDate = vi.fn();
407
- render( /*#__PURE__*/React.createElement(DateInput, {
407
+ render(/*#__PURE__*/React.createElement(DateInput, {
408
408
  renderLabel: "Choose date",
409
409
  renderWeekdayLabels: weekdayLabels,
410
410
  onRequestHideCalendar: onRequestHideCalendar,
@@ -421,7 +421,7 @@ describe('<DateInput />', () => {
421
421
  it('should call onRequestHideCalendar and onRequestValidateDate when input receives esc event', async () => {
422
422
  const onRequestHideCalendar = vi.fn();
423
423
  const onRequestValidateDate = vi.fn();
424
- render( /*#__PURE__*/React.createElement(DateInput, {
424
+ render(/*#__PURE__*/React.createElement(DateInput, {
425
425
  renderLabel: "Choose date",
426
426
  renderWeekdayLabels: weekdayLabels,
427
427
  onRequestHideCalendar: onRequestHideCalendar,
@@ -445,7 +445,7 @@ describe('<DateInput />', () => {
445
445
  date: "2019-09-28",
446
446
  isSelected: true
447
447
  }, 4));
448
- render( /*#__PURE__*/React.createElement(DateInput, {
448
+ render(/*#__PURE__*/React.createElement(DateInput, {
449
449
  renderLabel: "Choose date",
450
450
  renderWeekdayLabels: weekdayLabels,
451
451
  onRequestHideCalendar: onRequestHideCalendar,
@@ -462,7 +462,7 @@ describe('<DateInput />', () => {
462
462
  });
463
463
  it('should render calendar navigation label', () => {
464
464
  const label = 'January 2019';
465
- render( /*#__PURE__*/React.createElement(DateInput, {
465
+ render(/*#__PURE__*/React.createElement(DateInput, {
466
466
  renderLabel: "Choose date",
467
467
  renderWeekdayLabels: weekdayLabels,
468
468
  renderNavigationLabel: /*#__PURE__*/React.createElement("div", {
@@ -475,7 +475,7 @@ describe('<DateInput />', () => {
475
475
  expect(navigationLabel).toHaveTextContent(label);
476
476
  });
477
477
  it('should render calendar weekday labels', async () => {
478
- render( /*#__PURE__*/React.createElement(DateInput, {
478
+ render(/*#__PURE__*/React.createElement(DateInput, {
479
479
  renderLabel: "Choose date",
480
480
  renderWeekdayLabels: weekdayLabels,
481
481
  isShowingCalendar: true
@@ -488,7 +488,7 @@ describe('<DateInput />', () => {
488
488
  });
489
489
  });
490
490
  it('should render all focusable elements in calendar with tabIndex="-1"', async () => {
491
- render( /*#__PURE__*/React.createElement(DateInput, {
491
+ render(/*#__PURE__*/React.createElement(DateInput, {
492
492
  renderLabel: "Choose date",
493
493
  renderWeekdayLabels: weekdayLabels,
494
494
  renderNextMonthButton: _button || (_button = /*#__PURE__*/React.createElement("button", {
@@ -519,7 +519,7 @@ describe('<DateInput />', () => {
519
519
  id: "5",
520
520
  isOutsideMonth: true
521
521
  }, "outside"));
522
- render( /*#__PURE__*/React.createElement(DateInput, {
522
+ render(/*#__PURE__*/React.createElement(DateInput, {
523
523
  renderLabel: "Choose date",
524
524
  renderWeekdayLabels: weekdayLabels,
525
525
  isShowingCalendar: true
@@ -543,7 +543,7 @@ describe('<DateInput />', () => {
543
543
  id: "selected-day-id",
544
544
  isSelected: true
545
545
  }, "selected"));
546
- render( /*#__PURE__*/React.createElement(DateInput, {
546
+ render(/*#__PURE__*/React.createElement(DateInput, {
547
547
  renderLabel: "Choose date",
548
548
  renderWeekdayLabels: weekdayLabels,
549
549
  isShowingCalendar: true
@@ -577,7 +577,7 @@ describe('<DateInput />', () => {
577
577
  describe('with minimal config', () => {
578
578
  it('should render 44 buttons (a calendar) when clicked', async () => {
579
579
  const onChange = vi.fn();
580
- render( /*#__PURE__*/React.createElement(DateInput, {
580
+ render(/*#__PURE__*/React.createElement(DateInput, {
581
581
  renderLabel: "Choose date",
582
582
  assistiveText: "Type a date or use arrow keys to navigate date picker.",
583
583
  width: "20rem",
package/lib/DateInput/__new-tests__/DateInput.test.js CHANGED
@@ -42,7 +42,7 @@ describe('<DateInput />', () => {
42
42
  const days = [];
43
43
  const date = new Date('2019-07-28');
44
44
  while (days.length < count) {
45
- days.push( /*#__PURE__*/_react.default.createElement(_Calendar.Calendar.Day, {
45
+ days.push(/*#__PURE__*/_react.default.createElement(_Calendar.Calendar.Day, {
46
46
  key: date.toISOString(),
47
47
  date: date.toISOString(),
48
48
  label: date.toISOString()
@@ -63,7 +63,7 @@ describe('<DateInput />', () => {
63
63
  consoleErrorMock.mockRestore();
64
64
  });
65
65
  it('should render an input and a calendar', async () => {
66
- const _render = (0, _react2.render)( /*#__PURE__*/_react.default.createElement(_index.DateInput, {
66
+ const _render = (0, _react2.render)(/*#__PURE__*/_react.default.createElement(_index.DateInput, {
67
67
  renderLabel: "date-input",
68
68
  renderWeekdayLabels: weekdayLabels,
69
69
  isShowingCalendar: true
@@ -84,7 +84,7 @@ describe('<DateInput />', () => {
84
84
  describe('input', () => {
85
85
  it('should render a label', () => {
86
86
  const labelText = 'label text';
87
- (0, _react2.render)( /*#__PURE__*/_react.default.createElement(_index.DateInput, {
87
+ (0, _react2.render)(/*#__PURE__*/_react.default.createElement(_index.DateInput, {
88
88
  renderLabel: labelText,
89
89
  renderWeekdayLabels: weekdayLabels
90
90
  }, generateDays()));
@@ -93,7 +93,7 @@ describe('<DateInput />', () => {
93
93
  });
94
94
  it('should set value', () => {
95
95
  const value = 'January 5';
96
- (0, _react2.render)( /*#__PURE__*/_react.default.createElement(_index.DateInput, {
96
+ (0, _react2.render)(/*#__PURE__*/_react.default.createElement(_index.DateInput, {
97
97
  renderLabel: "Choose date",
98
98
  value: value,
99
99
  onChange: _vitest.vi.fn(),
@@ -105,7 +105,7 @@ describe('<DateInput />', () => {
105
105
  it('should call onChange with the updated value', async () => {
106
106
  const onChange = _vitest.vi.fn();
107
107
  const value = 'May 18, 2022';
108
- (0, _react2.render)( /*#__PURE__*/_react.default.createElement(_index.DateInput, {
108
+ (0, _react2.render)(/*#__PURE__*/_react.default.createElement(_index.DateInput, {
109
109
  renderLabel: "Choose date",
110
110
  renderWeekdayLabels: weekdayLabels,
111
111
  onChange: onChange
@@ -128,7 +128,7 @@ describe('<DateInput />', () => {
128
128
  });
129
129
  it('should call onBlur', () => {
130
130
  const onBlur = _vitest.vi.fn();
131
- (0, _react2.render)( /*#__PURE__*/_react.default.createElement(_index.DateInput, {
131
+ (0, _react2.render)(/*#__PURE__*/_react.default.createElement(_index.DateInput, {
132
132
  renderLabel: "Choose date",
133
133
  renderWeekdayLabels: weekdayLabels,
134
134
  onBlur: onBlur
@@ -138,7 +138,7 @@ describe('<DateInput />', () => {
138
138
  expect(onBlur).toHaveBeenCalledTimes(1);
139
139
  });
140
140
  it('should correctly set interaction type', async () => {
141
- const _render2 = (0, _react2.render)( /*#__PURE__*/_react.default.createElement(_index.DateInput, {
141
+ const _render2 = (0, _react2.render)(/*#__PURE__*/_react.default.createElement(_index.DateInput, {
142
142
  renderLabel: "Choose date",
143
143
  renderWeekdayLabels: weekdayLabels,
144
144
  interaction: "disabled"
@@ -146,7 +146,7 @@ describe('<DateInput />', () => {
146
146
  rerender = _render2.rerender;
147
147
  const dateInput = _react2.screen.getByLabelText('Choose date');
148
148
  expect(dateInput).toHaveAttribute('disabled');
149
- rerender( /*#__PURE__*/_react.default.createElement(_index.DateInput, {
149
+ rerender(/*#__PURE__*/_react.default.createElement(_index.DateInput, {
150
150
  renderLabel: "Choose date",
151
151
  renderWeekdayLabels: weekdayLabels,
152
152
  interaction: "readonly"
@@ -157,7 +157,7 @@ describe('<DateInput />', () => {
157
157
  });
158
158
  });
159
159
  it('should correctly set disabled', () => {
160
- (0, _react2.render)( /*#__PURE__*/_react.default.createElement(_index.DateInput, {
160
+ (0, _react2.render)(/*#__PURE__*/_react.default.createElement(_index.DateInput, {
161
161
  renderLabel: "Choose date",
162
162
  renderWeekdayLabels: weekdayLabels,
163
163
  disabled: true
@@ -166,7 +166,7 @@ describe('<DateInput />', () => {
166
166
  expect(dateInput).toHaveAttribute('disabled');
167
167
  });
168
168
  it('should correctly set readOnly', () => {
169
- (0, _react2.render)( /*#__PURE__*/_react.default.createElement(_index.DateInput, {
169
+ (0, _react2.render)(/*#__PURE__*/_react.default.createElement(_index.DateInput, {
170
170
  renderLabel: "Choose date",
171
171
  renderWeekdayLabels: weekdayLabels,
172
172
  readOnly: true
@@ -176,7 +176,7 @@ describe('<DateInput />', () => {
176
176
  });
177
177
  it('should set placeholder', () => {
178
178
  const placeholder = 'Start typing to choose a date';
179
- (0, _react2.render)( /*#__PURE__*/_react.default.createElement(_index.DateInput, {
179
+ (0, _react2.render)(/*#__PURE__*/_react.default.createElement(_index.DateInput, {
180
180
  renderLabel: "Choose date",
181
181
  renderWeekdayLabels: weekdayLabels,
182
182
  placeholder: placeholder
@@ -185,7 +185,7 @@ describe('<DateInput />', () => {
185
185
  expect(dateInput).toHaveAttribute('placeholder', placeholder);
186
186
  });
187
187
  it('should be requireable', () => {
188
- (0, _react2.render)( /*#__PURE__*/_react.default.createElement(_index.DateInput, {
188
+ (0, _react2.render)(/*#__PURE__*/_react.default.createElement(_index.DateInput, {
189
189
  renderLabel: "Choose date",
190
190
  renderWeekdayLabels: weekdayLabels,
191
191
  isRequired: true
@@ -195,7 +195,7 @@ describe('<DateInput />', () => {
195
195
  });
196
196
  it('should provide inputRef', () => {
197
197
  const inputRef = _vitest.vi.fn();
198
- (0, _react2.render)( /*#__PURE__*/_react.default.createElement(_index.DateInput, {
198
+ (0, _react2.render)(/*#__PURE__*/_react.default.createElement(_index.DateInput, {
199
199
  renderLabel: "Choose date",
200
200
  renderWeekdayLabels: weekdayLabels,
201
201
  inputRef: inputRef
@@ -205,7 +205,7 @@ describe('<DateInput />', () => {
205
205
  });
206
206
  it('should render messages', () => {
207
207
  const text = 'The selected date is invalid';
208
- const _render3 = (0, _react2.render)( /*#__PURE__*/_react.default.createElement(_index.DateInput, {
208
+ const _render3 = (0, _react2.render)(/*#__PURE__*/_react.default.createElement(_index.DateInput, {
209
209
  renderLabel: "Choose date",
210
210
  renderWeekdayLabels: weekdayLabels,
211
211
  messages: [{
@@ -217,7 +217,7 @@ describe('<DateInput />', () => {
217
217
  expect(container).toHaveTextContent(text);
218
218
  });
219
219
  it('should allow custom props to pass through', () => {
220
- (0, _react2.render)( /*#__PURE__*/_react.default.createElement(_index.DateInput, {
220
+ (0, _react2.render)(/*#__PURE__*/_react.default.createElement(_index.DateInput, {
221
221
  renderLabel: "Choose date",
222
222
  renderWeekdayLabels: weekdayLabels,
223
223
  "data-custom-attr": "custom value",
@@ -230,7 +230,7 @@ describe('<DateInput />', () => {
230
230
  });
231
231
  describe('Calendar', () => {
232
232
  it('should show calendar when `isShowingCalendar` is set', async () => {
233
- const _render4 = (0, _react2.render)( /*#__PURE__*/_react.default.createElement(_index.DateInput, {
233
+ const _render4 = (0, _react2.render)(/*#__PURE__*/_react.default.createElement(_index.DateInput, {
234
234
  renderLabel: "Choose date",
235
235
  renderWeekdayLabels: weekdayLabels
236
236
  }, generateDays())),
@@ -242,7 +242,7 @@ describe('<DateInput />', () => {
242
242
  expect(dateInput).toBeInTheDocument();
243
243
  expect(calendarTable).not.toBeInTheDocument();
244
244
  expect(calendarWrapper).not.toBeInTheDocument();
245
- rerender( /*#__PURE__*/_react.default.createElement(_index.DateInput, {
245
+ rerender(/*#__PURE__*/_react.default.createElement(_index.DateInput, {
246
246
  renderLabel: "Choose date",
247
247
  renderWeekdayLabels: weekdayLabels,
248
248
  isShowingCalendar: true
@@ -259,7 +259,7 @@ describe('<DateInput />', () => {
259
259
  describe('onRequestShowCalendar', () => {
260
260
  it('should call onRequestShowCalendar when label is clicked', async () => {
261
261
  const onRequestShowCalendar = _vitest.vi.fn();
262
- const _render5 = (0, _react2.render)( /*#__PURE__*/_react.default.createElement(_index.DateInput, {
262
+ const _render5 = (0, _react2.render)(/*#__PURE__*/_react.default.createElement(_index.DateInput, {
263
263
  renderLabel: "Choose date",
264
264
  renderWeekdayLabels: weekdayLabels,
265
265
  onRequestShowCalendar: onRequestShowCalendar
@@ -274,7 +274,7 @@ describe('<DateInput />', () => {
274
274
  });
275
275
  it('should call onRequestShowCalendar when input is clicked', async () => {
276
276
  const onRequestShowCalendar = _vitest.vi.fn();
277
- const _render6 = (0, _react2.render)( /*#__PURE__*/_react.default.createElement(_index.DateInput, {
277
+ const _render6 = (0, _react2.render)(/*#__PURE__*/_react.default.createElement(_index.DateInput, {
278
278
  renderLabel: "Choose date",
279
279
  renderWeekdayLabels: weekdayLabels,
280
280
  onRequestShowCalendar: onRequestShowCalendar
@@ -288,7 +288,7 @@ describe('<DateInput />', () => {
288
288
  });
289
289
  it('should call onRequestShowCalendar when input receives space event', async () => {
290
290
  const onRequestShowCalendar = _vitest.vi.fn();
291
- (0, _react2.render)( /*#__PURE__*/_react.default.createElement(_index.DateInput, {
291
+ (0, _react2.render)(/*#__PURE__*/_react.default.createElement(_index.DateInput, {
292
292
  renderLabel: "Choose date",
293
293
  renderWeekdayLabels: weekdayLabels,
294
294
  onRequestShowCalendar: onRequestShowCalendar
@@ -301,7 +301,7 @@ describe('<DateInput />', () => {
301
301
  });
302
302
  it('should not call onRequestShowCalendar when input receives space event if calendar is already showing', async () => {
303
303
  const onRequestShowCalendar = _vitest.vi.fn();
304
- (0, _react2.render)( /*#__PURE__*/_react.default.createElement(_index.DateInput, {
304
+ (0, _react2.render)(/*#__PURE__*/_react.default.createElement(_index.DateInput, {
305
305
  renderLabel: "Choose date",
306
306
  renderWeekdayLabels: weekdayLabels,
307
307
  onRequestShowCalendar: onRequestShowCalendar,
@@ -315,7 +315,7 @@ describe('<DateInput />', () => {
315
315
  });
316
316
  it('should call onRequestShowCalendar when input receives down arrow event', async () => {
317
317
  const onRequestShowCalendar = _vitest.vi.fn();
318
- (0, _react2.render)( /*#__PURE__*/_react.default.createElement(_index.DateInput, {
318
+ (0, _react2.render)(/*#__PURE__*/_react.default.createElement(_index.DateInput, {
319
319
  renderLabel: "Choose date",
320
320
  renderWeekdayLabels: weekdayLabels,
321
321
  onRequestShowCalendar: onRequestShowCalendar
@@ -328,7 +328,7 @@ describe('<DateInput />', () => {
328
328
  });
329
329
  it('should not call onRequestShowCalendar when input receives down arrow event if calendar is already showing', async () => {
330
330
  const onRequestShowCalendar = _vitest.vi.fn();
331
- (0, _react2.render)( /*#__PURE__*/_react.default.createElement(_index.DateInput, {
331
+ (0, _react2.render)(/*#__PURE__*/_react.default.createElement(_index.DateInput, {
332
332
  renderLabel: "Choose date",
333
333
  renderWeekdayLabels: weekdayLabels,
334
334
  onRequestShowCalendar: onRequestShowCalendar,
@@ -342,7 +342,7 @@ describe('<DateInput />', () => {
342
342
  });
343
343
  it('should call onRequestShowCalendar when input receives up arrow event', async () => {
344
344
  const onRequestShowCalendar = _vitest.vi.fn();
345
- (0, _react2.render)( /*#__PURE__*/_react.default.createElement(_index.DateInput, {
345
+ (0, _react2.render)(/*#__PURE__*/_react.default.createElement(_index.DateInput, {
346
346
  renderLabel: "Choose date",
347
347
  renderWeekdayLabels: weekdayLabels,
348
348
  onRequestShowCalendar: onRequestShowCalendar
@@ -355,7 +355,7 @@ describe('<DateInput />', () => {
355
355
  });
356
356
  it('should not call onRequestShowCalendar when input receives up arrow event if calendar is already showing', async () => {
357
357
  const onRequestShowCalendar = _vitest.vi.fn();
358
- (0, _react2.render)( /*#__PURE__*/_react.default.createElement(_index.DateInput, {
358
+ (0, _react2.render)(/*#__PURE__*/_react.default.createElement(_index.DateInput, {
359
359
  renderLabel: "Choose date",
360
360
  renderWeekdayLabels: weekdayLabels,
361
361
  onRequestShowCalendar: onRequestShowCalendar,
@@ -369,7 +369,7 @@ describe('<DateInput />', () => {
369
369
  });
370
370
  it('should call onRequestShowCalendar when input receives onChange event', async () => {
371
371
  const onRequestShowCalendar = _vitest.vi.fn();
372
- (0, _react2.render)( /*#__PURE__*/_react.default.createElement(_index.DateInput, {
372
+ (0, _react2.render)(/*#__PURE__*/_react.default.createElement(_index.DateInput, {
373
373
  renderLabel: "Choose date",
374
374
  renderWeekdayLabels: weekdayLabels,
375
375
  onRequestShowCalendar: onRequestShowCalendar
@@ -386,7 +386,7 @@ describe('<DateInput />', () => {
386
386
  });
387
387
  it('should not call onRequestShowCalendar when disabled', async () => {
388
388
  const onRequestShowCalendar = _vitest.vi.fn();
389
- (0, _react2.render)( /*#__PURE__*/_react.default.createElement(_index.DateInput, {
389
+ (0, _react2.render)(/*#__PURE__*/_react.default.createElement(_index.DateInput, {
390
390
  renderLabel: "Choose date",
391
391
  renderWeekdayLabels: weekdayLabels,
392
392
  onRequestShowCalendar: onRequestShowCalendar,
@@ -406,7 +406,7 @@ describe('<DateInput />', () => {
406
406
  it('should call onRequestHideCalendar and onRequestValidateDate input receives onBlur event', async () => {
407
407
  const onRequestHideCalendar = _vitest.vi.fn();
408
408
  const onRequestValidateDate = _vitest.vi.fn();
409
- (0, _react2.render)( /*#__PURE__*/_react.default.createElement(_index.DateInput, {
409
+ (0, _react2.render)(/*#__PURE__*/_react.default.createElement(_index.DateInput, {
410
410
  renderLabel: "Choose date",
411
411
  renderWeekdayLabels: weekdayLabels,
412
412
  onRequestHideCalendar: onRequestHideCalendar,
@@ -423,7 +423,7 @@ describe('<DateInput />', () => {
423
423
  it('should call onRequestHideCalendar and onRequestValidateDate when input receives esc event', async () => {
424
424
  const onRequestHideCalendar = _vitest.vi.fn();
425
425
  const onRequestValidateDate = _vitest.vi.fn();
426
- (0, _react2.render)( /*#__PURE__*/_react.default.createElement(_index.DateInput, {
426
+ (0, _react2.render)(/*#__PURE__*/_react.default.createElement(_index.DateInput, {
427
427
  renderLabel: "Choose date",
428
428
  renderWeekdayLabels: weekdayLabels,
429
429
  onRequestHideCalendar: onRequestHideCalendar,
@@ -447,7 +447,7 @@ describe('<DateInput />', () => {
447
447
  date: "2019-09-28",
448
448
  isSelected: true
449
449
  }, 4));
450
- (0, _react2.render)( /*#__PURE__*/_react.default.createElement(_index.DateInput, {
450
+ (0, _react2.render)(/*#__PURE__*/_react.default.createElement(_index.DateInput, {
451
451
  renderLabel: "Choose date",
452
452
  renderWeekdayLabels: weekdayLabels,
453
453
  onRequestHideCalendar: onRequestHideCalendar,
@@ -464,7 +464,7 @@ describe('<DateInput />', () => {
464
464
  });
465
465
  it('should render calendar navigation label', () => {
466
466
  const label = 'January 2019';
467
- (0, _react2.render)( /*#__PURE__*/_react.default.createElement(_index.DateInput, {
467
+ (0, _react2.render)(/*#__PURE__*/_react.default.createElement(_index.DateInput, {
468
468
  renderLabel: "Choose date",
469
469
  renderWeekdayLabels: weekdayLabels,
470
470
  renderNavigationLabel: /*#__PURE__*/_react.default.createElement("div", {
@@ -477,7 +477,7 @@ describe('<DateInput />', () => {
477
477
  expect(navigationLabel).toHaveTextContent(label);
478
478
  });
479
479
  it('should render calendar weekday labels', async () => {
480
- (0, _react2.render)( /*#__PURE__*/_react.default.createElement(_index.DateInput, {
480
+ (0, _react2.render)(/*#__PURE__*/_react.default.createElement(_index.DateInput, {
481
481
  renderLabel: "Choose date",
482
482
  renderWeekdayLabels: weekdayLabels,
483
483
  isShowingCalendar: true
@@ -490,7 +490,7 @@ describe('<DateInput />', () => {
490
490
  });
491
491
  });
492
492
  it('should render all focusable elements in calendar with tabIndex="-1"', async () => {
493
- (0, _react2.render)( /*#__PURE__*/_react.default.createElement(_index.DateInput, {
493
+ (0, _react2.render)(/*#__PURE__*/_react.default.createElement(_index.DateInput, {
494
494
  renderLabel: "Choose date",
495
495
  renderWeekdayLabels: weekdayLabels,
496
496
  renderNextMonthButton: _button || (_button = /*#__PURE__*/_react.default.createElement("button", {
@@ -521,7 +521,7 @@ describe('<DateInput />', () => {
521
521
  id: "5",
522
522
  isOutsideMonth: true
523
523
  }, "outside"));
524
- (0, _react2.render)( /*#__PURE__*/_react.default.createElement(_index.DateInput, {
524
+ (0, _react2.render)(/*#__PURE__*/_react.default.createElement(_index.DateInput, {
525
525
  renderLabel: "Choose date",
526
526
  renderWeekdayLabels: weekdayLabels,
527
527
  isShowingCalendar: true
@@ -545,7 +545,7 @@ describe('<DateInput />', () => {
545
545
  id: "selected-day-id",
546
546
  isSelected: true
547
547
  }, "selected"));
548
- (0, _react2.render)( /*#__PURE__*/_react.default.createElement(_index.DateInput, {
548
+ (0, _react2.render)(/*#__PURE__*/_react.default.createElement(_index.DateInput, {
549
549
  renderLabel: "Choose date",
550
550
  renderWeekdayLabels: weekdayLabels,
551
551
  isShowingCalendar: true
@@ -579,7 +579,7 @@ describe('<DateInput />', () => {
579
579
  describe('with minimal config', () => {
580
580
  it('should render 44 buttons (a calendar) when clicked', async () => {
581
581
  const onChange = _vitest.vi.fn();
582
- (0, _react2.render)( /*#__PURE__*/_react.default.createElement(_index.DateInput, {
582
+ (0, _react2.render)(/*#__PURE__*/_react.default.createElement(_index.DateInput, {
583
583
  renderLabel: "Choose date",
584
584
  assistiveText: "Type a date or use arrow keys to navigate date picker.",
585
585
  width: "20rem",