import { Component, OnInit, Input } from '@angular/core';

@Component({
  selector: 'rdp-datepicker-editor',
  styleUrls: ['./rdp-datepicker-editor.component.scss'],
  template:`
  <mat-form-field>
    <input [(ngModel)]="columnValue" name="{{columntitle}}" matInput [matDatepicker]="date" 
      placeholder="MM/dd/yyyy">
    <mat-datepicker-toggle matSuffix [for]="date"></mat-datepicker-toggle>
    <mat-datepicker #date></mat-datepicker>
  </mat-form-field>
  `
})
export class RdpDatepickerEditorComponent implements OnInit {

  @Input() rowdata :any;
  @Input() columntitle: any

  columnValue: any;

  constructor() { }

  ngOnInit() {
    console.log("RdpDatepickerEditorComponent Row Data ::: ",this.rowdata);
    let rowObj = JSON.parse(this.rowdata);
    let column = this.columntitle;
    this.columnValue = rowObj[column];
  }
}