Hello,

I need a Calendar component which would allow me to select a single date, multiple dates or a date range.

I see this feature is available on the Vue Calendar component :

https://www.telerik.com/kendo-vue-ui/components/dateinputs/calendar/dates/#toc-setting-the-selected-date

However, it's not mentioned in the Angular one :

https://www.telerik.com/kendo-angular-ui/components/dateinputs/calendar/dates/#toc-selected-dates)

Could you please confirm wether this feature is accessible on both Frameworks or only on Vue ?

This will determine whether or not I'm going to use Kendo UI in my next project.

Thank you in advance.

Best regards.

Hi Team,

Thank you in advance in helping me with this issue.

In my project we are using the Kendo Upload control and its working as expected except one issue.

Issue:

If I drag a file and drop the same only single file is getting uploaded as (multiple set to false) but for the same single file api receiving two calls with same file name, which is causing duplicate entries in data base.

Note: This issue is happening only when I delete the uploaded file and refresh the form and then drag a file and drop it, also in the html we have two kendo-uploaddropzone controls along with kendo-upload, one for intial case where data is not available and other when data is available.

 <div *ngIf="currentAttachment && !currentAttachment.isDeleted" class="file-info-container">

 <kendo-uploaddropzone zoneId="singleUploadZone">
            <div class="text-container">
                <p>{{displayText1}}</p>
                <p>
                    {{displayText2}}
                    <a class="open-file-dialog-link" [class.disabled]="to.disabled" (click)="!to.disabled && startUploadFile(uploader)">{{displayText3}}</a>
                    {{displayText4}}
                </p>
            </div>

            <kendo-upload #uploader
                          [multiple]="false"
                          [restrictions]="restrictions"
                          [saveUrl]="uploadUrl"
                          [autoUpload]="true"
                          (success)="onSuccess($event)"
                          (error)="onError($event)"
                          (select)="uploadInfoSelect($event)"
                          [disabled]="to.disabled"
                          zoneId ="singleUploadZone"
                          kendoFileUpload>
                <kendo-upload-messages select="" [dropFilesHere]="displayText">
                </kendo-upload-messages>
            </kendo-upload>
        </kendo-uploaddropzone>

/>

 <div *ngIf="currentAttachment && !currentAttachment.isDeleted" class="file-info-container">

   <kendo-uploaddropzone zoneId="singleUploadZoneWithData">
            <div class="row">
                <div class="col-12">
                    <div class="text-container">
                        <p>{{displayText1}}</p>
                        <p>
                            {{displayText2}}
                            <a class="open-file-dialog-link" [class.disabled]="to.disabled" (click)="!to.disabled && startUploadFile(uploader)">{{displayText3}}</a>
                            {{displayText4}}
                        </p>
                    </div>
                    <kendo-upload #uploader
                                  [multiple]="to.multiple"
                                  [restrictions]="restrictions"
                                  [showFileList]="false"
                                  [saveUrl]="uploadUrl"
                                  [autoUpload]="true"
                                  (success)="onSuccess($event)"
                                  (error)="onError($event)"
                                  [disabled]="to.disabled"
                                  zoneId ="singleUploadZoneWithData"
                                  kendoFileUpload>
                    </kendo-upload>
                </div>
            </div>
        </kendo-uploaddropzone>

.ts

this function is called twice even though only one file is selected.
    public uploadInfoSelect(data) {
        console.log(data);
    }

/>

Hello,

Automcomplete html 

 data is binded from array of object

, when valueChange event is fired ,only receive valueField data in valueChange event. I need object of selected item in valueChange event.

please check out this stackbiz demo.

AutoComplete

Hi there!

We're using the date range component in our current project and we found a weird behavior when OnPush change detection is enabled.

The focus get lost from the start date input as you type the first digit of the year.

I've created an app in stackbliz to reproduce it: https://stackblitz.com/edit/angular-kendo-daterange?file=app/app.component.ts

I hope you can help us with this as it's quite annoying and we can't find a proper way to fix it.

Hi there,

My grid has a footer with input fields and a formgroup. If you click anywhere in the grid (including the header) and then click on the footer input, the input field is focused but once you begin to type, it is no longer focused and doesn't register any input. If you click in the grid and then click on any part of the screen outside of the grid, and then click into the textbox, it allows you to edit. Why is clicking on the grid preventing editing in the footer? How can I fix this?

Hello everyone,

I'm having an issue with expanded grid details. I have a collapseAll method with a forEach inside that iterates every item that loads in my grid and uses collapseRow to close them on load.

Now this works for page 1, but if I move to page 2 and decide to expand any details , then I switch back to page 1 and return to 2, the grid details remain expanded when they should collapse since I have a call to collapseAll on pageLoad method. Is there some index issue that fails to capture indexes outside of page1?

we need the copy and paste feature in grid

copy the data form one row and then create the new row , paste the data in row 

I know you can use kendoSchedulerTimeSlotTemplate like below, but this will apply text to all slots, and it doesn't have any access to the resource/grouping information, only date information is available?

<ng-template kendoSchedulerAllDaySlotTemplate let-date="date">

    <strong>{{ date | kendoDate }}</strong>

</ng-template>

Is it possible set slot text on specific slot only like attached image? 

Hi ,
Thanks for your rsponse of my query .
As of now ,We are using many of the kendo grid features like sorting,filtering,searching,paging,show hide menus with Kendo grid .At present ,our team is using the Kendo trail version and plan to buying the kendo licene shortly.
I need a quick help for my below queries.

1) As of now ,I am trying to paste my records from one column to another column in kendo grid by using Angular.
At present ,this feature is available in JQuery but not in Angular.I am looking for the same feature from Angular 
with in the KendoGrid.Kindly share me the estimated arrival date if your team is working on it .
Find the reference below for the JQuery.

https://docs.telerik.com/kendo-ui/knowledge-base/grid-copy-columns-from-excel-paste-on-selected-columns

2) The other way is to use the Kendo UI widgets for jQuery together with Kendo UI components for Angular in Angular projects, include only components that have no counterpart in the Angular suite.If I follow this approach do i need to change the existing code otherwise it supports backward compatiablity with Angular.For your reference ,find the URL below for this approach.

https://www.telerik.com/kendo-angular-ui/components/framework/kendo-jquery/

3) Third approach is customise the paste event inside the grid by using context menu options .
Inwhich ,I can go use the cell click event on paste in to the grid.This case only one cell copy is possible .So,suggest me how to copy and paste multiple cell values over the Kendogrid.

Please share your answers and ETA as our team is in the development mode now .
Thanks and Regards,
Kamaraj.P