I would like to modify the width of the line under the title of the datepicker because I would like to add a button to the right of the datepicker.
The igxDatePicker is designed to be easily customized by inserting your own template. To add button in the right end of the input, you can make add an icon as a suffix:
<igx-date-picker [value]="date"> <ng-template> <igx-input-group> ... <igx-suffix> <igx-icon>today</igx-icon> </igx-suffix> </igx-input-group> </ng-template></igx-date-picker>
Please review this live editing sample for a reference and let me know if you have further questions.
Thanks but what about the width of the DatePicker? I don't succeed in modifying this
The igxDatePicker takes 100% of its parent container width.
Humm good to know so:
<div style="width:300px"> <igx-datePicker [vertical]="true" label="Creation date" locale="fr-fr" [(ngModel)]="begindate" [formatter] ="formatter"> </igx-datePicker></div>
works like a charm