@instructure/ui-date-time-input 8.24.0 → 8.24.1-snapshot.19

package/LICENSE.md

@@ -0,0 +1,27 @@
+---
+title: The MIT License (MIT)
+category: Getting Started
+order: 9
+---
+
+# The MIT License (MIT)
+
+Copyright (c) 2015 Instructure, Inc.
+
+**Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions.**
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/es/DateTimeInput/index.js

@@ -50,7 +50,6 @@ let DateTimeInput = (_dec = testable(), _dec(_class = (_class2 = class DateTimeI
     // componentDidMount()
 
     this.context = void 0;
-    this._timeInput = void 0;
     this.ref = null;
 
     this.handleRef = el => {
@@ -142,10 +141,6 @@ let DateTimeInput = (_dec = testable(), _dec(_class = (_class2 = class DateTimeI
       }
     };
 
-    this.timeInputComponentRef = node => {
-      this._timeInput = node;
-    };
-
     this.handleShowCalendar = _event => {
       this.setState({
         isShowingCalendar: true
@@ -241,8 +236,6 @@ let DateTimeInput = (_dec = testable(), _dec(_class = (_class2 = class DateTimeI
       const parsed = DateTime.parse(dateStr, this.locale(), this.timezone());
 
       if (parsed.isValid()) {
-        var _this$state, _this$_timeInput;
-
         if (doNotChangeTime && this.state.timeSelectValue) {
           // There is a selected time, adjust the parsed date to its value
           const timeParsed = DateTime.parse(this.state.timeSelectValue, this.locale(), this.timezone());
@@ -253,7 +246,7 @@ let DateTimeInput = (_dec = testable(), _dec(_class = (_class2 = class DateTimeI
           parsed.date(this.state.iso.date()).month(this.state.iso.month()).year(this.state.iso.year());
         }
 
-        const newTimeSelectValue = (_this$state = this.state) !== null && _this$state !== void 0 && _this$state.timeSelectValue ? this.state.timeSelectValue : (_this$_timeInput = this._timeInput) === null || _this$_timeInput === void 0 ? void 0 : _this$_timeInput.getBaseDate().minute(parsed.minute()).hour(parsed.hour()).toISOString();
+        const newTimeSelectValue = parsed.toISOString();
 
         if (this.isDisabledDate(parsed)) {
           let text = typeof this.props.disabledDateTimeMessage === 'function' ? this.props.disabledDateTimeMessage(parsed.toISOString(true)) : this.props.disabledDateTimeMessage;
@@ -523,7 +516,6 @@ let DateTimeInput = (_dec = testable(), _dec(_class = (_class2 = class DateTimeI
       value: this.state.timeSelectValue,
       onChange: this.handleTimeChange,
       onBlur: this.handleBlur,
-      ref: this.timeInputComponentRef,
       renderLabel: timeRenderLabel,
       locale: locale,
       format: timeFormat,

package/lib/DateTimeInput/index.js

@@ -53,7 +53,6 @@ let DateTimeInput = (_dec = (0, _testable.testable)(), _dec(_class = (_class2 =
     // componentDidMount()
 
     this.context = void 0;
-    this._timeInput = void 0;
     this.ref = null;
 
     this.handleRef = el => {
@@ -147,10 +146,6 @@ let DateTimeInput = (_dec = (0, _testable.testable)(), _dec(_class = (_class2 =
       }
     };
 
-    this.timeInputComponentRef = node => {
-      this._timeInput = node;
-    };
-
     this.handleShowCalendar = _event => {
       this.setState({
         isShowingCalendar: true
@@ -246,8 +241,6 @@ let DateTimeInput = (_dec = (0, _testable.testable)(), _dec(_class = (_class2 =
       const parsed = _DateTime.DateTime.parse(dateStr, this.locale(), this.timezone());
 
       if (parsed.isValid()) {
-        var _this$state, _this$_timeInput;
-
         if (doNotChangeTime && this.state.timeSelectValue) {
           // There is a selected time, adjust the parsed date to its value
           const timeParsed = _DateTime.DateTime.parse(this.state.timeSelectValue, this.locale(), this.timezone());
@@ -259,7 +252,7 @@ let DateTimeInput = (_dec = (0, _testable.testable)(), _dec(_class = (_class2 =
           parsed.date(this.state.iso.date()).month(this.state.iso.month()).year(this.state.iso.year());
         }
 
-        const newTimeSelectValue = (_this$state = this.state) !== null && _this$state !== void 0 && _this$state.timeSelectValue ? this.state.timeSelectValue : (_this$_timeInput = this._timeInput) === null || _this$_timeInput === void 0 ? void 0 : _this$_timeInput.getBaseDate().minute(parsed.minute()).hour(parsed.hour()).toISOString();
+        const newTimeSelectValue = parsed.toISOString();
 
         if (this.isDisabledDate(parsed)) {
           let text = typeof this.props.disabledDateTimeMessage === 'function' ? this.props.disabledDateTimeMessage(parsed.toISOString(true)) : this.props.disabledDateTimeMessage;
@@ -534,7 +527,6 @@ let DateTimeInput = (_dec = (0, _testable.testable)(), _dec(_class = (_class2 =
       value: this.state.timeSelectValue,
       onChange: this.handleTimeChange,
       onBlur: this.handleBlur,
-      ref: this.timeInputComponentRef,
       renderLabel: timeRenderLabel,
       locale: locale,
       format: timeFormat,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@instructure/ui-date-time-input",
-  "version": "8.24.0",
+  "version": "8.24.1-snapshot.19+102c13da9",
   "description": "A UI component that allows to select date and time.",
   "author": "Instructure, Inc. Engineering and Product Design",
   "module": "./es/index.js",
@@ -23,26 +23,26 @@
   },
   "license": "MIT",
   "devDependencies": {
-    "@instructure/ui-babel-preset": "8.24.0",
-    "@instructure/ui-test-locator": "8.24.0",
-    "@instructure/ui-test-utils": "8.24.0"
+    "@instructure/ui-babel-preset": "8.24.1-snapshot.19+102c13da9",
+    "@instructure/ui-test-locator": "8.24.1-snapshot.19+102c13da9",
+    "@instructure/ui-test-utils": "8.24.1-snapshot.19+102c13da9"
   },
   "dependencies": {
     "@babel/runtime": "^7.13.10",
-    "@instructure/debounce": "8.24.0",
-    "@instructure/emotion": "8.24.0",
-    "@instructure/ui-a11y-content": "8.24.0",
-    "@instructure/ui-buttons": "8.24.0",
-    "@instructure/ui-calendar": "8.24.0",
-    "@instructure/ui-date-input": "8.24.0",
-    "@instructure/ui-form-field": "8.24.0",
-    "@instructure/ui-i18n": "8.24.0",
-    "@instructure/ui-icons": "8.24.0",
-    "@instructure/ui-prop-types": "8.24.0",
-    "@instructure/ui-react-utils": "8.24.0",
-    "@instructure/ui-testable": "8.24.0",
-    "@instructure/ui-time-select": "8.24.0",
-    "@instructure/ui-utils": "8.24.0",
+    "@instructure/debounce": "8.24.1-snapshot.19+102c13da9",
+    "@instructure/emotion": "8.24.1-snapshot.19+102c13da9",
+    "@instructure/ui-a11y-content": "8.24.1-snapshot.19+102c13da9",
+    "@instructure/ui-buttons": "8.24.1-snapshot.19+102c13da9",
+    "@instructure/ui-calendar": "8.24.1-snapshot.19+102c13da9",
+    "@instructure/ui-date-input": "8.24.1-snapshot.19+102c13da9",
+    "@instructure/ui-form-field": "8.24.1-snapshot.19+102c13da9",
+    "@instructure/ui-i18n": "8.24.1-snapshot.19+102c13da9",
+    "@instructure/ui-icons": "8.24.1-snapshot.19+102c13da9",
+    "@instructure/ui-prop-types": "8.24.1-snapshot.19+102c13da9",
+    "@instructure/ui-react-utils": "8.24.1-snapshot.19+102c13da9",
+    "@instructure/ui-testable": "8.24.1-snapshot.19+102c13da9",
+    "@instructure/ui-time-select": "8.24.1-snapshot.19+102c13da9",
+    "@instructure/ui-utils": "8.24.1-snapshot.19+102c13da9",
     "prop-types": "^15"
   },
   "peerDependencies": {
@@ -51,5 +51,6 @@
   "publishConfig": {
     "access": "public"
   },
-  "sideEffects": false
+  "sideEffects": false,
+  "gitHead": "102c13da991ad65ffde83ca7e0f23cbb760b8c68"
 }

package/src/DateTimeInput/index.tsx

@@ -68,7 +68,6 @@ class DateTimeInput extends Component<DateTimeInputProps, DateTimeInputState> {
 
   static contextType = ApplyLocaleContext
 
-  private _timeInput?: TimeSelect
   ref: Element | null = null // This is used by Tooltip for positioning
 
   handleRef = (el: Element | null) => {
@@ -136,13 +135,7 @@ class DateTimeInput extends Component<DateTimeInputProps, DateTimeInputState> {
             .month(this.state.iso.month())
             .year(this.state.iso.year())
         }
-        const newTimeSelectValue = this.state?.timeSelectValue
-          ? this.state.timeSelectValue
-          : this._timeInput
-              ?.getBaseDate()
-              .minute(parsed.minute())
-              .hour(parsed.hour())
-              .toISOString()
+        const newTimeSelectValue = parsed.toISOString()
         if (this.isDisabledDate(parsed)) {
           let text =
             typeof this.props.disabledDateTimeMessage === 'function'
@@ -359,10 +352,6 @@ class DateTimeInput extends Component<DateTimeInputProps, DateTimeInputState> {
     }
   }
 
-  timeInputComponentRef = (node: TimeSelect) => {
-    this._timeInput = node
-  }
-
   handleShowCalendar = (_event: SyntheticEvent) => {
     this.setState({ isShowingCalendar: true })
   }
@@ -589,7 +578,6 @@ class DateTimeInput extends Component<DateTimeInputProps, DateTimeInputState> {
           value={this.state.timeSelectValue}
           onChange={this.handleTimeChange}
           onBlur={this.handleBlur}
-          ref={this.timeInputComponentRef}
           renderLabel={timeRenderLabel}
           locale={locale}
           format={timeFormat}