I am using the above date filter in a custom filter component. I want to have the 1st filter be gte, and the second fitler be lte. However, I cannot seem to get it to default this way - any default operator I give it applies to both filters

I'm receiving the following error using v18.0.1

Error: ../node_modules/@progress/kendo-date-math/dist/npm/tz/zoned-date.d.ts:38:22 - error TS2420: Class 'ZonedDate' incorrectly implements interface 'Date'. Type 'ZonedDate' is missing the following properties from type 'Date': MonthNames, MonthNamesShort, DayNames, DayNamesShort, and 27 more.

Here is my package.json:

{
  "name": "workbench",
  "version": "2.7.9",
  "scripts": {
    "ng": "ng",
    "start": "ng serve --configuration development",
    "build": "ng build",
    "build-prod": "ng build --configuration production --output-hashing=all --source-map=false",
    "build:ssr": "ng run WebApplication1:server:dev",
    "test": "ng test",
    "lint": "ng lint",
    "e2e": "ng e2e"
  },
  "private": true,
  "dependencies": {
    "@angular/animations": "^18.0.0",
    "@angular/cdk": "^18.0.0",
    "@angular/common": "^18.0.0",
    "@angular/compiler": "^18.0.0",
    "@angular/core": "^18.0.0",
    "@angular/forms": "^18.0.0",
    "@angular/material": "^18.0.0",
    "@angular/platform-browser": "^18.0.0",
    "@angular/platform-browser-dynamic": "^18.0.0",
    "@angular/router": "^18.0.0",
    "@ngx-formly/core": "^6.3.7",
    "@ngx-formly/material": "^6.3.7",
    "@ngx-formly/schematics": "^6.3.7",
    "@progress/kendo-angular-grid": "^18.1.0",
    "@progress/kendo-angular-layout": "^18.1.0",
    "@progress/kendo-licensing": "^1.4.0",
    "@progress/kendo-theme-material": "^10.2.0",
    "ag-grid-angular": "^32.2.1",
    "ag-grid-community": "^32.2.1",
    "bootstrap": "^5.3.3",
    "jquery": "3.7.1",
    "material-design-icons": "^3.0.1",
    "rxjs": "~7.8.0",
    "tslib": "^2.3.0",
    "zone.js": "~0.14.3"
  },
  "devDependencies": {
    "@angular-devkit/build-angular": "^18.0.1",
    "@angular/cli": "^18.0.1",
    "@angular/compiler-cli": "^18.0.0",
    "@angular/localize": "^18.2.6",
    "@types/jasmine": "~5.1.4",
    "jasmine-core": "~5.3.0",
    "karma": "~6.4.4",
    "karma-coverage": "~2.2.1",
    "karma-jasmine": "~5.1.0",
    "karma-jasmine-html-reporter": "~2.1.0",
    "typescript": "~5.4.2"
  }
}

I tried deleting package.lock.json and running npm i to no avail. If I remove the implementation of Date for ZonedDate, it compiles but I don't have the ability to update the node_modules files in the CI/CD pipeline.

Any ideas would be appreciated. Thank you

Hi,

My npm upgrade command fails with some errors when I try to upgrade kendo-angular from 16.8 to 17.0.

my packages:

"@progress/kendo-angular-buttons": "17.0.0",
"@progress/kendo-angular-charts": "17.0.0",
"@progress/kendo-angular-common": "17.0.0",
"@progress/kendo-angular-dateinputs": "17.0.0",
"@progress/kendo-angular-dialog": "17.0.0",
"@progress/kendo-angular-dropdowns": "17.0.0",
"@progress/kendo-angular-editor": "17.0.0",
"@progress/kendo-angular-excel-export": "17.0.0",
"@progress/kendo-angular-gauges": "17.0.0",
"@progress/kendo-angular-grid": "17.0.0",
"@progress/kendo-angular-inputs": "17.0.0",
"@progress/kendo-angular-intl": "17.0.0",
"@progress/kendo-angular-l10n": "17.0.0",
"@progress/kendo-angular-label": "17.0.0",
"@progress/kendo-angular-layout": "17.0.0",
"@progress/kendo-angular-menu": "17.0.0",
"@progress/kendo-angular-pager": "17.0.0",
"@progress/kendo-angular-pdf-export": "17.0.0",
"@progress/kendo-angular-popup": "17.0.0",
"@progress/kendo-angular-progressbar": "17.0.0",
"@progress/kendo-angular-scheduler": "17.0.0",
"@progress/kendo-angular-scrollview": "17.0.0",
"@progress/kendo-angular-sortable": "17.0.0",
"@progress/kendo-angular-toolbar": "17.0.0",
"@progress/kendo-angular-treelist": "17.0.0",
"@progress/kendo-angular-treeview": "17.0.0",
"@progress/kendo-angular-upload": "17.0.0",
"@progress/kendo-data-query": "1.7.0",
"@progress/kendo-date-math": "1.5.13",
"@progress/kendo-drawing": "1.21.0",
"@progress/kendo-font-icons": "3.0.0",
"@progress/kendo-licensing": "1.3.5",
"@progress/kendo-recurrence": "1.0.3",
"@progress/kendo-theme-default": "8.0.1"

