Почему при вводе одной цифры года в input type="date" фокус пропадает?

Question

[DZHAMBUALT]

Здрасте! Есть некий input с типом date. Я написал код с onBlur и onFocus для того чтобы placeholder отображался. Без них всё работает как и должно. Но с ними именно при воде года у меня слетает наводка и тип input становиться text. Может быть я неправильно написал потому что впервые с input type date работаю!

Компонент Input

interface Props extends InputHTMLAttributes<HTMLInputElement> {}
const Input: FC<Props> = ({
	onFocus,
	onBlur,
	type,
        ...other
}) => {
	return (
		<div className="container">
			<input
				onFocus={event => {
					if (type === 'date') event.target.type = 'date'
					onFocus && onFocus(event)
				}}
				onBlur={event => {
					if (type === 'date') event.target.type = 'text'
					onBlur && onBlur(event)
				}}
				type={type === 'date' ? 'text' : type}
                                {...other}
			/>
		</div>
	)
}

export { Input }

Вызов компонента Input

<Input
	type='date'
	placeholder='Дата въезда'
/>