Bootstrap date range picker mobile highlights previous date when changing date

Viewed 1090

I use bootstrap date range picker with 2 calendars so people can select start and end dates. Something new I have done is, once a user select the START date, i focus on the END date so the calendar automatically pops up.

FIDDLE?

I tried to setup a fiddle but it just doesnt work on a fiddle, but you can always test on the plugin website as it happends on the original plugin as well. See date range picker website here.

THE PROBLEM

On iPhone, when I select the start date the enddate calendar automatically pops up, which is great. But the problem is, it hangs onto a hover where I had my finger. So if you look at the screenshot, I selected 8th on the START calendar and when it focuses onto the END calendar it hovers over 6th as well automatically because I had my finger on the same area when I selected 8th.

How can this be fixed? I tried all the ios hover issue fixing plugins and solutions out there but nothings seems to fix this.

enter image description here

2 Answers
Related