During testing found a bug where occasionally the date range will hav…

…e an end date in 1970/1969 even though the calendar is displaying selection for 2023. Attempting to locate the cause for this issue to correct it

src/components/Calendar/index.js

@@ -335,6 +335,7 @@ class Calendar extends PureComponent {
     );
   };
   onDragSelectionStart = date => {
+    console.log(`onDragSelectionStart: ${date}`);
     const { onChange, dragSelectionEnabled } = this.props;
 
     if (dragSelectionEnabled) {
@@ -351,6 +352,7 @@ class Calendar extends PureComponent {
   };
 
   onDragSelectionEnd = date => {
+    console.log(`onDragSelectionEnd: ${date}`);
     const { updateRange, displayMode, onChange, dragSelectionEnabled } = this.props;
 
     if (!dragSelectionEnabled) return;
@@ -372,6 +374,7 @@ class Calendar extends PureComponent {
     }
   };
   onDragSelectionMove = date => {
+    console.log(`onDragSelectionMove: ${date}`);
     const { drag } = this.state;
     if (!drag.status || !this.props.dragSelectionEnabled) return;
     this.setState({

src/components/DateRange/index.js

@@ -17,6 +17,8 @@ class DateRange extends Component {
     this.styles = generateStyles([coreStyles, props.classNames]);
   }
   calcNewSelection = (value, isSingleValue = true) => {
+    console.log(`calcNewSelection: ${JSON.stringify(value)}`);
+    console.log(`isSingleValue: ${isSingleValue}`);
     const focusedRange = this.props.focusedRange || this.state.focusedRange;
     const {
       ranges,

src/components/DayCell/index.js

@@ -11,7 +11,7 @@ class DayCell extends Component {
     this.state = {
       hover: false,
       active: false,
-      touchOverDay: null,
+      touchOverDay: props.day.toISOString(),
     };
   }
 
@@ -24,35 +24,43 @@ class DayCell extends Component {
   };
 
   handleTouchEvent = event => {
+    console.log('handleTouchEvent: ', event.type);
     const { day, disabled, onMouseDown, onMouseUp, onMouseEnter, onPreviewChange } = this.props;
     const stateChanges = {};
     if (disabled) {
       onPreviewChange();
       return;
     }
 
+    const isNewDay = targetElements => {
+      if (targetElements && targetElements[2].className === 'rdrDay') {
+        const newDay = targetElements[2].getAttribute('data-day');
+        if (newDay !== this.state.touchOverDay) {
+          return newDay;
+        }
+      }
+      return null;
+    };
+
     switch (event.type) {
       case 'touchmove':
         {
-          const targetElement = document.elementsFromPoint(
+          const targetElements = document.elementsFromPoint(
             event.touches[0].clientX,
             event.touches[0].clientY
           );
-          if (targetElement && targetElement[2].className === 'rdrDay') {
-            const newDay = targetElement[2].getAttribute('data-day');
-            if (newDay !== this.state.touchOverDay) {
-              onMouseEnter(new Date(newDay));
-              onPreviewChange(new Date(newDay));
-              this.setState({ touchOverDay: newDay });
-            }
+          const newDay = isNewDay(targetElements);
+          if (newDay) {
+            console.log('New day: ', newDay);
+            onMouseEnter(new Date(newDay));
+            onPreviewChange(new Date(newDay));
+            this.setState({ touchOverDay: newDay });
           }
         }
         break;
       case 'touchend':
-        {
-          onMouseUp(new Date(this.state.touchOverDay));
-          this.setState({ touchOverDay: null });
-        }
+        onMouseUp(new Date(this.state.touchOverDay));
+        this.setState({ touchOverDay: null });
         break;
       case 'touchstart':
         stateChanges.active = true;
@@ -62,6 +70,7 @@ class DayCell extends Component {
   };
 
   handleMouseEvent = event => {
+    console.log('handleMouseEvent: ', event.type);
     const { day, disabled, onPreviewChange, onMouseEnter, onMouseDown, onMouseUp } = this.props;
     const stateChanges = {};
     if (disabled) {