Forums Ignite UI for Angular
Your Privacy Matters: We use our own and third-party cookies to improve your experience on our website. By continuing to use the website we understand that you accept their use. Cookie Policy
Close
Michel LAPLANE
215
igx-datePicker Width
posted

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.

Any suggestion?

Thanks

Parents
  • 16310
    Offline posted

    Hi Michel,

    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.

Reply Children