Currently, I am developing a hybrid application that utilizes both AngularJS and Angular 8. In this project, I am using a datepicker to display dates fetched from an API. However, I've encountered an issue where the date is only properly displayed when the input type is set as "text", showing the complete date. On the other hand, if I change the input type to "date", it only displays the format dd/mm/yyyy. Despite trying numerous solutions, I have not been able to resolve this issue. Any suggestions or guidance on how to tackle this would be greatly appreciated.
code
Date visible with input type set as "text"
<div class="datepicker-cont-wrap">
<div class="datepicker-wrap input-group">
<input uib-datepicker type="text" class="form-control"
id="date_dead_line"
placeholder="dd MM YYYY"
value="{{(glPlmAsmt.data.deadline_time*1000) | date : 'dd MMM yyyy'}}"
is-open = 'false'
>
<button type="button" class="btn gl-datepicker-btn"
ng-click="glPlmAsmt.openDeadLineDate()">
<i class="glicon-date"></i>
</button>
</div>
</div>
Date not visible with input type set as "date"
<div class="datepicker-cont-wrap">
<div class="datepicker-wrap input-group">
<input uib-datepicker type="date" class="form-control"
id="date_dead_line"
placeholder="dd MM YYYY"
value="{{(glPlmAsmt.data.deadline_time*1000) | date : 'dd MMM yyyy'}}"
is-open = 'false'
>
<button type="button" class="btn gl-datepicker-btn"
ng-click="glPlmAsmt.openDeadLineDate()">
<i class="glicon-date"></i>
</button>
</div>
</div>
https://i.sstatic.net/jGlAl.png
I aim to showcase the date in the format dd MMM yyyy, however, instead of displaying the full date, it only shows dd/mm/yyyy