When using extraDayText, can't select date by clicking on extra text (bug?)

[solidaverage]

When using the extraDayText feature, the extra text inserted into the day cell can't be clicked on to select that day at the arrival/departure day. Everywhere else in the cell is clickable, but not the area with the extra text.

I'm not sure if this counts a bug or not? I think so, because users would, I think, naturally expect to be able to click anywhere in the cell to pick that date. But please let me know if you think it's worth addressing.

Thank you

[benitolopez]

Yes, you're right.

You can use this CSS to fix the issue:

.datepicker__month-day--with-extra span {
    pointer-events: none;
}

This assumes that you are appending a span element.

I'll add the same fix in the demo. But this CSS can't be included in the library because I cannot know what element is being appended. Everyone can append the element they want.

[solidaverage]

Great. Thank you.

[solidaverage]

Oops, I spoke to soon. I just tested it and the CSS fix works for the first time you select arrival/departure, but then it stops working (can't click on extra text anymore).

Inspecting the page, it looks like after the first range select, the class "datepicker__month-day--with-extra" is being removed from the day <td>. (or probably all the classes on the are replaced after departure date is selected, but the extra text one isn't being added back)

I just tested on the demo site and that removal of that class after first range select is there too.

I think I can work around this with different CSS, but I think the code needs to be updated to ensure that the extra text class is always there.

[benitolopez]

Correct. Fixed in 4.6.2.

[solidaverage]

Thanks