fix: fix tests, remove focus locked in calendar

Author: hinzzx

packages/main/cypress/specs/Calendar.cy.tsx

@@ -136,6 +136,8 @@ describe("Calendar general interaction", () => {
 		cy.ui5CalendarGetDay("#calendar1", "974851200")
 			.realClick();
 
+		cy.focused().realPress("Tab");
+		cy.focused().realPress("Tab");
 		cy.focused().realPress("Tab");
 		cy.focused().realPress("Tab");
 		cy.focused().realPress("Space");

packages/main/src/Calendar.ts

@@ -339,10 +339,6 @@ class Calendar extends CalendarPart {
 		this._currentPickerDOM.focus();
 	}
 
-	async _onfocusin() {
-		await this._focusCurrentPicker();
-	}
-
 	/**
 	 * @private
 	 */
@@ -749,6 +745,7 @@ class Calendar extends CalendarPart {
 		if (isF4(e) && this._currentPicker !== "month") {
 			this._currentPicker = "month";
 			this.fireDecoratorEvent("show-month-view");
+			this._focusCurrentPicker();
 		}
 
 		if (!isF4Shift(e)) {
@@ -758,9 +755,11 @@ class Calendar extends CalendarPart {
 		if (this._currentPicker !== "year") {
 			this._currentPicker = "year";
 			this.fireDecoratorEvent("show-year-view");
+			this._focusCurrentPicker();
 		} else {
 			this._currentPicker = "yearrange";
 			this.fireDecoratorEvent("show-year-range-view");
+			this._focusCurrentPicker();
 		}
 	}
 

packages/main/src/CalendarTemplate.tsx

@@ -12,7 +12,6 @@ export default function CalendarTemplate(this: Calendar) {
 			<div
 				class="ui5-cal-root"
 				onKeyDown={this._onkeydown}
-				onFocusIn={this._onfocusin}
 			>
 				<div id={`${this._id}-content`} class="ui5-cal-content">
 					<DayPicker