I am currently utilizing Angular Cli version 7.3.9
In my project, I have implemented a date type input that is intended to display, in its datepicker, starting from the next day after the current date.
This is how I approached it in my .ts file:
debugger
var minDateFinal ;
this.minDate = new Date();
this.minDate.setDate(this.minDate.getDate()+1)
minDateFinal = this.datePipe.transform(this.minDate,'yyyy-MM-dd') ;
console.log(minDateFinal);
debugger
And here is what I included in my .Html file:
<input type="date" class="form-control" formControlName="dateDebut" [min]="minDateFinal">
After checking the browser console, I can see that the correct result is being logged, but unfortunately, the expected behavior is not reflected on the UI. Below are screenshots illustrating the issue:
When I manually set the 'min' attribute with a hardcoded date like so:
<input type="date" class="form-control" formControlName="dateDebut" min="2020-10-02">
I achieve: Desired Outcome
However, when implementing my dynamic approach, the desired functionality does not occur.
I observe: Actual Result
Thank you for any assistance provided.