Ion-datetime - picker not showing values if max value falls on next day

Ionic Framework Ionic Angular
1

My requirement:
Show time picker within the range of 60 minutes.
(i.e) from now till next 60 minutes - user shall select a time.

Challenge / Problem :
In general it works fine, except one scenario.
If the user opens the time picker by 11:00 PM - the picker is not showing any value.
(i.e) as the maximum value for this case falls on the next day - the picker values are not showing properly.

Any help on this - would be really appreciable.

My html -
<ion-datetime picker-format=“HH:mm” [min]=“minTime” [max]=“maxTime” (ionFocus)=“setMinMaxTime()” >

js/ts file -
setMinMaxTime() {
this.minTime = (new Date(Date.now() - (new Date()).getTimezoneOffset() * 60000)).toISOString();
this.maxTime = (new Date((new Date(Date.now() - (new Date()).getTimezoneOffset() * 60000)).getTime() + 60 * 300 * 1000).toISOString());
}

2

why set min max onfocus ?
i guess its better to set min max on ionViewDidEnter, i also dont understand what you doing with this time calculation, if you want 1 hour interval only use this code.

<ion-datetime picker-format="HH:mm" [min]="minTime" [max]="maxTime" (ionFocus)="setMinMaxTime()" ></ion-datetime>

    maxTime: string;
    minTime: string;

    ionViewDidEnter(){
        let currentTime= new Date();
        this.minTime =  currentTime.toISOString();
        this.maxTime = new Date(currentTime.setHours(currentTime.getHours() + 1)).toISOString();
    }