dynamically change translation

I’d like to know if there is any way to dynamically change translations ?

I’ve tried using $.extend the language, then picker.render(true), it doesn’t work.

thanks in advance

[liitfr]

+1. I’ve found a workaround to make it reactive on meteor, here is the trick :

Template.formNewShift.onRendered(function formNewShiftOnRendered() {
  const $input = this.$('.datepicker').pickadate({
    selectMonths: true,
    selectYears: 2,
    format: TAPi18n.__('components.pickadate.format'),
    closeOnSelect: true,
    closeOnClear: true,
    max: new Date(),
    onSet(ele) {
      if (ele.select) {
        this.close();
      }
    },
  });
  const picker = $input.pickadate('picker');
  this.autorun(() => {
    picker.component.settings.monthsFull = _.map(TAPi18n.__('components.pickadate.monthsFull', { returnObjectTrees: true }), month => month);
    picker.component.settings.monthsShort = _.map(TAPi18n.__('components.pickadate.monthsShort', { returnObjectTrees: true }), month => month);
    picker.component.settings.weekdaysFull = _.map(TAPi18n.__('components.pickadate.weekdaysFull', { returnObjectTrees: true }), weekday => weekday);
    picker.component.settings.weekdaysShort = _.map(TAPi18n.__('components.pickadate.weekdaysShort', { returnObjectTrees: true }), weekday => weekday);
    picker.component.settings.today = TAPi18n.__('components.pickadate.today');
    picker.component.settings.clear = TAPi18n.__('components.pickadate.clear');
    picker.component.settings.close = TAPi18n.__('components.pickadate.close');
    picker.component.settings.firstDay = TAPi18n.__('components.pickadate.firstDay');
    picker.component.settings.format = TAPi18n.__('components.pickadate.format');
    picker.component.settings.labelMonthNext = TAPi18n.__('components.pickadate.labelMonthNext');
    picker.component.settings.labelMonthPrev = TAPi18n.__('components.pickadate.labelMonthPrev');
    picker.component.settings.labelMonthSelect = TAPi18n.__('components.pickadate.labelMonthSelect');
    picker.component.settings.labelYearSelect = TAPi18n.__('components.pickadate.labelYearSelect');
    picker.render();
  });
});

That said, I can read about component in API doc that :

This is the picker’s relative component constructor that builds the date or time picker. This API is in flux – so avoid using it for now.

Did you find a better solution ?

[Cerealkillerway]

I use the same method in my meteor apps: a template-level autorun loop to update the UI with translated strings;

more than that, I also set again the value to translate also the value shown in the input box: this.pickerInstance.set('select', value, {options});

(assuming “value” is the actual value of the input box)