JSFiddle - React, Tailwind, and code Playground

HTML

<input type="text" class="hidden">
<input type="date">
<input type="text">
<input type="text">
<input type="date">
<input type="date">
<input type="date">

CSS

.hidden {
  opacity: 0;
}

JavaScript

document.addEventListener( 'DOMContentLoaded', function() {
	var x = { focus: _=>{} }; 
	var n = document.querySelector( '.hidden' );
	document.querySelectorAll( '[type="date"]' ).forEach( function( e ) {
		var f = true;
		e.addEventListener( 'focus', function() {
			if ( !f ) {
				f = true;
				return;
			}
			n.focus();
			f = false;
			e.focus();
			x = e;
			console.log( '[type="date"]' );
		} );
	} );
	n.addEventListener( 'input', function() {
		x.focus();
		console.log( 'input' );
	} );
} );