Event Timeline - Localization
Translate and localize the Event Timeline for users around the world.
The default locale of MUI X is English (United States). To use other locales, follow the instructions below.
Translation keys
You can use the localeText prop to pass in your own text and translations.
You can find all the translation keys supported in the source
in the GitHub repository.
In the following example, the resource column header and loading text are customized.
Team member
Customer Success
Design
DevOps
Engineering
Finance
HR
Marketing
Product
QA
Sales
Onboarding Process Redesign
Customer Health Score Implementation
QBR Season
Renewal Campaign
Customer Advisory Board
NPS Survey & Analysis
Success Playbook Update
Year-End Customer Appreciation
Dashboard Redesign
Mobile App UI/UX
Design System Update V2
Onboarding Flow Redesign
Icon Library Refresh
Enterprise Theme
Dark Mode Implementation
Accessibility Improvements
Component Library V3
Admin Panel Redesign
Email Templates
Marketing Website Refresh
Illustration Library
Motion Design Guidelines
Brand Evolution
Infrastructure Assessment
Kubernetes Migration
CI/CD Pipeline Overhaul
Monitoring & Alerting Setup
Disaster Recovery Planning
Security Infrastructure
Multi-Region Deployment
Cost Optimization
Auto-Scaling Implementation
Infrastructure as Code
Analytics Dashboard Development
Technical Debt Sprint
Code Review Week
Mobile App Backend
Documentation Sprint
API V3 Development
Hackathon Week
Performance Optimization Sprint
Security Hardening
Tech Stack Evaluation
Platform Rewrite Phase 1
Migration Planning
Platform Rewrite Phase 2
Load Testing
AI Feature Integration
Dependency Updates
Marketplace Development
CI/CD Improvements
Self-Service Portal
Year-End Code Freeze
Q2 Financial Close
Q3 Financial Close
Annual Budget Planning
Year-End Financial Close
Q1 2026 Budget Review
Q1 2026 Financial Close
Q3 Hiring Sprint
Performance Review Cycle
Benefits Open Enrollment
Compensation Review
Year-End Bonuses
Q1 2026 Hiring
Training & Development Program
Employee Engagement Survey
Q3 Campaign Planning
Product Launch: Analytics
Conference Season Prep
Mobile App Launch Campaign
Q4 Campaign Planning
Holiday Campaign
Year-End Review
Q1 2026 Planning
Brand Refresh Campaign
Spring Launch Campaign
Partnership Announcements
Annual Conference
Q3 Strategic Planning
Roadmap Review & Prioritization
Customer Research Synthesis
Feature Specification: Analytics Dashboard
Mobile App PRD
API V3 Specification
Integration Partners Requirements
Q4 Planning Preparation
Q4 Strategic Planning
Annual Review Documentation
Enterprise Features PRD
Security Audit Planning
2026 Roadmap Draft
Q1 Kickoff & Goal Setting
AI Features Specification
Platform Redesign PRD
Accessibility Audit Review
Performance Benchmarks
Q2 Planning Sprint
Customer Advisory Board Prep
Marketplace Strategy
Self-Service Portal PRD
Analytics Revamp Planning
H2 2026 Roadmap
Mid-Year Review
Analytics Dashboard Testing
Mobile App Testing
API V3 Testing
Integration Testing Phase
Security Testing
Regression Testing
Platform V2 Testing
Performance Testing
AI Feature Testing
Marketplace Testing
Self-Service Portal Testing
Year-End Release Testing
Q3 Quota Setting
Enterprise Sales Training
Partner Program Launch
Q4 Quota Setting
End of Year Push
Year-End Deals Closing
Q1 2026 Planning
New Product Training
Q2 Kickoff
Annual Sales Summit
Locale text
You can use the theme to configure the locale text and replace the default locale:
import { createTheme, ThemeProvider } from '@mui/material/styles';
import { EventTimelinePremium } from '@mui/x-scheduler-premium/event-timeline-premium';
import { frFR } from '@mui/x-scheduler/locales';
// Or import { frFR } from '@mui/x-scheduler-premium/locales';
const theme = createTheme(
{
palette: {
primary: { main: '#1976d2' },
},
},
frFR,
);
<ThemeProvider theme={theme}>
<EventTimelinePremium />
</ThemeProvider>;
The createTheme() function accepts any number of arguments.
If you are already using the translations of the core components, you can add frFR as a new argument.
import { createTheme, ThemeProvider } from '@mui/material/styles';
import { EventTimelinePremium } from '@mui/x-scheduler-premium/event-timeline-premium';
import { frFR } from '@mui/x-scheduler/locales';
import { frFR as pickersFrFR } from '@mui/x-date-pickers/locales';
import { frFR as coreFrFR } from '@mui/material/locale';
const theme = createTheme(
{
palette: {
primary: { main: '#1976d2' },
},
},
frFR, // x-scheduler translations
pickersFrFR, // x-date-pickers translations
coreFrFR, // core translations
);
<ThemeProvider theme={theme}>
<EventTimelinePremium />
</ThemeProvider>;
If you want to pass language translations directly to the Event Timeline without using createTheme() and ThemeProvider, you can directly load the language translations from @mui/x-scheduler/locales.
import { EventTimelinePremium } from '@mui/x-scheduler-premium/event-timeline-premium';
import { frFR } from '@mui/x-scheduler/locales';
<EventTimelinePremium
localeText={frFR.components.MuiEventTimeline.defaultProps.localeText}
/>;
Titre de la ressource
Customer Success
Design
DevOps
Engineering
Finance
HR
Marketing
Product
QA
Sales
Onboarding Process Redesign
Customer Health Score Implementation
QBR Season
Renewal Campaign
Customer Advisory Board
NPS Survey & Analysis
Success Playbook Update
Year-End Customer Appreciation
Dashboard Redesign
Mobile App UI/UX
Design System Update V2
Onboarding Flow Redesign
Icon Library Refresh
Enterprise Theme
Dark Mode Implementation
Accessibility Improvements
Component Library V3
Admin Panel Redesign
Email Templates
Marketing Website Refresh
Illustration Library
Motion Design Guidelines
Brand Evolution
Infrastructure Assessment
Kubernetes Migration
CI/CD Pipeline Overhaul
Monitoring & Alerting Setup
Disaster Recovery Planning
Security Infrastructure
Multi-Region Deployment
Cost Optimization
Auto-Scaling Implementation
Infrastructure as Code
Analytics Dashboard Development
Technical Debt Sprint
Code Review Week
Mobile App Backend
Documentation Sprint
API V3 Development
Hackathon Week
Performance Optimization Sprint
Security Hardening
Tech Stack Evaluation
Platform Rewrite Phase 1
Migration Planning
Platform Rewrite Phase 2
Load Testing
AI Feature Integration
Dependency Updates
Marketplace Development
CI/CD Improvements
Self-Service Portal
Year-End Code Freeze
Q2 Financial Close
Q3 Financial Close
Annual Budget Planning
Year-End Financial Close
Q1 2026 Budget Review
Q1 2026 Financial Close
Q3 Hiring Sprint
Performance Review Cycle
Benefits Open Enrollment
Compensation Review
Year-End Bonuses
Q1 2026 Hiring
Training & Development Program
Employee Engagement Survey
Q3 Campaign Planning
Product Launch: Analytics
Conference Season Prep
Mobile App Launch Campaign
Q4 Campaign Planning
Holiday Campaign
Year-End Review
Q1 2026 Planning
Brand Refresh Campaign
Spring Launch Campaign
Partnership Announcements
Annual Conference
Q3 Strategic Planning
Roadmap Review & Prioritization
Customer Research Synthesis
Feature Specification: Analytics Dashboard
Mobile App PRD
API V3 Specification
Integration Partners Requirements
Q4 Planning Preparation
Q4 Strategic Planning
Annual Review Documentation
Enterprise Features PRD
Security Audit Planning
2026 Roadmap Draft
Q1 Kickoff & Goal Setting
AI Features Specification
Platform Redesign PRD
Accessibility Audit Review
Performance Benchmarks
Q2 Planning Sprint
Customer Advisory Board Prep
Marketplace Strategy
Self-Service Portal PRD
Analytics Revamp Planning
H2 2026 Roadmap
Mid-Year Review
Analytics Dashboard Testing
Mobile App Testing
API V3 Testing
Integration Testing Phase
Security Testing
Regression Testing
Platform V2 Testing
Performance Testing
AI Feature Testing
Marketplace Testing
Self-Service Portal Testing
Year-End Release Testing
Q3 Quota Setting
Enterprise Sales Training
Partner Program Launch
Q4 Quota Setting
End of Year Push
Year-End Deals Closing
Q1 2026 Planning
New Product Training
Q2 Kickoff
Annual Sales Summit
Date locale
The localeText prop only translates the UI labels (button text, menu items, etc.).
To also translate formatted dates (day names, month names, and week start day), pass a date-fns locale object.
Use the createDateLocaleTheme helper to set the date locale globally via the theme, alongside localeText translations:
import { createTheme, ThemeProvider } from '@mui/material/styles';
import { fr } from 'date-fns/locale/fr';
import { frFR, createDateLocaleTheme } from '@mui/x-scheduler/locales';
import { EventTimelinePremium } from '@mui/x-scheduler-premium/event-timeline-premium';
const theme = createTheme(
{
palette: {
primary: { main: '#1976d2' },
},
},
frFR,
createDateLocaleTheme(fr),
);
<ThemeProvider theme={theme}>
<EventTimelinePremium />
</ThemeProvider>;
You can also pass the dateLocale prop directly to the component to override the theme value or avoid using a theme:
import { fr } from 'date-fns/locale/fr';
import { EventTimelinePremium } from '@mui/x-scheduler-premium/event-timeline-premium';
<EventTimelinePremium dateLocale={fr} />;
Titre de la ressource
Customer Success
Design
DevOps
Engineering
Finance
HR
Marketing
Product
QA
Sales
Onboarding Process Redesign
Customer Health Score Implementation
QBR Season
Renewal Campaign
Customer Advisory Board
NPS Survey & Analysis
Success Playbook Update
Year-End Customer Appreciation
Dashboard Redesign
Mobile App UI/UX
Design System Update V2
Onboarding Flow Redesign
Icon Library Refresh
Enterprise Theme
Dark Mode Implementation
Accessibility Improvements
Component Library V3
Admin Panel Redesign
Email Templates
Marketing Website Refresh
Illustration Library
Motion Design Guidelines
Brand Evolution
Infrastructure Assessment
Kubernetes Migration
CI/CD Pipeline Overhaul
Monitoring & Alerting Setup
Disaster Recovery Planning
Security Infrastructure
Multi-Region Deployment
Cost Optimization
Auto-Scaling Implementation
Infrastructure as Code
Analytics Dashboard Development
Technical Debt Sprint
Code Review Week
Mobile App Backend
Documentation Sprint
API V3 Development
Hackathon Week
Performance Optimization Sprint
Security Hardening
Tech Stack Evaluation
Platform Rewrite Phase 1
Migration Planning
Platform Rewrite Phase 2
Load Testing
AI Feature Integration
Dependency Updates
Marketplace Development
CI/CD Improvements
Self-Service Portal
Year-End Code Freeze
Q2 Financial Close
Q3 Financial Close
Annual Budget Planning
Year-End Financial Close
Q1 2026 Budget Review
Q1 2026 Financial Close
Q3 Hiring Sprint
Performance Review Cycle
Benefits Open Enrollment
Compensation Review
Year-End Bonuses
Q1 2026 Hiring
Training & Development Program
Employee Engagement Survey
Q3 Campaign Planning
Product Launch: Analytics
Conference Season Prep
Mobile App Launch Campaign
Q4 Campaign Planning
Holiday Campaign
Year-End Review
Q1 2026 Planning
Brand Refresh Campaign
Spring Launch Campaign
Partnership Announcements
Annual Conference
Q3 Strategic Planning
Roadmap Review & Prioritization
Customer Research Synthesis
Feature Specification: Analytics Dashboard
Mobile App PRD
API V3 Specification
Integration Partners Requirements
Q4 Planning Preparation
Q4 Strategic Planning
Annual Review Documentation
Enterprise Features PRD
Security Audit Planning
2026 Roadmap Draft
Q1 Kickoff & Goal Setting
AI Features Specification
Platform Redesign PRD
Accessibility Audit Review
Performance Benchmarks
Q2 Planning Sprint
Customer Advisory Board Prep
Marketplace Strategy
Self-Service Portal PRD
Analytics Revamp Planning
H2 2026 Roadmap
Mid-Year Review
Analytics Dashboard Testing
Mobile App Testing
API V3 Testing
Integration Testing Phase
Security Testing
Regression Testing
Platform V2 Testing
Performance Testing
AI Feature Testing
Marketplace Testing
Self-Service Portal Testing
Year-End Release Testing
Q3 Quota Setting
Enterprise Sales Training
Partner Program Launch
Q4 Quota Setting
End of Year Push
Year-End Deals Closing
Q1 2026 Planning
New Product Training
Q2 Kickoff
Annual Sales Summit
Supported locales
You can find the source in the GitHub repository.
| Locale | BCP 47 language tag | Import name | Completion | Source file |
|---|---|---|---|---|
| Arabic (Sudan) | ar-SD | arSD | 0/87 | Edit |
| Armenian | hy-AM | hyAM | 0/87 | Edit |
| Bangla | bn-BD | bnBD | 0/87 | Edit |
| Belarusian | be-BY | beBY | 0/87 | Edit |
| Bulgarian | bg-BG | bgBG | 0/87 | Edit |
| Catalan | ca-ES | caES | 0/87 | Edit |
| Chinese (Hong Kong) | zh-HK | zhHK | 0/87 | Edit |
| Chinese (Simplified) | zh-CN | zhCN | 0/87 | Edit |
| Chinese (Taiwan) | zh-TW | zhTW | 0/87 | Edit |
| Croatian | hr-HR | hrHR | 0/87 | Edit |
| Czech | cs-CZ | csCZ | 0/87 | Edit |
| Danish | da-DK | daDK | 0/87 | Edit |
| Dutch | nl-NL | nlNL | 0/87 | Edit |
| Finnish | fi-FI | fiFI | 0/87 | Edit |
| French | fr-FR | frFR | Done 🎉 | Edit |
| German | de-DE | deDE | Done 🎉 | Edit |
| Greek | el-GR | elGR | 0/87 | Edit |
| Hebrew | he-IL | heIL | 0/87 | Edit |
| Hungarian | hu-HU | huHU | 0/87 | Edit |
| Icelandic | is-IS | isIS | 0/87 | Edit |
| Indonesian | id-ID | idID | 0/87 | Edit |
| Italian | it-IT | itIT | Done 🎉 | Edit |
| Japanese | ja-JP | jaJP | 0/87 | Edit |
| Korean | ko-KR | koKR | 0/87 | Edit |
| Norwegian (Bokmål) | nb-NO | nbNO | Done 🎉 | Edit |
| Norwegian (Nynorsk) | nn-NO | nnNO | 0/87 | Edit |
| Persian | fa-IR | faIR | 0/87 | Edit |
| Polish | pl-PL | plPL | 0/87 | Edit |
| Portuguese | pt-PT | ptPT | Done 🎉 | Edit |
| Portuguese (Brazil) | pt-BR | ptBR | Done 🎉 | Edit |
| Romanian | ro-RO | roRO | Done 🎉 | Edit |
| Russian | ru-RU | ruRU | 0/87 | Edit |
| Slovak | sk-SK | skSK | 0/87 | Edit |
| Spanish | es-ES | esES | Done 🎉 | Edit |
| Swedish | sv-SE | svSE | 0/87 | Edit |
| Thai | th-TH | thTH | 0/87 | Edit |
| Turkish | tr-TR | trTR | 0/87 | Edit |
| Ukrainian | uk-UA | ukUA | 0/87 | Edit |
| Urdu (Pakistan) | ur-PK | urPK | 0/87 | Edit |
| Vietnamese | vi-VN | viVN | 0/87 | Edit |
To create your own translation or to customize the English text, copy this file to your project, make any changes needed and import the locale from there. These translations of the Scheduler component depend on the Localization strategy of the whole library.
API
See the documentation below for a complete reference to all of the props and classes available to the components mentioned here.