Telerik Forums
Kendo UI for Angular Forum
1 answer
38 views
Hi Team,

I’m using Kendo UI for Angular (Angular 20) with the Kendo MultiViewCalendar along with Kendo Tooltip.

I have a custom month cell template where I’m showing indicators (like categories) and applying a tooltip using the title attribute. The tooltip works fine in general.

However, I’m facing an issue specifically with dates that fall inside the selected range (highlighted/red background). For these cells, the tooltip is not  (not visible / not triggering).

It seems like the range selection overlay or styling is preventing the tooltip from being triggered, possibly due to layering or pointer event limitations.

What I want:

I need to display a tooltip on those red (range-selected) date cells as well.

My question:

Is there any supported way or workaround to make tooltips work on dates that are inside the selected range in the MultiViewCalendar?

Any guidance would be really helpful.

Thanks!

Hetali
Telerik team
 answered on 22 Apr 2026
0 answers
206 views
I have a date list which is binding in kendo grid. I what to filter multiple date range like 1st January 2025 to 31st January 2025 and 1st May 2025 - 31st May 2025. Can kendo grid support multi date range filter? If support, then how to implement it.
3 answers
262 views

I’m working with the Kendo DateRange component and I need to disable future dates. I attempted to use [disabledDates]="dates", but this option is not available. How can I achieve this?





              <kendo-daterange>
                  <div class="col col-6 custDatePickerWidth">
                    <label>Created Date From</label>
                      <kendo-dateinput name="SearchDatePickerCreatedDateFrom" kendoDateRangeStartInput
                        formControlName="createdDateFrom" [format]="'MM/dd/yyyy'" placeholder="mm/dd/yyyy" [max]="maxDate">
                      </kendo-dateinput>
                  </div>
                  <span class="line">-</span>
                <div class="col col-6 custDatePickerWidth toDate">
                    <label>Created Date To</label>
                      <kendo-dateinput name="SearchDatePickerCreatedDateTo" kendoDateRangeEndInput formControlName="createdDateTo"
                        [format]="'MM/dd/yyyy'" placeholder="mm/dd/yyyy" [max]="maxDate">
                      </kendo-dateinput>
                </div>
              </kendo-daterange>

Hetali
Telerik team
 answered on 11 Sep 2024
1 answer
218 views
How to disabled dates before today in kendo date range with date input?
0 answers
101 views

Unable to display current month when setting selectionRange property value to future date range

Here is my requirement. Multiviewcalendar should display 12 months and first month should be current month. User selected a future date range.  In edit mode, highlighted user selected future date range in calendar by setting property [selectionRange]="userSelectedDateRange". Here the issue is calendar's first month is user selected future month. Not current month. Is there any fix to display current month and highlight selected future dates.

sravan
Top achievements
Rank 1
 updated question on 29 Jan 2024
0 answers
263 views

ERROR Error: Uncaught (in promise): NullInjectorError: R3InjectorError(Standalone[ReportsComponent])[MultiViewCalendarComponent -> MultiViewCalendarComponent -> MultiViewCalendarComponent -> MultiViewCalendarComponent]:
  NullInjectorError: No provider for MultiViewCalendarComponent!
NullInjectorError: R3InjectorError(Standalone[ReportsComponent])[MultiViewCalendarComponent -> MultiViewCalendarComponent -> MultiViewCalendarComponent -> MultiViewCalendarComponent]:
  NullInjectorError: No provider for MultiViewCalendarComponent!

 

Vikas
Top achievements
Rank 1
Iron
Iron
 asked on 20 Oct 2023
1 answer
250 views

I am using kendo Multiview calendar .I am expecting that when I click on any of the Weeknumber, complete week should be selected . Kindly help on this . Is there any click event available ?

Martin Bechev
Telerik team
 answered on 04 Oct 2023
1 answer
312 views

I am using kendo Multiview calendar . Current implementation is the start day of the week is from Sunday.
I need to make start day of the week as Monday .Kindly help on this

My sample code :

 <kendo-daterange>
                <div class="row">
                  <div class="col-md-6">
                    <kendo-floatinglabel text="Start">
                      <kendo-dateinput kendoDateRangeStartInput [min]="minDate" [(value)]="range.start"></kendo-dateinput>
                    </kendo-floatinglabel>
                  </div>
                  <div class="col-md-6">
                    <kendo-floatinglabel text="End">
                      <kendo-dateinput #endDateInput kendoDateRangeEndInput [max]="maxDate" [(value)]="range.end"></kendo-dateinput>
                    </kendo-floatinglabel>
                  </div>
                </div>
              
                <kendo-daterange-popup>
                  <ng-template kendoDateRangePopupTemplate>
                    <kendo-multiviewcalendar kendoDateRangeSelection [selectionRange]="range" [weekNumber]="true"
                      (selectionRangeChange)="handleSelectionRange($event)">
                
                      <ng-template kendoCalendarWeekNumberColumnTemplate  let-context="cellContext">
                        <span class="weeknumber-cell">{{context.formattedValue}}</span>
                      </ng-template>
                    </kendo-multiviewcalendar>
                  </ng-template>
              
                </kendo-daterange-popup>
    </kendo-daterange>

Martin Bechev
Telerik team
 answered on 04 Oct 2023
1 answer
154 views
I am using kendo-daterange component. I need to apply background color for the week number column since weeknumber column is greyed out more .

My pesudo code below:
--------------------
Styles :
-------
.weeknumber-cell{
    color : red;
}
------
<kendo-daterange>
<kendo-daterange-popup>
  <ng-template kendoDateRangePopupTemplate>
<kendo-multiviewcalendar kendoDateRangeSelection [selectionRange]="range" [weekNumber]="true"
  (selectionRangeChange)="handleSelectionRange($event)">
  <ng-template kendoCalendarWeekNumberCellTemplate let-context="cellContext">
<span class="weeknumber-cell">{{context.formattedValue}}</span>
  </ng-template>
</kendo-multiviewcalendar>
  </ng-template>
</kendo-daterange-popup>
</kendo-daterange>
Manjunath
Top achievements
Rank 1
Iron
 updated answer on 20 Sep 2023
1 answer
370 views
Is it possible to change day names (SU to SUN or MO to MON) in kendo angular calendar
Martin Bechev
Telerik team
 answered on 01 Jul 2022
Narrow your results
Selected tags
Tags
+? more
Top users last month
Jake
Top achievements
Rank 1
RBarnes
Top achievements
Rank 1
Iron
Iron
Rami
Top achievements
Rank 1
Iron
Veteran
Nathan
Top achievements
Rank 1
Kumeri
Top achievements
Rank 1
Iron
Veteran
Iron
Want to show your ninja superpower to fellow developers?
Top users last month
Jake
Top achievements
Rank 1
RBarnes
Top achievements
Rank 1
Iron
Iron
Rami
Top achievements
Rank 1
Iron
Veteran
Nathan
Top achievements
Rank 1
Kumeri
Top achievements
Rank 1
Iron
Veteran
Iron
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?