-1

I have three problems how to implement the following things:

  1. When I use react-dates, I need to change the border style in cells, by default we have grey border and on hover the background too, but I want to change the border radius and background colour on hover. For example we have a default date selection range:

enter image description here And I want to do something like this (when hovering we have a purple coloured border, when selecting a cell the background changes to purple and when going to select a range, the dates should have a purple coloured border): enter image description here

  1. How I can create year picker near month names like it:

enter image description here

  1. And about holiday, how we can made popup window to show holiday namem like it: (When hover we see public holiday name)

enter image description here

Can you tell me which css classes need to be overridden or how it can be added?

I try use this classes to change some items: https://codesandbox.io/s/sleepy-currying-gv2pcj?file=/src/styles.css

p1e0
  • 9
  • 3
  • This is not a platform to get a free codes. Show us your code that you tried so far. – Nebojsa Nebojsa Aug 28 '23 at 10:14
  • I'm not asking to write a full working code, I wanted to know what css classes can be used to change the design (I wrote it in bottom the post), in the documentation I did not find the necessary classes to change. What I've done won't give you the information you need, but I've updated the post if you need it. – p1e0 Aug 28 '23 at 10:31

0 Answers0