grok{} pattern for date format "dd MMM yyyy HH:mm:ss"

cacheElements: function() {
  this.$datePickers = this.$el.find('.datepicker');
  this.$datePickerStart = this.$datePickers.filter('.start');
  this.$datePickerEnd = this.$datePickers.filter('.end');
  this.$loader = this.$el.find('.timeframe-loader');
},

render: function() {
  this.$el.html(this.template(this.model));

  this.cacheElements();

  this.$datePickers.datepicker({ dateFormat: 'dd.mm.yy' });

  this.delegateEvents();

  return this;
},

_onError: function(model, error) {
  this._hideLoader();
  var $where;
  if (error.where == 'startDate') {
    $where = this.$datePickerStart.closest('div');
  } else if (error.where == 'endDate') {
    $where = this.$datePickerEnd.closest('div');
  }
  new Tooltip.View({
    srcElement: $where,
    content: error.message,
    position: 'bottom'
  });
},

_onClickSendData: function() {
  var start = this.$datePickerStart.val();
  var end = this.$datePickerEnd.val();

  var startDate = humanDateStringToJSDateString(start);
  var endDate = humanDateStringToJSDateString(end);

  // If didn't actually change, do nothing:
  var modelStartDate = this.model.get('startDate');
  var modelEndDate = this.model.get('endDate');
  if (this._compareYYYMMDD(new Date(startDate), modelStartDate) !== 0 || this._compareYYYMMDD(new Date(endDate), modelEndDate) !== 0) {
    this._showLoader();

    this.model.set({
      startDate: new Date(startDate),
      endDate: new Date(endDate)
    });
  }
},

_compareYYYMMDD: function(date1, date2) {
  var num1 = dateToString(date1).replace('-','');
  var num2 = dateToString(date2).replace('-','');
  return date1 - date2;
},

_showLoader: function() {
  this.$loader.show();
},

_hideLoader: function() {
  this.$loader.hide();
},

setEndDate: function() {
  this.$datePickerStart.val(dateToDottedString(addDays(new Date(), - App.state.get('timeframe'))));
  this.$datePickerEnd.val(dateToDottedString(new Date()));
}

DATE_YMD %{YEAR}/%{MONTHNUM}/%{MONTHDAY}
DATE %{DATE_US}|%{DATE_EU}|%{DATE_YMD}

var dateObj = str2date(Date_of_joining, "yyyy-mm-dd");
var newDate = date2str(dateObj, "dd/MM/yyyy");

   parse(value: any): Date | null {
    if ((typeof value === 'string') && (value.indexOf('/') > -1)) {
      const str = value.split('/');
      const year = Number(str[2]);
      const month = Number(str[1]) - 1;
      const date = Number(str[0]);
      return new Date(year, month, date);
    }
    const timestamp = typeof value === 'number' ? value : Date.parse(value);
    return isNaN(timestamp) ? null : new Date(timestamp);
  }

export class AppDateAdapter extends NativeDateAdapter {
    parse(value: any): Date | null {
        if ((typeof value === 'string') && (value.indexOf('/') > -1)) {
          const str = value.split('/');
          const year = Number(str[2]);
          const month = Number(str[1]) - 1;
          const date = Number(str[0]);
          return new Date(year, month, date);
        }
        const timestamp = typeof value === 'number' ? value : Date.parse(value);
        return isNaN(timestamp) ? null : new Date(timestamp);
      }
   format(date: Date, displayFormat: any): string {
       if (displayFormat == "input") {
           let day = date.getDate();
           let month = date.getMonth() + 1;
           let year = date.getFullYear();
           return this._to2digit(day) + '/' + this._to2digit(month) + '/' + year;
       } else {
           return date.toDateString();
       }
   }

   private _to2digit(n: number) {
       return ('00' + n).slice(-2);
   } 
}