Header dateFormat doesn't apply to HEADER_ITEMS.DATE

Hi,

I configured my header with clock on left side an date on right side, see code below:

header: { // https://github.com/resoai/TileBoard/wiki/Header-configuration
    styles: {
      padding: '10px 130px 0',
      fontSize: '48px'
    },
    right: [
      {
        type: HEADER_ITEMS.DATE,
        dateFormat: 'EEEE, d. MMMM', //https://docs.angularjs.org/api/ng/filter/date
      }
    ],
    left: [
      {
        type: HEADER_ITEMS.TIME,
      }
    ]
  },

For this configuration date should be Monday, 7. January, but it shows as the default Monday, January 07.

When I switch to HEADER_ITEMS.DATETIME it is applyed correct:

header: { // https://github.com/resoai/TileBoard/wiki/Header-configuration
    styles: {
      padding: '10px 130px 0',
      fontSize: '48px'
    },
    right: [
      {
        type: HEADER_ITEMS.DATETIME,
        dateFormat: 'EEEE, d. MMMM', //https://docs.angularjs.org/api/ng/filter/date
      }
    ],
    left: [
      {
        type: HEADER_ITEMS.TIME,
      }
    ]
  },

(please ignor that shitty layout with datetime, it’s caused by my css config)

Second, not issue related question, is it possible to change language of date / datetime ? I would like to use it in german…

Thanks in advance 😃

[rchl]

Please see the locale option. It’s documented in the readme.

[resoai]

For HEADER_ITEMS.DATE you need to specify format and not dateFormat. You can localise Angular by including this file:

<script src="includes/angular-locale_de-de.js"></script>

https://github.com/angular/bower-angular-i18n/blob/master/angular-locale_de-de.js