Need tooltip on calendar buttons

Need tooltip on calendar buttons

Posted by: nilesh_nichal on 19 August 2020, 2:04 am EST

• 

  nilesh_nichal

  • Post Options:
  • Link
    Copy

  Posted 19 August 2020, 2:04 am EST - Updated 3 October 2022, 3:46 pm EST

  We are using ‘wj-input-date-time’. We need to give tooltip title on action buttons (next, previous, and today’s day) on the calendar.

  Can you guide us on the same?

  Attaching screenshot for better understanding:
  
  

• 

  ashwin.saxena

  

  • Post Options:
  • Link
    Copy

  Posted 20 August 2020, 1:03 am EST

  Hi Nilesh,

  You can use the controlTemplate property of the Calendar class to add a title attribute to each action button. A title attribute is used to display a simple tooltip on the element. This is the easiest way but this will add the title property for all of the InputDateTime, InputDate, and Calendar control. If you do not have any issues with that, then you can use this method.

  The different solution is to use Wijmo’s Tooltip. You will need to get the reference of all the 3 action buttons and use the setTooltip method to add a tooltip on each of them.

  Please refer to the sample link below:

  https://stackblitz.com/edit/angular-9-0-0-rc-1-jgtfgb

  Regards,
  
  Ashwin