Angular Ionic ion-datetime picker

 <ion-content padding>

<ion-item>
  <ion-label>Date</ion-label>
  <ion-datetime display-timezone="ist" displayFormat="MM/DD/YYYY hh:mm A" 
                [(ngModel)]="minDate" 
                (ionChange)="setDate()"   hourValues="10,11,12,13,14,15,16,17,18,19,20"></ion-datetime>
</ion-item>


</ion-content>



import { Component, OnInit } from '@angular/core';
import { NavController } from 'ionic-angular';
import { max } from 'rxjs/operator/max';

@Component({
  selector: 'page-home',
  templateUrl: 'home.html'
})
export class HomePage implements OnInit {

  myDate: any;
  minDate: any;
  maxDate: any;
  datesArray = [];

  constructor(private navController: NavController) {
    
  }
  ngOnInit() {
    this.myDate = new Date();
    const minDate = new Date();
    minDate.setHours(10, 0, 0, 0);
    this.minDate = minDate.toISOString();
    const maxDate = new Date();
    maxDate.setHours(22, 0, 0, 0);
    this.maxDate = maxDate.toISOString();
  }

  setDate() {
    this.minDate = this.myDate;
    this.datesArray.push(this.myDate);
  }
}