Telerik Forums
Kendo UI for Angular Forum
0 answers
42 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
124 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
113 views
How to disabled dates before today in kendo date range with date input?
0 answers
63 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
197 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
152 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
232 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
105 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
312 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
1 answer
363 views

We are localizing our application for the first time and have started to pull the key/translations from the yml files in @progress/kendo-angular-messages.

So far we have noticed that the en-US and fr-CA files are missing target values for the following:

  • kendo.chat.*
  • kendo.multiviewcalendar.*

If we run the command: "npx kendo-translate src/locale/messages.fr.xlf --locale fr-CA", the resulting file is missing target elements for meanings like kendo.chat.send and kendo.multiviewcalendar.today.

It looks like there are other missing packages as well like kendo.colorpicker.*, kendo.stepper.*, and kendo.tooltip.*.

This is a problem for us because we aren't using the Angular i18n built-in support.  Instead, we are using ngx-translate and have implemented our own MessagingService for the kendo strings, using the English files in the kendo-angular-messages as the source for the key/value pairings and for translation.  As a result, if the ids aren't in the yml files, we end up with keys displaying in our UI like this:

 

Would it be possible to update the kendo-angular-messages repo to contain all the strings, at least in English?

Dimiter Topalov
Telerik team
 answered on 29 Apr 2022
Narrow your results
Selected tags
Tags
+? more
Top users last month
Jay
Top achievements
Rank 3
Bronze
Iron
Iron
yw
Top achievements
Rank 2
Iron
Iron
Stefan
Top achievements
Rank 2
Iron
Iron
Iron
Kao Hung
Top achievements
Rank 1
Iron
Bohdan
Top achievements
Rank 2
Iron
Iron
Iron
Want to show your ninja superpower to fellow developers?
Top users last month
Jay
Top achievements
Rank 3
Bronze
Iron
Iron
yw
Top achievements
Rank 2
Iron
Iron
Stefan
Top achievements
Rank 2
Iron
Iron
Iron
Kao Hung
Top achievements
Rank 1
Iron
Bohdan
Top achievements
Rank 2
Iron
Iron
Iron
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?