search

uxsolutions / bootstrap-datepicker

A datepicker for twitter bootstrap (@twbs)
Apache License 2.0
12.66k stars 6.08k forks source link

Highlight days on hover when using multidate #2453

Open mrbenosborne opened 5 years ago

mrbenosborne commented 5 years ago

Expected behavior

When using multidate I want the option to enable day highlight on hover of days, this should only highlight the days between the selected date in the first date picker and stop highlighting when the second date has been chosen.

See the screenshot below from Airbnb date picker, I selected the date 17th January and when I hover over the 24th January all days in between are highlighted.

http://airbnb.io/react-dates/?selectedKind=DateRangePicker%20%28DRP%29&selectedStory=default&full=0&addons=1&stories=1&panelRight=0&addonPanel=storybook%2Factions%2Factions-panel

image

Actual behaviour

This is not a feature yet.

Datepicker version used

1.7.1

mrbenosborne commented 5 years ago

I can implement this if everyone is happy with that?

I would use the standard grey background color, same as when a range is selected, the days in between are a background color of grey, although I can see this issue open here #2428

mrbenosborne commented 5 years ago

This is what I have done so far, when you hover over a day and it is between the day hovered and the start of a range date selection it add's a class to the day.

image