@instructure/ui-date-time-input 10.2.3-snapshot-14 → 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 (5) hide show
  1. package/CHANGELOG.md +1 -1
  2. package/es/DateTimeInput/__new-tests__/DateTimeInput.test.js +33 -33
  3. package/lib/DateTimeInput/__new-tests__/DateTimeInput.test.js +33 -33
  4. package/package.json +20 -20
  5. package/tsconfig.build.tsbuildinfo +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-14](https://github.com/instructure/instructure-ui/compare/v10.2.2...v10.2.3-snapshot-14) (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
  **Note:** Version bump only for package @instructure/ui-date-time-input
9
9
 
package/es/DateTimeInput/__new-tests__/DateTimeInput.test.js CHANGED
@@ -46,7 +46,7 @@ describe('<DateTimeInput />', () => {
46
46
  const locale = 'en-US';
47
47
  const timezone = 'US/Eastern';
48
48
  const dateTime = DateTime.parse('2017-05-01T17:30Z', locale, timezone);
49
- render( /*#__PURE__*/React.createElement(DateTimeInput, {
49
+ render(/*#__PURE__*/React.createElement(DateTimeInput, {
50
50
  description: "date_time",
51
51
  prevMonthLabel: "Previous month",
52
52
  nextMonthLabel: "Next month",
@@ -67,7 +67,7 @@ describe('<DateTimeInput />', () => {
67
67
  const locale = 'en-US';
68
68
  const timezone = 'US/Eastern';
69
69
  const dateTime = DateTime.parse('2017-05-01T23:30Z', locale, timezone);
70
- render( /*#__PURE__*/React.createElement(DateTimeInput, {
70
+ render(/*#__PURE__*/React.createElement(DateTimeInput, {
71
71
  description: "date_time",
72
72
  prevMonthLabel: "Previous month",
73
73
  nextMonthLabel: "Next month",
@@ -90,7 +90,7 @@ describe('<DateTimeInput />', () => {
90
90
  const value = DateTime.parse('2017-05-01T17:30Z', locale, timezone);
91
91
  const defaultValue = DateTime.parse('2016-04-01T17:00Z', locale, timezone);
92
92
  const onChange = vi.fn();
93
- render( /*#__PURE__*/React.createElement(DateTimeInput, {
93
+ render(/*#__PURE__*/React.createElement(DateTimeInput, {
94
94
  description: "date_time",
95
95
  prevMonthLabel: "Previous month",
96
96
  nextMonthLabel: "Next month",
@@ -113,7 +113,7 @@ describe('<DateTimeInput />', () => {
113
113
  const timezone = 'US/Eastern';
114
114
  const dateObj = DateTime.parse('2017-04-01T18:30Z', locale, timezone);
115
115
  const date = dateObj.toISOString().split('T')[0];
116
- render( /*#__PURE__*/React.createElement(DateTimeInput, {
116
+ render(/*#__PURE__*/React.createElement(DateTimeInput, {
117
117
  description: "date_time",
118
118
  dateRenderLabel: "date-input",
119
119
  prevMonthLabel: "Previous month",
@@ -131,7 +131,7 @@ describe('<DateTimeInput />', () => {
131
131
  });
132
132
  it('should call invalidDateTimeMessage if time is set w/o a date and is required', async () => {
133
133
  const invalidDateTimeMessage = vi.fn(_rawd => 'whoops');
134
- const _render = render( /*#__PURE__*/React.createElement(DateTimeInput, {
134
+ const _render = render(/*#__PURE__*/React.createElement(DateTimeInput, {
135
135
  description: "date_time",
136
136
  dateRenderLabel: "date-input",
137
137
  prevMonthLabel: "Previous month",
@@ -153,7 +153,7 @@ describe('<DateTimeInput />', () => {
153
153
  });
154
154
  it('should not call invalidDateTimeMessage if time is set w/o a date', async () => {
155
155
  const invalidDateTimeMessage = vi.fn(_rawd => 'whoops');
156
- render( /*#__PURE__*/React.createElement(DateTimeInput, {
156
+ render(/*#__PURE__*/React.createElement(DateTimeInput, {
157
157
  description: "date_time",
158
158
  dateRenderLabel: "date-input",
159
159
  prevMonthLabel: "Previous month",
@@ -176,7 +176,7 @@ describe('<DateTimeInput />', () => {
176
176
  const locale = 'en-US';
177
177
  const timezone = 'US/Eastern';
178
178
  const defaultValue = DateTime.parse('2017-05-01T17:00', locale, timezone);
179
- render( /*#__PURE__*/React.createElement(DateTimeInput, {
179
+ render(/*#__PURE__*/React.createElement(DateTimeInput, {
180
180
  description: "date_time",
181
181
  dateRenderLabel: "date-input",
182
182
  prevMonthLabel: "Previous month",
@@ -234,7 +234,7 @@ describe('<DateTimeInput />', () => {
234
234
  const locale = 'en-US';
235
235
  const timezone = 'US/Eastern';
236
236
  const defaultValue = DateTime.parse('2017-05-01T17:30Z', locale, timezone);
237
- const _render3 = render( /*#__PURE__*/React.createElement(DateTimeInput, {
237
+ const _render3 = render(/*#__PURE__*/React.createElement(DateTimeInput, {
238
238
  description: "date_time",
239
239
  dateRenderLabel: "date-input",
240
240
  prevMonthLabel: "Previous month",
@@ -252,7 +252,7 @@ describe('<DateTimeInput />', () => {
252
252
  const timezone = 'US/Eastern';
253
253
  const locale = 'fr';
254
254
  const defaultValue = DateTime.parse('2017-05-01T17:30Z', locale, timezone);
255
- const _render4 = render( /*#__PURE__*/React.createElement(DateTimeInput, {
255
+ const _render4 = render(/*#__PURE__*/React.createElement(DateTimeInput, {
256
256
  description: "date_time",
257
257
  dateRenderLabel: "date-input",
258
258
  prevMonthLabel: "Previous month",
@@ -269,7 +269,7 @@ describe('<DateTimeInput />', () => {
269
269
  it('should provide the html elements for date and time input', () => {
270
270
  let dref;
271
271
  let tref;
272
- render( /*#__PURE__*/React.createElement(DateTimeInput, {
272
+ render(/*#__PURE__*/React.createElement(DateTimeInput, {
273
273
  description: "date_time",
274
274
  dateRenderLabel: "date-input",
275
275
  prevMonthLabel: "Previous month",
@@ -307,11 +307,11 @@ describe('<DateTimeInput />', () => {
307
307
  value: dateTime.toISOString(),
308
308
  onChange
309
309
  };
310
- const _render5 = render( /*#__PURE__*/React.createElement(DateTimeInput, props)),
310
+ const _render5 = render(/*#__PURE__*/React.createElement(DateTimeInput, props)),
311
311
  container = _render5.container,
312
312
  rerender = _render5.rerender;
313
313
  expect(container).toHaveTextContent('May 1, 2017 1:30 PM');
314
- rerender( /*#__PURE__*/React.createElement(DateTimeInput, Object.assign({}, props, {
314
+ rerender(/*#__PURE__*/React.createElement(DateTimeInput, Object.assign({}, props, {
315
315
  value: "2018-03-29T16:30Z"
316
316
  })));
317
317
  expect(container).toHaveTextContent('March 29, 2018 12:30 PM');
@@ -333,11 +333,11 @@ describe('<DateTimeInput />', () => {
333
333
  onChange,
334
334
  value: dateTime.toISOString()
335
335
  };
336
- const _render6 = render( /*#__PURE__*/React.createElement(DateTimeInput, props)),
336
+ const _render6 = render(/*#__PURE__*/React.createElement(DateTimeInput, props)),
337
337
  container = _render6.container,
338
338
  rerender = _render6.rerender;
339
339
  expect(container).toHaveTextContent('May 1, 2017 1:30 PM');
340
- rerender( /*#__PURE__*/React.createElement(DateTimeInput, Object.assign({}, props, {
340
+ rerender(/*#__PURE__*/React.createElement(DateTimeInput, Object.assign({}, props, {
341
341
  locale: "fr"
342
342
  })));
343
343
  expect(container).toHaveTextContent('1 mai 2017 13:30');
@@ -359,11 +359,11 @@ describe('<DateTimeInput />', () => {
359
359
  onChange,
360
360
  value: dateTime.toISOString()
361
361
  };
362
- const _render7 = render( /*#__PURE__*/React.createElement(DateTimeInput, props)),
362
+ const _render7 = render(/*#__PURE__*/React.createElement(DateTimeInput, props)),
363
363
  container = _render7.container,
364
364
  rerender = _render7.rerender;
365
365
  expect(container).toHaveTextContent('May 1, 2017 1:30 PM');
366
- rerender( /*#__PURE__*/React.createElement(DateTimeInput, Object.assign({}, props, {
366
+ rerender(/*#__PURE__*/React.createElement(DateTimeInput, Object.assign({}, props, {
367
367
  timezone: "Europe/Paris"
368
368
  })));
369
369
  expect(container).toHaveTextContent('May 1, 2017 7:30 PM');
@@ -417,11 +417,11 @@ describe('<DateTimeInput />', () => {
417
417
  timezone,
418
418
  value: dateTime.toISOString()
419
419
  };
420
- const _render10 = render( /*#__PURE__*/React.createElement(DateTimeInput, props)),
420
+ const _render10 = render(/*#__PURE__*/React.createElement(DateTimeInput, props)),
421
421
  container = _render10.container,
422
422
  rerender = _render10.rerender;
423
423
  expect(container).toHaveTextContent('May 1, 2017 1:30 PM');
424
- rerender( /*#__PURE__*/React.createElement(DateTimeInput, Object.assign({}, props, {
424
+ rerender(/*#__PURE__*/React.createElement(DateTimeInput, Object.assign({}, props, {
425
425
  value: "A very invalid date"
426
426
  })));
427
427
  const dateInput = screen.getByLabelText('date-input');
@@ -445,11 +445,11 @@ describe('<DateTimeInput />', () => {
445
445
  timezone,
446
446
  value: dateTime.toISOString()
447
447
  };
448
- const _render11 = render( /*#__PURE__*/React.createElement(DateTimeInput, props)),
448
+ const _render11 = render(/*#__PURE__*/React.createElement(DateTimeInput, props)),
449
449
  container = _render11.container,
450
450
  rerender = _render11.rerender;
451
451
  expect(container).toHaveTextContent('May 1, 2017 1:30 PM');
452
- rerender( /*#__PURE__*/React.createElement(DateTimeInput, Object.assign({}, props, {
452
+ rerender(/*#__PURE__*/React.createElement(DateTimeInput, Object.assign({}, props, {
453
453
  messages: [{
454
454
  text: 'message_text',
455
455
  type: 'success'
@@ -477,13 +477,13 @@ describe('<DateTimeInput />', () => {
477
477
  timezone,
478
478
  value: dateTime.toISOString()
479
479
  };
480
- const _render12 = render( /*#__PURE__*/React.createElement(DateTimeInput, Object.assign({}, props, {
480
+ const _render12 = render(/*#__PURE__*/React.createElement(DateTimeInput, Object.assign({}, props, {
481
481
  showMessages: false
482
482
  }))),
483
483
  container = _render12.container,
484
484
  rerender = _render12.rerender;
485
485
  expect(container).not.toHaveTextContent('2017');
486
- rerender( /*#__PURE__*/React.createElement(DateTimeInput, Object.assign({}, props, {
486
+ rerender(/*#__PURE__*/React.createElement(DateTimeInput, Object.assign({}, props, {
487
487
  showMessages: false,
488
488
  messages: [{
489
489
  text: 'message_text',
@@ -496,7 +496,7 @@ describe('<DateTimeInput />', () => {
496
496
  expect(container).not.toHaveTextContent('2017');
497
497
  expect(container).toHaveTextContent('message_text');
498
498
  });
499
- rerender( /*#__PURE__*/React.createElement(DateTimeInput, Object.assign({}, props, {
499
+ rerender(/*#__PURE__*/React.createElement(DateTimeInput, Object.assign({}, props, {
500
500
  messages: [{
501
501
  text: 'message_text',
502
502
  type: 'success'
@@ -544,13 +544,13 @@ describe('<DateTimeInput />', () => {
544
544
  value: dateTime.toISOString(),
545
545
  onChange
546
546
  };
547
- const _render14 = render( /*#__PURE__*/React.createElement(DateTimeInput, Object.assign({}, props, {
547
+ const _render14 = render(/*#__PURE__*/React.createElement(DateTimeInput, Object.assign({}, props, {
548
548
  dateFormat: "l" // localized numeric date like 9/4/2017
549
549
  }))),
550
550
  rerender = _render14.rerender;
551
551
  const dateInput = screen.getByLabelText('date-input');
552
552
  expect(dateInput).toHaveValue('5/1/2017');
553
- rerender( /*#__PURE__*/React.createElement(DateTimeInput, Object.assign({}, props, {
553
+ rerender(/*#__PURE__*/React.createElement(DateTimeInput, Object.assign({}, props, {
554
554
  dateFormat: "yyyy MMMM"
555
555
  })));
556
556
  fireEvent.blur(screen.getByLabelText('date-input'));
@@ -573,11 +573,11 @@ describe('<DateTimeInput />', () => {
573
573
  locale: 'en-US',
574
574
  timezone: 'US/Eastern'
575
575
  };
576
- const _render15 = render( /*#__PURE__*/React.createElement(DateTimeInput, props)),
576
+ const _render15 = render(/*#__PURE__*/React.createElement(DateTimeInput, props)),
577
577
  container = _render15.container,
578
578
  rerender = _render15.rerender;
579
579
  expect(container).toHaveTextContent('Monday, May 1, 2017 1:30 PM');
580
- rerender( /*#__PURE__*/React.createElement(DateTimeInput, Object.assign({}, props, {
580
+ rerender(/*#__PURE__*/React.createElement(DateTimeInput, Object.assign({}, props, {
581
581
  messageFormat: "l, LT"
582
582
  })));
583
583
  fireEvent.blur(screen.getByLabelText('date-input'));
@@ -600,13 +600,13 @@ describe('<DateTimeInput />', () => {
600
600
  timezone,
601
601
  value: dateTime.toISOString()
602
602
  };
603
- const _render16 = render( /*#__PURE__*/React.createElement(DateTimeInput, props)),
603
+ const _render16 = render(/*#__PURE__*/React.createElement(DateTimeInput, props)),
604
604
  container = _render16.container,
605
605
  rerender = _render16.rerender;
606
606
  expect(container).toHaveTextContent('May 1, 2017 1:30 PM');
607
607
  const newDateStr = '2022-03-29T19:00Z';
608
608
  const newDateTime = DateTime.parse(newDateStr, locale, timezone);
609
- rerender( /*#__PURE__*/React.createElement(DateTimeInput, Object.assign({}, props, {
609
+ rerender(/*#__PURE__*/React.createElement(DateTimeInput, Object.assign({}, props, {
610
610
  value: newDateStr
611
611
  })));
612
612
  const dateInput = screen.getByLabelText('date-input');
@@ -619,7 +619,7 @@ describe('<DateTimeInput />', () => {
619
619
  });
620
620
  it("should throw warning if initialTimeForNewDate prop's value is not HH:MM", async () => {
621
621
  const initialTimeForNewDate = 'WRONG_FORMAT';
622
- render( /*#__PURE__*/React.createElement(DateTimeInput, {
622
+ render(/*#__PURE__*/React.createElement(DateTimeInput, {
623
623
  description: "date_time",
624
624
  dateRenderLabel: "date-input",
625
625
  prevMonthLabel: "Previous month",
@@ -634,7 +634,7 @@ describe('<DateTimeInput />', () => {
634
634
  });
635
635
  it("should throw warning if date select and initialTimeForNewDate prop's value is not HH:MM", async () => {
636
636
  const initialTimeForNewDate = 'WRONG_FORMAT';
637
- render( /*#__PURE__*/React.createElement(DateTimeInput, {
637
+ render(/*#__PURE__*/React.createElement(DateTimeInput, {
638
638
  description: "date_time",
639
639
  dateRenderLabel: "date-input",
640
640
  prevMonthLabel: "Previous month",
@@ -662,7 +662,7 @@ describe('<DateTimeInput />', () => {
662
662
  });
663
663
  it('should throw warning if initialTimeForNewDate prop hour and minute values are not in interval', async () => {
664
664
  const initialTimeForNewDate = '99:99';
665
- render( /*#__PURE__*/React.createElement(DateTimeInput, {
665
+ render(/*#__PURE__*/React.createElement(DateTimeInput, {
666
666
  description: "date_time",
667
667
  dateRenderLabel: "date-input",
668
668
  prevMonthLabel: "Previous month",
@@ -693,7 +693,7 @@ describe('<DateTimeInput />', () => {
693
693
  const timezone = 'US/Eastern';
694
694
  const initialTimeForNewDate = '16:16';
695
695
  const defaultValue = '2018-01-18T13:30';
696
- const _render17 = render( /*#__PURE__*/React.createElement(DateTimeInput, {
696
+ const _render17 = render(/*#__PURE__*/React.createElement(DateTimeInput, {
697
697
  description: "date_time",
698
698
  dateRenderLabel: "date-input",
699
699
  prevMonthLabel: "Previous month",
package/lib/DateTimeInput/__new-tests__/DateTimeInput.test.js CHANGED
@@ -49,7 +49,7 @@ describe('<DateTimeInput />', () => {
49
49
  const locale = 'en-US';
50
50
  const timezone = 'US/Eastern';
51
51
  const dateTime = _DateTime.DateTime.parse('2017-05-01T17:30Z', locale, timezone);
52
- (0, _react2.render)( /*#__PURE__*/_react.default.createElement(_index.DateTimeInput, {
52
+ (0, _react2.render)(/*#__PURE__*/_react.default.createElement(_index.DateTimeInput, {
53
53
  description: "date_time",
54
54
  prevMonthLabel: "Previous month",
55
55
  nextMonthLabel: "Next month",
@@ -70,7 +70,7 @@ describe('<DateTimeInput />', () => {
70
70
  const locale = 'en-US';
71
71
  const timezone = 'US/Eastern';
72
72
  const dateTime = _DateTime.DateTime.parse('2017-05-01T23:30Z', locale, timezone);
73
- (0, _react2.render)( /*#__PURE__*/_react.default.createElement(_index.DateTimeInput, {
73
+ (0, _react2.render)(/*#__PURE__*/_react.default.createElement(_index.DateTimeInput, {
74
74
  description: "date_time",
75
75
  prevMonthLabel: "Previous month",
76
76
  nextMonthLabel: "Next month",
@@ -93,7 +93,7 @@ describe('<DateTimeInput />', () => {
93
93
  const value = _DateTime.DateTime.parse('2017-05-01T17:30Z', locale, timezone);
94
94
  const defaultValue = _DateTime.DateTime.parse('2016-04-01T17:00Z', locale, timezone);
95
95
  const onChange = _vitest.vi.fn();
96
- (0, _react2.render)( /*#__PURE__*/_react.default.createElement(_index.DateTimeInput, {
96
+ (0, _react2.render)(/*#__PURE__*/_react.default.createElement(_index.DateTimeInput, {
97
97
  description: "date_time",
98
98
  prevMonthLabel: "Previous month",
99
99
  nextMonthLabel: "Next month",
@@ -116,7 +116,7 @@ describe('<DateTimeInput />', () => {
116
116
  const timezone = 'US/Eastern';
117
117
  const dateObj = _DateTime.DateTime.parse('2017-04-01T18:30Z', locale, timezone);
118
118
  const date = dateObj.toISOString().split('T')[0];
119
- (0, _react2.render)( /*#__PURE__*/_react.default.createElement(_index.DateTimeInput, {
119
+ (0, _react2.render)(/*#__PURE__*/_react.default.createElement(_index.DateTimeInput, {
120
120
  description: "date_time",
121
121
  dateRenderLabel: "date-input",
122
122
  prevMonthLabel: "Previous month",
@@ -134,7 +134,7 @@ describe('<DateTimeInput />', () => {
134
134
  });
135
135
  it('should call invalidDateTimeMessage if time is set w/o a date and is required', async () => {
136
136
  const invalidDateTimeMessage = _vitest.vi.fn(_rawd => 'whoops');
137
- const _render = (0, _react2.render)( /*#__PURE__*/_react.default.createElement(_index.DateTimeInput, {
137
+ const _render = (0, _react2.render)(/*#__PURE__*/_react.default.createElement(_index.DateTimeInput, {
138
138
  description: "date_time",
139
139
  dateRenderLabel: "date-input",
140
140
  prevMonthLabel: "Previous month",
@@ -156,7 +156,7 @@ describe('<DateTimeInput />', () => {
156
156
  });
157
157
  it('should not call invalidDateTimeMessage if time is set w/o a date', async () => {
158
158
  const invalidDateTimeMessage = _vitest.vi.fn(_rawd => 'whoops');
159
- (0, _react2.render)( /*#__PURE__*/_react.default.createElement(_index.DateTimeInput, {
159
+ (0, _react2.render)(/*#__PURE__*/_react.default.createElement(_index.DateTimeInput, {
160
160
  description: "date_time",
161
161
  dateRenderLabel: "date-input",
162
162
  prevMonthLabel: "Previous month",
@@ -179,7 +179,7 @@ describe('<DateTimeInput />', () => {
179
179
  const locale = 'en-US';
180
180
  const timezone = 'US/Eastern';
181
181
  const defaultValue = _DateTime.DateTime.parse('2017-05-01T17:00', locale, timezone);
182
- (0, _react2.render)( /*#__PURE__*/_react.default.createElement(_index.DateTimeInput, {
182
+ (0, _react2.render)(/*#__PURE__*/_react.default.createElement(_index.DateTimeInput, {
183
183
  description: "date_time",
184
184
  dateRenderLabel: "date-input",
185
185
  prevMonthLabel: "Previous month",
@@ -237,7 +237,7 @@ describe('<DateTimeInput />', () => {
237
237
  const locale = 'en-US';
238
238
  const timezone = 'US/Eastern';
239
239
  const defaultValue = _DateTime.DateTime.parse('2017-05-01T17:30Z', locale, timezone);
240
- const _render3 = (0, _react2.render)( /*#__PURE__*/_react.default.createElement(_index.DateTimeInput, {
240
+ const _render3 = (0, _react2.render)(/*#__PURE__*/_react.default.createElement(_index.DateTimeInput, {
241
241
  description: "date_time",
242
242
  dateRenderLabel: "date-input",
243
243
  prevMonthLabel: "Previous month",
@@ -255,7 +255,7 @@ describe('<DateTimeInput />', () => {
255
255
  const timezone = 'US/Eastern';
256
256
  const locale = 'fr';
257
257
  const defaultValue = _DateTime.DateTime.parse('2017-05-01T17:30Z', locale, timezone);
258
- const _render4 = (0, _react2.render)( /*#__PURE__*/_react.default.createElement(_index.DateTimeInput, {
258
+ const _render4 = (0, _react2.render)(/*#__PURE__*/_react.default.createElement(_index.DateTimeInput, {
259
259
  description: "date_time",
260
260
  dateRenderLabel: "date-input",
261
261
  prevMonthLabel: "Previous month",
@@ -272,7 +272,7 @@ describe('<DateTimeInput />', () => {
272
272
  it('should provide the html elements for date and time input', () => {
273
273
  let dref;
274
274
  let tref;
275
- (0, _react2.render)( /*#__PURE__*/_react.default.createElement(_index.DateTimeInput, {
275
+ (0, _react2.render)(/*#__PURE__*/_react.default.createElement(_index.DateTimeInput, {
276
276
  description: "date_time",
277
277
  dateRenderLabel: "date-input",
278
278
  prevMonthLabel: "Previous month",
@@ -310,11 +310,11 @@ describe('<DateTimeInput />', () => {
310
310
  value: dateTime.toISOString(),
311
311
  onChange
312
312
  };
313
- const _render5 = (0, _react2.render)( /*#__PURE__*/_react.default.createElement(_index.DateTimeInput, props)),
313
+ const _render5 = (0, _react2.render)(/*#__PURE__*/_react.default.createElement(_index.DateTimeInput, props)),
314
314
  container = _render5.container,
315
315
  rerender = _render5.rerender;
316
316
  expect(container).toHaveTextContent('May 1, 2017 1:30 PM');
317
- rerender( /*#__PURE__*/_react.default.createElement(_index.DateTimeInput, Object.assign({}, props, {
317
+ rerender(/*#__PURE__*/_react.default.createElement(_index.DateTimeInput, Object.assign({}, props, {
318
318
  value: "2018-03-29T16:30Z"
319
319
  })));
320
320
  expect(container).toHaveTextContent('March 29, 2018 12:30 PM');
@@ -336,11 +336,11 @@ describe('<DateTimeInput />', () => {
336
336
  onChange,
337
337
  value: dateTime.toISOString()
338
338
  };
339
- const _render6 = (0, _react2.render)( /*#__PURE__*/_react.default.createElement(_index.DateTimeInput, props)),
339
+ const _render6 = (0, _react2.render)(/*#__PURE__*/_react.default.createElement(_index.DateTimeInput, props)),
340
340
  container = _render6.container,
341
341
  rerender = _render6.rerender;
342
342
  expect(container).toHaveTextContent('May 1, 2017 1:30 PM');
343
- rerender( /*#__PURE__*/_react.default.createElement(_index.DateTimeInput, Object.assign({}, props, {
343
+ rerender(/*#__PURE__*/_react.default.createElement(_index.DateTimeInput, Object.assign({}, props, {
344
344
  locale: "fr"
345
345
  })));
346
346
  expect(container).toHaveTextContent('1 mai 2017 13:30');
@@ -362,11 +362,11 @@ describe('<DateTimeInput />', () => {
362
362
  onChange,
363
363
  value: dateTime.toISOString()
364
364
  };
365
- const _render7 = (0, _react2.render)( /*#__PURE__*/_react.default.createElement(_index.DateTimeInput, props)),
365
+ const _render7 = (0, _react2.render)(/*#__PURE__*/_react.default.createElement(_index.DateTimeInput, props)),
366
366
  container = _render7.container,
367
367
  rerender = _render7.rerender;
368
368
  expect(container).toHaveTextContent('May 1, 2017 1:30 PM');
369
- rerender( /*#__PURE__*/_react.default.createElement(_index.DateTimeInput, Object.assign({}, props, {
369
+ rerender(/*#__PURE__*/_react.default.createElement(_index.DateTimeInput, Object.assign({}, props, {
370
370
  timezone: "Europe/Paris"
371
371
  })));
372
372
  expect(container).toHaveTextContent('May 1, 2017 7:30 PM');
@@ -420,11 +420,11 @@ describe('<DateTimeInput />', () => {
420
420
  timezone,
421
421
  value: dateTime.toISOString()
422
422
  };
423
- const _render10 = (0, _react2.render)( /*#__PURE__*/_react.default.createElement(_index.DateTimeInput, props)),
423
+ const _render10 = (0, _react2.render)(/*#__PURE__*/_react.default.createElement(_index.DateTimeInput, props)),
424
424
  container = _render10.container,
425
425
  rerender = _render10.rerender;
426
426
  expect(container).toHaveTextContent('May 1, 2017 1:30 PM');
427
- rerender( /*#__PURE__*/_react.default.createElement(_index.DateTimeInput, Object.assign({}, props, {
427
+ rerender(/*#__PURE__*/_react.default.createElement(_index.DateTimeInput, Object.assign({}, props, {
428
428
  value: "A very invalid date"
429
429
  })));
430
430
  const dateInput = _react2.screen.getByLabelText('date-input');
@@ -448,11 +448,11 @@ describe('<DateTimeInput />', () => {
448
448
  timezone,
449
449
  value: dateTime.toISOString()
450
450
  };
451
- const _render11 = (0, _react2.render)( /*#__PURE__*/_react.default.createElement(_index.DateTimeInput, props)),
451
+ const _render11 = (0, _react2.render)(/*#__PURE__*/_react.default.createElement(_index.DateTimeInput, props)),
452
452
  container = _render11.container,
453
453
  rerender = _render11.rerender;
454
454
  expect(container).toHaveTextContent('May 1, 2017 1:30 PM');
455
- rerender( /*#__PURE__*/_react.default.createElement(_index.DateTimeInput, Object.assign({}, props, {
455
+ rerender(/*#__PURE__*/_react.default.createElement(_index.DateTimeInput, Object.assign({}, props, {
456
456
  messages: [{
457
457
  text: 'message_text',
458
458
  type: 'success'
@@ -480,13 +480,13 @@ describe('<DateTimeInput />', () => {
480
480
  timezone,
481
481
  value: dateTime.toISOString()
482
482
  };
483
- const _render12 = (0, _react2.render)( /*#__PURE__*/_react.default.createElement(_index.DateTimeInput, Object.assign({}, props, {
483
+ const _render12 = (0, _react2.render)(/*#__PURE__*/_react.default.createElement(_index.DateTimeInput, Object.assign({}, props, {
484
484
  showMessages: false
485
485
  }))),
486
486
  container = _render12.container,
487
487
  rerender = _render12.rerender;
488
488
  expect(container).not.toHaveTextContent('2017');
489
- rerender( /*#__PURE__*/_react.default.createElement(_index.DateTimeInput, Object.assign({}, props, {
489
+ rerender(/*#__PURE__*/_react.default.createElement(_index.DateTimeInput, Object.assign({}, props, {
490
490
  showMessages: false,
491
491
  messages: [{
492
492
  text: 'message_text',
@@ -499,7 +499,7 @@ describe('<DateTimeInput />', () => {
499
499
  expect(container).not.toHaveTextContent('2017');
500
500
  expect(container).toHaveTextContent('message_text');
501
501
  });
502
- rerender( /*#__PURE__*/_react.default.createElement(_index.DateTimeInput, Object.assign({}, props, {
502
+ rerender(/*#__PURE__*/_react.default.createElement(_index.DateTimeInput, Object.assign({}, props, {
503
503
  messages: [{
504
504
  text: 'message_text',
505
505
  type: 'success'
@@ -547,13 +547,13 @@ describe('<DateTimeInput />', () => {
547
547
  value: dateTime.toISOString(),
548
548
  onChange
549
549
  };
550
- const _render14 = (0, _react2.render)( /*#__PURE__*/_react.default.createElement(_index.DateTimeInput, Object.assign({}, props, {
550
+ const _render14 = (0, _react2.render)(/*#__PURE__*/_react.default.createElement(_index.DateTimeInput, Object.assign({}, props, {
551
551
  dateFormat: "l" // localized numeric date like 9/4/2017
552
552
  }))),
553
553
  rerender = _render14.rerender;
554
554
  const dateInput = _react2.screen.getByLabelText('date-input');
555
555
  expect(dateInput).toHaveValue('5/1/2017');
556
- rerender( /*#__PURE__*/_react.default.createElement(_index.DateTimeInput, Object.assign({}, props, {
556
+ rerender(/*#__PURE__*/_react.default.createElement(_index.DateTimeInput, Object.assign({}, props, {
557
557
  dateFormat: "yyyy MMMM"
558
558
  })));
559
559
  _react2.fireEvent.blur(_react2.screen.getByLabelText('date-input'));
@@ -576,11 +576,11 @@ describe('<DateTimeInput />', () => {
576
576
  locale: 'en-US',
577
577
  timezone: 'US/Eastern'
578
578
  };
579
- const _render15 = (0, _react2.render)( /*#__PURE__*/_react.default.createElement(_index.DateTimeInput, props)),
579
+ const _render15 = (0, _react2.render)(/*#__PURE__*/_react.default.createElement(_index.DateTimeInput, props)),
580
580
  container = _render15.container,
581
581
  rerender = _render15.rerender;
582
582
  expect(container).toHaveTextContent('Monday, May 1, 2017 1:30 PM');
583
- rerender( /*#__PURE__*/_react.default.createElement(_index.DateTimeInput, Object.assign({}, props, {
583
+ rerender(/*#__PURE__*/_react.default.createElement(_index.DateTimeInput, Object.assign({}, props, {
584
584
  messageFormat: "l, LT"
585
585
  })));
586
586
  _react2.fireEvent.blur(_react2.screen.getByLabelText('date-input'));
@@ -603,13 +603,13 @@ describe('<DateTimeInput />', () => {
603
603
  timezone,
604
604
  value: dateTime.toISOString()
605
605
  };
606
- const _render16 = (0, _react2.render)( /*#__PURE__*/_react.default.createElement(_index.DateTimeInput, props)),
606
+ const _render16 = (0, _react2.render)(/*#__PURE__*/_react.default.createElement(_index.DateTimeInput, props)),
607
607
  container = _render16.container,
608
608
  rerender = _render16.rerender;
609
609
  expect(container).toHaveTextContent('May 1, 2017 1:30 PM');
610
610
  const newDateStr = '2022-03-29T19:00Z';
611
611
  const newDateTime = _DateTime.DateTime.parse(newDateStr, locale, timezone);
612
- rerender( /*#__PURE__*/_react.default.createElement(_index.DateTimeInput, Object.assign({}, props, {
612
+ rerender(/*#__PURE__*/_react.default.createElement(_index.DateTimeInput, Object.assign({}, props, {
613
613
  value: newDateStr
614
614
  })));
615
615
  const dateInput = _react2.screen.getByLabelText('date-input');
@@ -622,7 +622,7 @@ describe('<DateTimeInput />', () => {
622
622
  });
623
623
  it("should throw warning if initialTimeForNewDate prop's value is not HH:MM", async () => {
624
624
  const initialTimeForNewDate = 'WRONG_FORMAT';
625
- (0, _react2.render)( /*#__PURE__*/_react.default.createElement(_index.DateTimeInput, {
625
+ (0, _react2.render)(/*#__PURE__*/_react.default.createElement(_index.DateTimeInput, {
626
626
  description: "date_time",
627
627
  dateRenderLabel: "date-input",
628
628
  prevMonthLabel: "Previous month",
@@ -637,7 +637,7 @@ describe('<DateTimeInput />', () => {
637
637
  });
638
638
  it("should throw warning if date select and initialTimeForNewDate prop's value is not HH:MM", async () => {
639
639
  const initialTimeForNewDate = 'WRONG_FORMAT';
640
- (0, _react2.render)( /*#__PURE__*/_react.default.createElement(_index.DateTimeInput, {
640
+ (0, _react2.render)(/*#__PURE__*/_react.default.createElement(_index.DateTimeInput, {
641
641
  description: "date_time",
642
642
  dateRenderLabel: "date-input",
643
643
  prevMonthLabel: "Previous month",
@@ -665,7 +665,7 @@ describe('<DateTimeInput />', () => {
665
665
  });
666
666
  it('should throw warning if initialTimeForNewDate prop hour and minute values are not in interval', async () => {
667
667
  const initialTimeForNewDate = '99:99';
668
- (0, _react2.render)( /*#__PURE__*/_react.default.createElement(_index.DateTimeInput, {
668
+ (0, _react2.render)(/*#__PURE__*/_react.default.createElement(_index.DateTimeInput, {
669
669
  description: "date_time",
670
670
  dateRenderLabel: "date-input",
671
671
  prevMonthLabel: "Previous month",
@@ -696,7 +696,7 @@ describe('<DateTimeInput />', () => {
696
696
  const timezone = 'US/Eastern';
697
697
  const initialTimeForNewDate = '16:16';
698
698
  const defaultValue = '2018-01-18T13:30';
699
- const _render17 = (0, _react2.render)( /*#__PURE__*/_react.default.createElement(_index.DateTimeInput, {
699
+ const _render17 = (0, _react2.render)(/*#__PURE__*/_react.default.createElement(_index.DateTimeInput, {
700
700
  description: "date_time",
701
701
  dateRenderLabel: "date-input",
702
702
  prevMonthLabel: "Previous month",
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@instructure/ui-date-time-input",
3
- "version": "10.2.3-snapshot-14",
3
+ "version": "10.2.3-snapshot-15",
4
4
  "description": "A UI component that allows to select date and time.",
5
5
  "author": "Instructure, Inc. Engineering and Product Design",
6
6
  "module": "./es/index.js",
@@ -23,29 +23,29 @@
23
23
  },
24
24
  "license": "MIT",
25
25
  "devDependencies": {
26
- "@instructure/ui-babel-preset": "10.2.3-snapshot-14",
27
- "@instructure/ui-test-utils": "10.2.3-snapshot-14",
26
+ "@instructure/ui-babel-preset": "10.2.3-snapshot-15",
27
+ "@instructure/ui-test-utils": "10.2.3-snapshot-15",
28
28
  "@testing-library/jest-dom": "^6.4.6",
29
- "@testing-library/react": "^15.0.7",
29
+ "@testing-library/react": "^16.0.1",
30
30
  "@testing-library/user-event": "^14.5.2",
31
- "vitest": "^2.0.2"
31
+ "vitest": "^2.1.1"
32
32
  },
33
33
  "dependencies": {
34
- "@babel/runtime": "^7.24.5",
35
- "@instructure/console": "10.2.3-snapshot-14",
36
- "@instructure/shared-types": "10.2.3-snapshot-14",
37
- "@instructure/ui-a11y-content": "10.2.3-snapshot-14",
38
- "@instructure/ui-buttons": "10.2.3-snapshot-14",
39
- "@instructure/ui-calendar": "10.2.3-snapshot-14",
40
- "@instructure/ui-date-input": "10.2.3-snapshot-14",
41
- "@instructure/ui-form-field": "10.2.3-snapshot-14",
42
- "@instructure/ui-i18n": "10.2.3-snapshot-14",
43
- "@instructure/ui-icons": "10.2.3-snapshot-14",
44
- "@instructure/ui-prop-types": "10.2.3-snapshot-14",
45
- "@instructure/ui-react-utils": "10.2.3-snapshot-14",
46
- "@instructure/ui-testable": "10.2.3-snapshot-14",
47
- "@instructure/ui-time-select": "10.2.3-snapshot-14",
48
- "@instructure/ui-utils": "10.2.3-snapshot-14",
34
+ "@babel/runtime": "^7.25.6",
35
+ "@instructure/console": "10.2.3-snapshot-15",
36
+ "@instructure/shared-types": "10.2.3-snapshot-15",
37
+ "@instructure/ui-a11y-content": "10.2.3-snapshot-15",
38
+ "@instructure/ui-buttons": "10.2.3-snapshot-15",
39
+ "@instructure/ui-calendar": "10.2.3-snapshot-15",
40
+ "@instructure/ui-date-input": "10.2.3-snapshot-15",
41
+ "@instructure/ui-form-field": "10.2.3-snapshot-15",
42
+ "@instructure/ui-i18n": "10.2.3-snapshot-15",
43
+ "@instructure/ui-icons": "10.2.3-snapshot-15",
44
+ "@instructure/ui-prop-types": "10.2.3-snapshot-15",
45
+ "@instructure/ui-react-utils": "10.2.3-snapshot-15",
46
+ "@instructure/ui-testable": "10.2.3-snapshot-15",
47
+ "@instructure/ui-time-select": "10.2.3-snapshot-15",
48
+ "@instructure/ui-utils": "10.2.3-snapshot-15",
49
49
  "prop-types": "^15.8.1"
50
50
  },
51
51
  "peerDependencies": {