Change hover over for two sp-date-picker fields

Harshini4
Tera Contributor

I have two sp-date-picker fields on form - Start Date and End Date, both of which show the standard Show Calendar for {0} tooltip on hover. When I try to use JQuery as suggested in one of the community posts, it updates both the fields' tooltips. I'd like different tooltips on each of these fields. Is there a way to differentiate between start date button from the end date button? 

Harshini4_1-1705173511784.png

 

 

1 ACCEPTED SOLUTION

Harsh Vardhan
Giga Patron

Hi @Harshini4  : Why don't you use field parameter with label object in sp-date-picker ? This way what ever text you will define under label object that will appear with "Show Calendar for <Label object Value>"

 

Something like this you can try . 

 

<sp-date-picker name="mydata" field="{label: 'First Date'}" ng-model="c.fromDate.value" ></sp-date-picker>


<sp-date-picker name="mydata1" field="{label: 'Second Date'}" ng-model="c.fromDate1.value" ></sp-date-picker>

 

Hope it will help you.

 

Thanks,

Harsh

View solution in original post

1 REPLY 1

Harsh Vardhan
Giga Patron

Hi @Harshini4  : Why don't you use field parameter with label object in sp-date-picker ? This way what ever text you will define under label object that will appear with "Show Calendar for <Label object Value>"

 

Something like this you can try . 

 

<sp-date-picker name="mydata" field="{label: 'First Date'}" ng-model="c.fromDate.value" ></sp-date-picker>


<sp-date-picker name="mydata1" field="{label: 'Second Date'}" ng-model="c.fromDate1.value" ></sp-date-picker>

 

Hope it will help you.

 

Thanks,

Harsh