react-multi-date-picker icon indicating copy to clipboard operation
react-multi-date-picker copied to clipboard

Hover effect for date range

Open akashhartler opened this issue 3 years ago • 1 comments

calendar

Hi, Thanks for the awesome plugin. Really great and easily customizable.

Is it possible to have a hover effect when the user selects the start date and moves the cursor to select the send date?

akashhartler avatar Sep 13 '22 07:09 akashhartler

I will try to add this feature either next week or the week after

shahabyazdi avatar Sep 14 '22 05:09 shahabyazdi

Hi. You can enable the hover effect in range mode in v3.3.2. https://shahabyazdi.github.io/react-multi-date-picker/range/#range-hover-effect

shahabyazdi avatar Oct 15 '22 06:10 shahabyazdi

This is Awesome!! Thanks a lot to get this done.

Regards,

Akash Badiyani

Technical Lead Engineer //Hartley Lab

M: +91 937 3470791 <+91+937+3470791> // www.hartleylab.com

https://twitter.com/hartleylab https://www.linkedin.com/company/hartley-lab https://www.facebook.com/HartleyLab/ https://www.youtube.com/channel/UC2wvPee8Zuu_JXjfD2sdXGA

On Sat, Oct 15, 2022 at 12:05 PM Shahab @.***> wrote:

Hi. You can enable the hover effect in range mode in v3.3.2.

https://shahabyazdi.github.io/react-multi-date-picker/range/#range-hover-effect

— Reply to this email directly, view it on GitHub https://github.com/shahabyazdi/react-multi-date-picker/issues/133#issuecomment-1279675634, or unsubscribe https://github.com/notifications/unsubscribe-auth/AJREN2R5H6O6B7NFCNXXQVDWDJGDXANCNFSM6AAAAAAQLE6XEE . You are receiving this because you authored the thread.Message ID: @.***>

akashhartler avatar Oct 15 '22 07:10 akashhartler

It would be great if you can also get that vertical scrolling for mobile. That will make the plugin super user-friendly and fully responsive.

Regads,

Akash Badiyani

Technical Lead Engineer //Hartley Lab

M: +91 937 3470791 <+91+937+3470791> // www.hartleylab.com

https://twitter.com/hartleylab https://www.linkedin.com/company/hartley-lab https://www.facebook.com/HartleyLab/ https://www.youtube.com/channel/UC2wvPee8Zuu_JXjfD2sdXGA

On Sat, Oct 15, 2022 at 1:24 PM Akash Badiyani @.***> wrote:

This is Awesome!! Thanks a lot to get this done.

Regards,

Akash Badiyani

Technical Lead Engineer //Hartley Lab

M: +91 937 3470791 <+91+937+3470791> // www.hartleylab.com

https://twitter.com/hartleylab https://www.linkedin.com/company/hartley-lab https://www.facebook.com/HartleyLab/ https://www.youtube.com/channel/UC2wvPee8Zuu_JXjfD2sdXGA

On Sat, Oct 15, 2022 at 12:05 PM Shahab @.***> wrote:

Hi. You can enable the hover effect in range mode in v3.3.2.

https://shahabyazdi.github.io/react-multi-date-picker/range/#range-hover-effect

— Reply to this email directly, view it on GitHub https://github.com/shahabyazdi/react-multi-date-picker/issues/133#issuecomment-1279675634, or unsubscribe https://github.com/notifications/unsubscribe-auth/AJREN2R5H6O6B7NFCNXXQVDWDJGDXANCNFSM6AAAAAAQLE6XEE . You are receiving this because you authored the thread.Message ID: @.***>

akashhartler avatar Oct 15 '22 07:10 akashhartler

@shahabyazdi I was just trying to implement rangeHover effect last week and today I noticed new prop in the website.

Then I realized there is a new package v3.3.3 released which already has the changes. Thanks for the new update! I am removing my changes to be in sync with your code.

vinesh20 avatar Oct 18 '22 22:10 vinesh20

@shahabyazdi Please update index.d.ts file with rangeHover prop in CalendarProps interface. I think it is not updated in 3.3.3 version and failing in typescript projects.

vinesh20 avatar Oct 19 '22 16:10 vinesh20

@shahabyazdi Please update index.d.ts file with rangeHover prop in CalendarProps interface. I think it is not updated in 3.3.3 version and failing in typescript projects.

done!

shahabyazdi avatar Oct 20 '22 09:10 shahabyazdi