How can I use tileClassName prop in react-calender to apply a CSS class to an array of type Dates?

Question

I have an array of type Date. Any date that is in the array, I want the class "highlight" to be applied to it.

<Calendar
  onChange={onChange}
  value={value}
  tileClassName={({ date }) => {
    if (dates.find((x) => x.getTime() === date.getTime())) {
       let highlight: string = "highlight";
       return highlight;
    }
   }}
/>

Answer 1

date.getTime() will give you timestamp in milliseconds so there is very thin chance you will find equal values instead you can format the date for eg - "DD-MM-YYYY" then find the date.