@mixin adf-card-view-dateitem-theme($theme) {
    $foreground: map-get($theme, foreground);

    .adf {
        &-invisible-date-input {
            height: 2px;
            width: 0;
            overflow: hidden;
            opacity: 0;
            border: none;
            margin: 0;
            padding: 0;
            float: right;
        }

        &-dateitem-editable {
            cursor: pointer;
            border-bottom: 1px solid mat-color($foreground, text, 0.42);
            padding-bottom: 6px;

            &-controls {
                display: flex;
                align-items: center;
                justify-content: space-between;

                button.mat-icon-button {
                    line-height: 20px;
                    height: 20px;
                    width: 20px;
                }

                mat-icon {
                    width: 16px;
                    height: 16px;
                    opacity: 0.5;
                }

                &:hover mat-icon {
                    opacity: 1;
                }

                .adf-datepicker-toggle {
                    flex: 1 0 auto;
                }

                mat-icon.adf-date-reset-icon {
                    line-height: 10px;
                    font-size: 16px;
                    width: 16px;
                    height: 16px;
                    position: relative;
                    top: 4px;
                    padding-left: 8px;
                    opacity: 0.3;
                }
                &:hover mat-icon.adf-date-reset-icon {
                    opacity: 1;
                }
            }
        }
    }
}