remove readonly in input box

[rajhim]

if i want to edit manually date.. there is no option to change ... removing readonly is better..!

[x1unix]

@rajhim, @coffeymatt, you can use headless property to disable internal input and use your external <input>:

<input type="text" name="date" [(ngModel)]="date" />
<ng2-datepicker [headless]="true" [(ngModel)]="date"></ng2-datepicker>

[irynaslisava]

how does it work with ng-datepicker? It doesn't work for me. I use 'ng-datepicker' and I see just enabled for manual entry input but not datepicker. <input type="text" name="date" [(ngModel)]="date" /> <ng-datepicker [headless]="true" [(ngModel)]="date">

Here is the answer

<input type="text" name="date" [(ngModel)]="date" (click)="picker1.toggle()"/> <ng-datepicker [headless]="true" #picker1 [(ngModel)]="date">