Hi everybody !
I’ve got an understanding problem with the behaviour of the date picker and the way it selected the dates…
For some context, I’m currently trying to change the look-and-feel of the date picker (in term of colors, nothing more )
But there is something I don’t totally understand (so this might be just a stupide question)
As of now, where I stand it’s the 28/07/19 (DD/MM/YY
format) which is the “yellow-ish” date on the screenshot.
The blue one, is the day I’ve selected with my mouse in the date picker… If I click Done
or press Enter
the 18/07/19 appears where it should, nothing strange here …
If, I do the same thing again but navigate to the a previous month (May
, in this case) using the my keyboard (Shift + Left Arrow
) and not the .prev
arrow near the name of the month, the 18
I’ve selected in July 2019
is still there in a darker blue.
If I select another day in May
using my mouse ( the 8
here), it appears in blue, like my 18
did in July
previously.
(So far, I know that in this case, in terms of css, the 8
is an .active
day and the 18
is .focused
one)
Now, If I click Done
it’s the 18
(.focused
) that’s picked up by the date picker, but not the 8
(.active
) I just selected.
What I don’t understand is why ?
Shouldn’t my manual selection (the 8
) in May 2019
override my previous selection in July 2019
?
This only happens when I mix keyboard and mouse to pick up a date.
Using only my keyboard, when I have 2 days highlighted in a month (one .focused
and one .active
), I can use the arrows
of my keyboard to go to the date I’ve picked with my mouse and then click Done
.
If I use only my mouse, and .prev
/.next
above, near the name of the month I’m currently in to switch to another month, the .focused
darker-blue day doesn’t appear and I can select a day as usual.
I know this is just “details” … but it troubles me a little
Thank you very much in advance for the possible clarification