Tooltip showing on hover dates in datepicker

Tags: #<Tag:0x00007f8b1cdf7c90> #<Tag:0x00007f8b1cdf7b50>
#1

How do we show tooltip on hovering the datepicker dates.

#2

Hi @webgunti

I can recommend adding a DIV element and controlling its CSS visibility parameter and top/left via afterOnCellMouseOver and afterOnCellMouseOut.

  1. afterOnCellMouseOver - https://handsontable.com/docs/react-data-grid/api/hooks/#afteroncellmouseover
  2. afterOnCellMouseOut - https://handsontable.com/docs/react-data-grid/api/hooks/#afteroncellmouseout
#3

How do i highlight only some dates on date picker

#4

Thank you

#5

By some dates do you mean that for example if user picks 9th of May you’d like to show ‘Tomorrow’ and if they pick 7th of May the DIV tooltip should show ‘Yesterday’ or you want to show one tooltip for all of the dates?

#6

Not the tooltip, assume that we open date picker and seeing this month calender, i want to highlight only the dates between 15 -20 of this month

#7

It seems that my colleague already replied to that question here Adding minDate,MaxDate for date picker with the configuration of

disableDayFn(date) {
    // Disable Sunday and Saturday
     return date.getDay() === 0 || date.getDay() === 6;
},
minDate: new Date(2000, 0, 1),
maxDate: new Date(2009, 11, 31),
#8

Thank you @aleksandra_budnik

#9