Angular Material 2 Date Adapter for Moment JS (German only)

moment-date-adapter.de.ts

import { DateAdapter, MdDateFormats } from '@angular/material';
import * as moment from 'moment';

// MomentJS
// http://momentjs.com/docs/

const MONTHS = {
	'long': ['Januar', 'Februar', 'März', 'April', 'Mai', 'Juni', 'Juli', 'August', 'September', 'Oktober', 'November', 'Dezember'],
	'short': ['Jan', 'Feb', 'Mär', 'Apr', 'Mai', 'Jun', 'Jul', 'Aug', 'Sep', 'Okt', 'Nov', 'Dez'],
	'narrow': ['Ja', 'Fe', 'Mä', 'Jn', 'Jl', 'Au', 'Se', 'Ok', 'No', 'De']
};
const DAYS = {
	'long': ['Sonntag', 'Montag', 'Dienstag', 'Mittwoch', 'Donnerstag', 'Freitag', 'Samstag'],
	'short': ['So', 'Mo', 'Di', 'Mi', 'Do', 'Fr', 'Sa'],
	'narrow': ['S', 'M', 'D', 'M', 'D', 'F', 'S']
}

export const MOMENT_DATE_FORMATS: MdDateFormats = {
	parse: {
		dateInput: 'DD/MM/YYYY',
	},
	display: {
		dateInput: { year: 'numeric', month: 'numeric', day: 'numeric' },
		monthYearLabel: { year: 'numeric', month: 'short' },
		dateA11yLabel: { year: 'numeric', month: 'long', day: 'numeric' },
		monthYearA11yLabel: { year: 'numeric', month: 'long' },
	}
};

export class MomentDateAdapter extends DateAdapter<moment.Moment> {

    /**
     * Gets the year component of the given date.
     * @param date The date to extract the year from.
     * @returns The year component.
     */
	getYear(date: moment.Moment): number {
		return date.year();
	}

    /**
     * Gets the month component of the given date.
     * @param date The date to extract the month from.
     * @returns The month component (0-indexed, 0 = January).
     */
	getMonth(date: moment.Moment): number {
		return date.month();
	}

    /**
     * Gets the date of the month component of the given date.
     * @param date The date to extract the date of the month from.
     * @returns The month component (1-indexed, 1 = first of month).
     */
	getDate(date: moment.Moment): number {
		return date.date();
	}

    /**
     * Gets the day of the week component of the given date.
     * @param date The date to extract the day of the week from.
     * @returns The month component (0-indexed, 0 = Sunday).
     */
	getDayOfWeek(date: moment.Moment): number {
		return date.day();
	}

    /**
     * Gets a list of names for the months.
     * @param style The naming style (e.g. long = 'January', short = 'Jan', narrow = 'J').
     * @returns An ordered list of all month names, starting with January.
     */
	getMonthNames(style: 'long' | 'short' | 'narrow'): string[] {
		return MONTHS[style];
	}

    /**
     * Gets a list of names for the dates of the month.
     * @returns An ordered list of all date of the month names, starting with '1'.
     */
	getDateNames(): string[] {
		const dateNames = [];
		for (let i = 1; i <= 31; i++) {
			dateNames.push(i.toString());
		}

		return dateNames;
	}

    /**
     * Gets a list of names for the days of the week.
     * @param style The naming style (e.g. long = 'Sunday', short = 'Sun', narrow = 'S').
     * @returns An ordered list of all weekday names, starting with Sunday.
     */
	getDayOfWeekNames(style: 'long' | 'short' | 'narrow'): string[] {
		return DAYS[style];
	}

    /**
     * Gets the name for the year of the given date.
     * @param date The date to get the year name for.
     * @returns The name of the given year (e.g. '2017').
     */
	getYearName(date: moment.Moment): string {
		return date.year().toString();
	}

    /**
     * Gets the first day of the week.
     * @returns The first day of the week (0-indexed, 0 = Sunday).
     */
	getFirstDayOfWeek(): number {
		return 1; // Monday
	}

    /**
     * Gets the number of days in the month of the given date.
     * @param date The date whose month should be checked.
     * @returns The number of days in the month of the given date.
     */
	getNumDaysInMonth(date: moment.Moment): number {
		return date.daysInMonth();
	}

