Telerik Forums
Kendo UI for Angular Forum
1 answer
14 views

To reproduce this issue please select your time zone as any time zone of US (eastern, central or pacific) select the date of date light saving change either the start or end of day light saving i.e the 2nd Sunday of March or November click on 4 am (or to be precise add your time zone offset to 2 am and click on any for example for eastern standard time any time from 2am to  7 am) it returns the wrong time. This can be observed for any kendo scheduler version from 2.1.6 to 15..1.0. 

The ideal behavior for any time after the change time i,e 2 am should return the value of the slot clicked but as of now it is incorrect for any value till 2+offest of the the time zone with day light saving. 

To reproduce this select a US time zone as mentioned (eastern, central or pacific) select 10th march 2024 or 3rd November 2024 and select 3am, 4 am , 5am etc. 

https://stackblitz.com/edit/angular-st2crm

Let me know if you need more details

Yanmario
Telerik team
 answered on 06 Mar 2024
0 answers
23 views

Not sure why, but when i use the kendo-datepicker anywhere in my application, datepicker header template is invisible. I tried with kendo-calender, header is visible initially, but on click of any date buttons or "Today" button it's hiding. Kindly assist soon. Am I missing something? Is there any event's that should be controlled? or can we resolve with styles? 

<kendo-datepicker></kendo-datepicker>

RAMAKRISHNAN
Top achievements
Rank 1
Iron
 updated question on 05 Mar 2024
1 answer
21 views

Hi,

We have a requirement, where we are using supporting internationalization for only date, numbers and currency. We do not want the calendar months to be displayed in local language. For example, when we set the LOCALE_ID, useValue: 'pt-PT', we don't want the calendar months to be displayed in Portugues. We want it to be SU, MO etc. Is this achievable?

 

Regards,

Jyothi

Martin
Telerik team
 answered on 13 Dec 2023
1 answer
55 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
535 views

The calendar popup is not getting closed even after selecting the date or clicking outside.

This is how I have integrated data picker in my component.

<kendo-datepicker *ngIf="formControl.allowEditing && !disabled && active" placeholder="mm/dd/yyyy"
    [formControlName] = "controlName" [min]="minDate" [max]="maxDate" [disabledDates]="disableDates" >
   

</kendo-datepicker>

 

 

Hetali
Telerik team
 answered on 05 Sep 2023
1 answer
49 views

In Calendar month view, can I adjust the start day of the week?

Setting Saturday as the first day of the week is an example.

https://stackblitz.com/edit/angular-vth9pa?file=src/app/app.component.ts

 

Hetali
Telerik team
 answered on 19 Jan 2023
1 answer
56 views

I can use the value but then when I click on the calendar it highlights only the day that was clicked... I don't want clicking on a value to highlight it.. I want the collection of highlighted dates to be left alone..  How would I do this  ? And how can I control the css for example.. Make the dates in the collection highlight with a blue font ..

 

<kendo-calendar (valueChange)="onChangeCalendarFilter($event)" [value]="trainingDates"
                       

selection="multiple"></kendo-calendar>

 

 

  //create array of date ranges from course dates
            for (let i = 0; i < this.trainingRequests.length; i++) {
                let startDate: Date = new Date(this.trainingRequests[i].sessionStartDate);
                let endDate: Date = new Date(this.trainingRequests[i].sessionEndDate);
                //create array of dates between start and end date
                for (var a = [], d = new Date(startDate); d <= new Date(endDate); d.setDate(d.getDate() + 1)) {
                    this.trainingDates.push(new Date(d));
                }
            }
Yanmario
Telerik team
 answered on 18 Aug 2022
0 answers
51 views

Hi, 

We are using the "kendo-calendar" in our application and are using IntlService.parseDate for parsing dates. This function ignores the twoDigitYearMax setting as the year 2029 is hardcoded in it. That means that any dates from 2030 and onward will be treated as 1930 and onward instead (when input using a 2-digits format mask)

 Given that 2030 is soon (noticeably closer than 1930), some of our customers are already entering delivery dates for that year.

 

The constant TWO_DIGIT_YEAR_MAX = 2029 in kendo-intl/src/dates/parse-date.js should be made configurable instead to avoid those problems.

IS there any possible way to achieve this? 

Kumeri
Top achievements
Rank 1
Iron
Veteran
 asked on 14 Jul 2022
1 answer
175 views
Is it possible to change day names (SU to SUN or MO to MON) in kendo angular calendar
Martin
Telerik team
 answered on 01 Jul 2022
0 answers
112 views

We started getting this error in our Angular app.  How can we fix this?  Have tried several different versions of kendo-angular-dateinputs - 4.4.1, 5.x, 6.0

core.js:6210 ERROR Error: Uncaught (in promise): TypeError: Cannot read properties of undefined (reading 'unsubscribe')
TypeError: Cannot read properties of undefined (reading 'unsubscribe')
    at CalendarComponent.ngOnDestroy (index.js:3841)
    at executeOnDestroys (core.js:7415)
    at cleanUpView (core.js:7318)
    at destroyViewTree (core.js:7151)
    at destroyLView (core.js:7296)
    at RootViewRef.destroy (core.js:22642)
    at ComponentRef$1.destroy (core.js:25182)
    at RouterOutlet.deactivate (router.js:5307)
    at ActivateRoutes.deactivateRouteAndOutlet (router.js:2072)
    at ActivateRoutes.deactivateRouteAndItsChildren (router.js:2050)
    at resolvePromise (zone-evergreen.js:798)
    at resolvePromise (zone-evergreen.js:750)
    at zone-evergreen.js:860
    at ZoneDelegate.invokeTask (zone-evergreen.js:399)
    at Object.onInvokeTask (core.js:28578)
    at ZoneDelegate.invokeTask (zone-evergreen.js:398)
    at Zone.runTask (zone-evergreen.js:167)
    at drainMicroTaskQueue (zone-evergreen.js:569)
Mike
Top achievements
Rank 1
 asked on 24 Jan 2022
Top users last month
Dominik
Top achievements
Rank 1
Giuliano
Top achievements
Rank 1
Dominic
Top achievements
Rank 1
Glendys
Top achievements
Rank 1
Iron
NoobMaster
Top achievements
Rank 2
Iron
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?