Ngx-bootstrap: Display tooltip on selected date in datepicker

[arun-maddheshia]

Is your feature request related to a problem? Please describe.
I need to display tooltip on custom dates. Is there any existing method exist in https://valor-software.com/ngx-bootstrap/#/datepicker#date-custom-classes

Describe the solution you'd like
Good to have option like Content Template so we can replace the content of the datepicker.

  <ng-template #customDay
    let-date="date"
    let-currentMonth="currentMonth"
    let-currentYear="currentYear"
    let-selected="selected">
    <span class="custom-class"
      placement="top"
      tooltip="Vivamus sagittis">
      {{ date.day }}
    </span>
  </ng-template>

Or

more config options to pass tooltip tooltip="Vivamus sagittis"

this.dateCustomClasses = [
      {
        date: twoDaysAhead,
        classes: ['bg-warning'],
        tooltip: 'Vivamus sagittis'
      },
      {
        date: fourDaysAhead,
        classes: ['bg-danger', 'text-warning'],
        tooltip: 'Vivamus sagittis'
      }
    ];

Additional context

[sonicpro]

I am going to look at this.

[imben1109]

could we do by existing datepicker component?

[arun-maddheshia]

@sonicpro any progress ?

[daniloff200]

Unfortunately, @sonicpro will not able to work on that anymore.
Hope to pick that soon, but, not sure, when it will be finished, and released.

cc @arun-maddheshia

[daniloff200]

Okay, so, I've finished that
Here's how it looks like right now.

Gonna be in next release, 6.1.0, which, hopefully, will be in next two weeks, or, in the worst scenario, this month

[uvojjala]

is this feature for "Display tooltip on selected date in datepicker" available now? if not when its going to be available? Please let me know as we need to use this feature in our application's datepicker asap in our current sprint. Please let me know. Thanks in advance!

[daniloff200]

@uvojjala 6.1.0 was released today, and available now

[uvojjala]

@daniloff200 - Thanks Dan FYI...

[uvojjala]

I have tried this new tooltip feature for specific date is working as intended
thanks so much for this.

I have few things to clarify:

1. nstead of tooltip can we display text on the specific date under the date?
2. is ngx-bootstrap/Calendar supports ADA Compliant and/or WCAG (https://www.w3.org/WAI/standards-guidelines/wcag/)  ?

thanks in advance!