Change scheduler Language

How can i change all the scheduler language to Mx españish?

i try the guide on the site but its not working 

<ejs-schedule
#scheduleObj
width='100%'
cssClass='timeline-resource-grouping'
height='auto'
allowSwiping="false"
[selectedDate]="selectedDate"
[group]="group"
[workDays]="workDays"
[eventSettings]="eventSettings"
[timeScale]="timeScale"
[currentView]="currentView"
(actionComplete)="onActionComplete($event)"
(renderCell)="onRenderCell($event)"
(dataBound)="onDataBound()"
(popupOpen)="onPopupOpen($event)"
(dragStart)="onDragStart($event)"
(dragStop)="onDragStop($event)"
(eventRendered)="onEventRendered($event)"
(resizeStart)="onResizeStart($event)"
(resizeStop)="onResizeStop($event)"
[quickInfoOnSelectionEnd] = "true"
>
<ng-template #dateHeaderTemplate let-data>
<div class="date-text"></div>
<div [innerHTML]="getDateHeaderText(data.date)"></div>
</ng-template>
<ng-template #resourceHeaderTemplate let-data let-index>
<div style="height: 100%; display: flex; align-items: center; justify-content: start;">
<div [matMenuTriggerFor]="menu" class="btn btn-icon btn-custom btn-icon-muted">
<img class="thumbnail" *ngIf="isChildNode(data)" [src]="getIconClass(data.resourceData.text)" alt="{{data.resourceData.ImageName}}" style="height: 57px; width: 30px;" />
</div>

<mat-menu #menu="matMenu">
<ng-container *ngFor="let estatus of estatusArray">
<button (click)="onStatusChange(data.resourceData.text, estatus.Descripcion)" mat-menu-item>
<span>{{estatus.Descripcion}}</span>
</button>
</ng-container>
</mat-menu>

{{data.resourceData.text}}
</div>
</ng-template>

<e-resources>
<e-resource
field='ProjectId'
title='Choose Project'
[dataSource]='tipoHabGroupDataSource'
[allowMultiple]='allowMultiple'
name='Type'
textField='text'
idField='id'
colorField='color'
>
</e-resource>
<e-resource
field='TaskId'
title='Category'
[dataSource]='habitacionPorTipoDataSource'
[allowMultiple]='allowMultiple'
name='Rooms'
textField='text'
idField='id'
groupIDField='groupId'
colorField='color'
>
</e-resource>
</e-resources>
<e-views>
<e-view option="TimelineDay" [interval]="dayInterval"></e-view>
<e-view option="TimelineWeek"></e-view>
<e-view option="TimelineWorkWeek"></e-view>
<e-view option="TimelineMonth"></e-view>
</e-views>


</ejs-schedule>

1 Reply

SR Swathi Ravi Syncfusion Team October 28, 2024 12:36 PM UTC

Hi Arturo Martinez,
Thank you for contacting us. We’re glad to assist you with translating the Scheduler component.
For detailed guidance on translating the Scheduler, please refer to our comprehensive documentation:
Additionally, we’ve attached a sample in the language you requested, which should help you implement localization in your project.
Please feel free to reach out if you need further assistance.
Regards,
Swathi

Attachment: angularscheduleresmxlocale_9c1e443e.zip

Loader.
Up arrow icon