Hello Jason,

As a matter of fact, igxDatePicker consists of igxInput and igxCalendar, which could be displayed in modal window or as a dropdown. In the attached sample both approaches are used. Here, you can find a modified version of it, where styles are applied on both types of calendars and on their inputs. I believe that you will find the following guidelines very helpful in order to understand how to achieve the required:  

• In order to style the igxDatePicker input, a custom igx-input-group-theme should be applied. You can learn more about this in the igxInputGroup styling section as well in our IgxInputGroupComponent Styles API Documentation. Please note that I have added additional igxInput fields into the grid. The reason for that is I wanted to point out that when scoping a theme, it is applied only on the scoped elements. Thus the theme is only applied on the inputs(igx-datepicker) in the grid’s toolbar and won’t affect the rest input elements. In order to learn more about IgniteUI for Angular Styling, take a look at the Styling and Themes Section in our official documentation.

• In order to style both calendars I have injected public element of type ElementRef in the constructor.

• In order to style the calendar, which appears in a dialog window, pass the injected ElementRef to the outlet property of the igxDatePicker’s modalOverlaySettings. Then overwriting the igx-calendar-theme will take effect.

• In order to style the calendar, which appears as a drop down, the dropDownOverlaySettings of the igxDatePicker should be overwritten. In the attached sample I have used the default igxDatePicker’s positionStrategy and again I have passed the injected ElementRef to the outlet. After that, the igx-calendar-theme will take effect for the drop down calendar as well.

• I believe that you will find the Calendar Styling topic really helpful in order to style it properly the way you want.

You can learn more about the Overlay Settings in our Overlay topic and in the API Documentation.

Please let me know if you need any further information.

Best Regards,
Martin Evtimov
Entry Level Software Developer
Infragistics, Inc.