    /**
     * Clones the given date.
     * @param date The date to clone
     * @returns A new date equal to the given date.
     */
	clone(date: moment.Moment): moment.Moment {
		return date.clone();
	}

    /**
     * Creates a date with the given year, month, and date. Does not allow over/under-flow of the
     * month and date.
     * @param year The full year of the date. (e.g. 89 means the year 89, not the year 1989).
     * @param month The month of the date (0-indexed, 0 = January). Must be an integer 0 - 11.
     * @param date The date of month of the date. Must be an integer 1 - length of the given month.
     * @returns The new date, or null if invalid.
     */
	createDate(year: number, month: number, date: number): moment.Moment {
		const value = year + '-' + (month + 1) + '-' + date;
		const theDate = moment(value, 'YYYY-MM-DD');
		return theDate.isValid() ? theDate : null;
	}

    /**
     * Gets today's date.
     * @returns Today's date.
     */
	today(): moment.Moment {
		console.log('TODAY', moment());
		return moment();
	}

    /**
     * Parses a date from a value.
     * @param value The value to parse.
     * @param parseFormat The expected format of the value being parsed
     *     (type is implementation-dependent).
     * @returns The parsed date, or null if date could not be parsed.
     */
	parse(value: any, parseFormat: any): moment.Moment | null {
		return moment(value, parseFormat);
	}

    /**
     * Formats a date as a string.
     * @param date The value to parse.
     * @param displayFormat The format to use to display the date as a string.
     * @returns The parsed date, or null if date could not be parsed.
     */
	format(date: moment.Moment, displayFormat: any): string {
		return date.format('DD.MM.YYYY');
	}

    /**
     * Adds the given number of years to the date. Years are counted as if flipping 12 pages on the
     * calendar for each year and then finding the closest date in the new month. For example when
     * adding 1 year to Feb 29, 2016, the resulting date will be Feb 28, 2017.
     * @param date The date to add years to.
     * @param years The number of years to add (may be negative).
     * @returns A new date equal to the given one with the specified number of years added.
     */
	addCalendarYears(date: moment.Moment, years: number): moment.Moment {
		return date.clone().add(years, 'years');
	}
    /**
     * Adds the given number of months to the date. Months are counted as if flipping a page on the
     * calendar for each month and then finding the closest date in the new month. For example when
     * adding 1 month to Jan 31, 2017, the resulting date will be Feb 28, 2017.
     * @param date The date to add months to.
     * @param months The number of months to add (may be negative).
     * @returns A new date equal to the given one with the specified number of months added.
     */
	addCalendarMonths(date: moment.Moment, months: number): moment.Moment {
		console.log('date', date);
		console.log('newdate', date.clone().add(months, 'months'));

		return date.clone().add(months, 'months');
	}

    /**
     * Adds the given number of days to the date. Days are counted as if moving one cell on the
     * calendar for each day.
     * @param date The date to add days to.
     * @param days The number of days to add (may be negative).
     * @returns A new date equal to the given one with the specified number of days added.
     */
	addCalendarDays(date: moment.Moment, days: number): moment.Moment {
		return date.clone().add(days, 'days');
	}

    /**
     * Gets the RFC 3339 compatible date string (https://tools.ietf.org/html/rfc3339)  for the given
     * date.
     * @param date The date to get the ISO date string for.
     * @returns The ISO date string date string.
     */
	getISODateString(date: moment.Moment): string {
		return date.toISOString();
	}

}

const MONTHS = {
	'long': moment.months,
	'short': moment.monthsShort,
	'narrow': moment.monthsShort
};
const DAYS = {
	'long': moment.weekdays,
	'short': moment.weekdaysShort,
	'narrow': moment.weekdaysMin
}

then

 getMonthNames(style: 'long' | 'short' | 'narrow'): string[] {
      return MONTHS[style]();
 }
 getDayOfWeekNames(style: 'long' | 'short' | 'narrow'): string[] {
      return DAYS[style]();
  }

to handle all locales used by moment.js

It seems the code above discard the format functionality provided by momentjs.

format(date: moment.Moment, displayFormat: any): string {
	return date.format(<string>displayFormat);
}