Kendo MultiView Calendar -I need to make the weekDay starts from Monday

1 Answer 207 Views
DateRange MultiViewCalendar
Manjunath
Top achievements
Rank 1
Iron
Manjunath asked on 01 Oct 2023, 05:43 AM

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>

1 Answer, 1 is accepted

Sort by
0
Martin Bechev
Telerik team
answered on 04 Oct 2023, 11:47 AM

Hi Manjunath,

By default, the starting day of the week is determined by the used locale (typically Monday or Sunday). In order to change it please checkout the following Knowlesge base article which shows a step by step instructions on that matter:

https://www.telerik.com/kendo-angular-ui/components/knowledge-base/change-first-day-week/

I hope this helps.

Regards,
Martin
Progress Telerik

Stay tuned by visiting our public roadmap and feedback portal pages! Or perhaps, if you are new to our Kendo family, check out our getting started resources
Tags
DateRange MultiViewCalendar
Asked by
Manjunath
Top achievements
Rank 1
Iron
Answers by
Martin Bechev
Telerik team
Share this question
or