Getting a language value from locale in a template about ember-i18n HOT 4 CLOSED

{{! somewhere in template }}
{{bootstrap-datepicker value=expiresAt language="de"}}

# components/holiday-row.js

import Component from '@ember/component';
import { inject as service } from '@ember/service';

export default Component.extend({
  i18n: service('i18n'),
  tagName: '',
  currentLanguage: '',

  init() {
    this._super(...arguments);
    this.currentLanguage = this.get('i18n').get('locale');
  },
...

# templates/components/holiday-rwo.hbs

{{bootstrap-datepicker value=holiday.date class='form-control' autoclose=true language=currentLanguage}}

# instance-initializers/i18n.js

export function initialize(applicationInstance) {
  let i18n = applicationInstance.lookup('service:i18n');
  let moment = applicationInstance.lookup('service:moment');
  let locale = calculateLocale(i18n.get('locales'));
  i18n.set('locale', locale);
  moment.setLocale(locale);
}

function calculateLocale(locales) {
  // whatever you do to pick a locale for the user:
  const language = navigator.languages[0] || navigator.language || navigator.userLanguage;

  return  locales.includes(language.toLowerCase()) ? language : 'en-GB';
}

export default {
  name: 'i18n',
  initialize
};