Usé el componente react-nice-dates en mi proyecto. En realidad, funciona bien en páginas normales, pero en ventanas emergentes o modales, no puede cerrarse hasta que el usuario seleccione una fecha. Eso significa que un usuario necesita seleccionar la fecha a la fuerza. que quiero modificar y quiero abrir y cerrar la ventana emergente del selector de fecha manualmente como ejemplo abrir cuando la entrada del selector de fecha está enfocada (evento onFocus) y cerrar cuando el usuario deja la entrada del selector de fecha (evento onBlur)

siguiente hay mi código. el componente común de datePicker que utilicé en varios lugares (página, así como modal o ventana emergente)

 date={date} onDateChange={setDateTemp} locale={enGB} format='dd-MM-yyyy'> {({ inputProps, focused }) => { console.log('focused: ', focused) console.log('inputProps: ', inputProps) return ( <div className='relative w-full flex items-center'> <input type='text' name={name} id={id} placeholder={placeholder} autoComplete='off' className={`passwordInput text-sm px-5 py-2 pr-10 block w-full border-darkgray border transition focus:outline-none focus:border-primary rounded-lg ${'input'} ${className}`} {...inputProps} />```