fix(@clayui/date-picker): Adjusts the behaviour of date range when cl…

…icking on the dot button

Basically if there is a selected date and it is previous to the start date, then the end date is set with the current day. As discussed here: #4008 (comment)

packages/clay-date-picker/src/index.tsx

@@ -408,15 +408,17 @@ const ClayDatePicker: React.FunctionComponent<IProps> = React.forwardRef<
 
 			changeMonth(NEW_DATE);
 
-			setDaysSelected([NEW_DATE, endDate]);
+			const newDaysSelected: [Date, Date] =
+				range && endDate < NEW_DATE
+					? [endDate, NEW_DATE]
+					: [NEW_DATE, endDate];
+
+			setDaysSelected(newDaysSelected);
 
 			let dateFormatted;
 
 			if (range) {
-				dateFormatted = fromRangeToString(
-					[NEW_DATE, endDate],
-					dateFormat
-				);
+				dateFormatted = fromRangeToString(newDaysSelected, dateFormat);
 			} else if (time) {
 				dateFormatted = formatDate(
 					parseDate(currentTime, TIME_FORMAT, NEW_DATE),