Hello!  I am having difficulty with the following scenario:  I have an array of objects that I'm displaying in my UI in the form of a table.  On my table I have the following columns: Name (string), PreferenceLevel (number), IsActive (bool).  I am using an *ngFor="let item of items" to render all of the table data.  The name looks great, as does the isActive,. For IsActive I am using a kendo-checkbox like this:

<kendo-checkbox [checkedState]="item.isActive" [(ngModel)]="item.isActive"></kendo-checkbox>

and it seems to render as checked or unchecked well based on the boolean that is coming across.

My Preference Level column is another story.  I have 4 preference levels based on 4 integers: 0,1,2,3.  I would like to have a radio button as the UI for this column, but cannot seem to get them to represent the data that is coming through.  Here's what I have:

<span style="padding-left:5px;">
  <kendo-radiobutton #radio0 value=0  [(ngModel)]="item.preferenceLevel"></kendo-radiobutton>
  <kendo-label class="k-radio-label" [for]="radio0" text="None"></kendo-label>
  <kendo-radiobutton #radio1 value=1  [(ngModel)]="item.preferenceLevel"></kendo-radiobutton>
  <kendo-label class="k-radio-label" [for]="radio1" text="+1"></kendo-label>
  <kendo-radiobutton #radio2 value=2  [(ngModel)]="item.preferenceLevel"></kendo-radiobutton>
  <kendo-label class="k-radio-label" [for]="radio2" text="+2"></kendo-label>
  <kendo-radiobutton #radio3 value=3  [(ngModel)]="item.preferenceLevel"></kendo-radiobutton>
  <kendo-label class="k-radio-label" [for]="radio3" text="+3"></kendo-label>
</span>

Perhaps I need to assign a checkedState or checked attribute in there like I did for the check box, but I can't figure out how to do it for the radio button.  Or perhaps the radio buttons can only process string values? (I saw only string examples in your documentation) There is nothing checked in my table with my markup as is above, though.  Please advise.

I am struggling to find a way to drag and drop multiple rows. If they are non-contiguous i would just put them all together and drop them at the drop target. I'm experimenting with the new RowReordering but cant seem to find a way to have the RowReorderEvent to contain more than one data item.  Perhaps this is not the way to go about it so if someone could point me in the right direction that would be great!

NOTE: I have a method for doing this using a wrapper and the drag/drop API, but then i can't get the line indicator to visually show where the rows are being dropped. 

I would live with either method above as long as I can drag/drop multiple with an indicator...

We're using kendo-angular-grid": "15.5.0"

This page https://www.telerik.com/kendo-angular-ui/components/grid/selection/persisting refers to a property called rangeEndKey but it does not exist on SelectionEvent

Property 'rangeEndKey' does not exist on type 'SelectionEvent'

I can't find in mentioned in the changelog https://www.telerik.com/kendo-angular-ui/components/changelogs/kendo-angular-ui

Hello,

we are updating an angular application from angular 16 ant Kendo UI 14

All the update worked fine and actually we are in angular 18 and Kendo UI 16

Now if I try to update KendoUI to version 18.1.0 (the lastone) all telerik controller became "unknown".

I have tried clear the node_modules folder, clear angular cache, restarted visual studio code...but never.

Now we are back to Angular 18/Kendo UI 16.

Thanks for any helps or idea

Maurizio

Hello Kendo team, 

Can you please help me fix this export issue, where in if I export with a lot of data, the first page is not having all the columns of data.

Please have a look at the stackblitz

https://stackblitz.com/edit/angular-znla2i-f7gggwxy.

If I click on Export Big, the first page is having only first column, expected result is to have all the columns.