Fix opened TextField Date Picker at start (mobile)

.eslintrc

@@ -20,6 +20,8 @@
 	},
 	"ignorePatterns": ["**/config.js", "vite.config.ts", "src/vite-env.d.ts"],
 	"rules": {
+		"@typescript-eslint/no-unused-vars": ["warn", { "vars": "all", "args": "after-used" }],
+		"@typescript-eslint/no-explicit-any": "warn",
 		"array-bracket-spacing": [ 2, "always", {
 			"objectsInArrays": true,
 			"arraysInArrays": true

src/components/countdowntimer/CountdownTimer.tsx

@@ -7,6 +7,7 @@ import {
 	countdownTimerStartLabel, countdownTimerStopLabel, 
 	countdownTimerEnableLabel, countdownTimerDisableLabel, countdownTimerSetLabel } 
 	from '../translated/translatedComponents';
+import { isMobileSelector } from '../../store/selectors';
 
 const CountdownTimerDiv = styled('div')(({ theme }) => ({
 	display: 'flex',
@@ -17,6 +18,7 @@ const CountdownTimerDiv = styled('div')(({ theme }) => ({
 }));
 
 const CountdownTimer = () : JSX.Element => {
+	const isMobile = useAppSelector(isMobileSelector);
 	const dispatch = useAppDispatch();
 	const isEnabled = useAppSelector((state) => state.countdownTimer.isEnabled);
 	const isStarted = useAppSelector((state) => state.countdownTimer.isStarted);
@@ -53,7 +55,7 @@ const CountdownTimer = () : JSX.Element => {
 					<TextField fullWidth
 						aria-label={countdownTimerSetLabel()}
 						inputRef={inputRef}
-						autoFocus
+						autoFocus={!isMobile}
 						sx={{ flexGrow: '1' }}
 						variant='outlined'
 						label='timer (hh:mm:ss)'