Hovering holiday is showing redundant tooltips

[balajis-qb]

Describe the bug
When we hover over a holiday, we're getting two tooltips showing the holiday name.

To Reproduce
Steps to reproduce the behavior:

type Holiday = {
  date: string;
  holidayName: string;
};

const HolidayDates = () => {
  const [selectedDate, setSelectedDate] = useState<Date | null>(new Date());

  const holidays: Holiday[] = [
    { date: "2026-03-15", holidayName: "Holiday" },  
  ];

  return (
    <DatePicker
      selected={selectedDate}
      onChange={setSelectedDate}
      holidays={holidays}
      placeholderText="This display holidays"
    />
  );
};

render(HolidayDates);

1. Navigate to the holiday
2. Hover over it
3. We'll get 2 holidays. One is the default title and other is the custom tooltip element.

Expected behavior
We need to show only one tooltip, instead of showing 2 tooltips, either as a title or as a tooltip.

Screenshots

Smartphone (please complete the following information):

• Device: [e.g. iPhone6]
• OS: [e.g. iOS8.1]
• Browser [e.g. stock browser, safari]
• Version [e.g. 22]

Additional context
Add any other context about the problem here.

[balajis-qb]

I'll work on this issue