Cant seem to change the locale to any other language instead stuck in spanish

[younesnouri]

Checklist

• [X] I've looked through the README
• [X] I've verified that I am running react-big-schedule latest version.
• [ ] I've searched the existing issues and discussions for a similar question
• [ ] I've provided relevant code snippets or error messages
• [ ] I've included steps to reproduce the issue
• [ ] I've checked the browser console for any errors
• [ ] I've tested the issue with the latest version of react-big-schedule

Please make sure the question is worded well enough to be understood

I'm encountering an issue with the React Big Scheduler where the language/locale appears to be stuck in Spanish as Default, despite my attempts to change it to a different language, such as French. Here is my attempt to change it : import dayjs from 'dayjs'; import * as dayjsLocale from 'dayjs/locale/fr'; import quarterOfYear from 'dayjs/plugin/quarterOfYear'; import utc from 'dayjs/plugin/utc'; import weekday from 'dayjs/plugin/weekday'; import { RRuleSet, rrulestr } from 'rrule'; import config from '../config/scheduler'; import behaviors from '../helper/behaviors'; import { ViewType, CellUnit, DATE_FORMAT, DATETIME_FORMAT } from '../config/default';

dayjs.locale(dayjsLocale);

export default class SchedulerData { constructor(date = dayjs(), viewType = ViewType.Week, showAgenda = false, isEventPerspective = false, newConfig = undefined, newBehaviors = undefined,localeDayjs = dayjsLocale) { this.resources = []; this.events = []; this.eventGroups = []; this.eventGroupsAutoGenerated = true; this.viewType = viewType; this.cellUnit = viewType === ViewType.Day ? CellUnit.Hour : CellUnit.Day; this.showAgenda = showAgenda; this.isEventPerspective = isEventPerspective; this.resizing = false; this.scrollToSpecialDayjs = false; this.documentWidth = 0; this._shouldReloadViewType = false; this.localeDayjs = localeDayjs;

this.calendarPopoverLocale = undefined;
dayjs.extend(quarterOfYear);
dayjs.extend(weekday);
dayjs.extend(utc);
this.localeDayjs = dayjs;
this.config = newConfig === undefined ? config : { ...config, ...newConfig };
this._validateMinuteStep(this.config.minuteStep);
this.behaviors = newBehaviors === undefined ? behaviors : { ...behaviors, ...newBehaviors };
this._resolveDate(0, date);
this._createHeaders();
this._createRenderData();

}

setSchedulerLocale(fr) { if (!fr) return;

this.localeDayjs.locale(fr);
this._shouldReloadViewType = true;
this.setViewType(this.viewType, this.showAgenda, this.isEventPerspective);

}

setCalendarPopoverLocale(fr) { if (fr) { this.calendarPopoverLocale = fr; } }

[ansulagrawal]

@younesnouri can you create a sandbox or codepen for same and share it to me. I will check it and get back to you.