删除按钮 - datepicker之间的空格

Question

我正在使用https://www.npmjs.com/package/angular-io-datepicker以Angular 4形式提供日期选择器。

使用日期选择器选择器，例如

<date-picker format="Y-MM-DD" [showClearButton]="true" formControlName="date1" ></date-picker>

这会将UI呈现为

我想摆脱输入字段之间的空间，＆＃39; X＆＃39;按钮和日历。

在开发人员工具中检查时，由于margin-left被设置为10px，似乎这个空间正在出现。这就是CSS在开发人员工具中的样子

.datepicker-actions__button[_ngcontent-c5] {
    margin-left: 10px;
    padding: 0 .77rem;
    border: 1px solid #ccc;
    border-radius: .25em;
    outline: 0;
    background-color: #fff;
}

现在，我需要覆盖CSS以将margin-left更改为0px。

我尝试将内联样式应用于

<date-picker format="Y-MM-DD" [showClearButton]="true" formControlName="date1" style="margin-left: 0;"></date-picker>

然后我尝试通过在Angular 4组件CSS中创建下面的CSS来覆盖CSS，但这并没有起作用

.datepicker-actions__button {
    margin-left: 0px !important;
}

button[class^="datepicker-actions"], button[class*=" datepicker-actions"] {
    margin-left: 0px !important;
} 

如何将margin-left属性集更改为Datepicker组件的一部分？