.date-picker  {
    background-color: var(--wm-datetime-background);
}

.date-picker__title {
    color:var(--wm-datetime-header-text-color);
    font-size: var(--wm-datetime-header-text-font-size);
    font-weight: var(--wm-datetime-header-text-font-weight);
}

.date-picker__content  {
    background-color: var(--wm-datetime-background);
}

.btn-cancel {
    border-color: var(--wm-datetime-button-border-color);
    border-width: var(--wm-datetime-button-border-width);
    border-style: var(--wm-datetime-button-border-style);
    border-radius: var(--wm-datetime-button-border-radius);
    ripple-color:var(--wm-datetime-button-ripple-color);
    background-color: var(--wm-datetime-cancel-button-background);
    font-size: var(--wm-datetime-cancel-button-text-size);
    font-weight: var(--wm-datetime-cancel-button-text-weight);
    color: var(--wm-datetime-cancel-button-text-color);
}

.btn-select {
    background-color: var(--wm-datetime-selected-button-background);
    border-color: var(--wm-datetime-button-border-color);
    border-width: var(--wm-datetime-button-border-width);
    border-style: var(--wm-datetime-button-border-style);
    border-radius: var(--wm-datetime-button-border-radius);
    ripple-color:var(--wm-datetime-button-ripple-color);
    font-size: var(--wm-datetime-selected-button-text-size);
    font-weight: var(--wm-datetime-selected-button-text-weight);
    color: var(--wm-datetime-selected-button-text-color);
}

.wheel-item {
    color:var(--wm-datetime-text-color);
    font-size: var(--wm-datetime-text-font-size);
    font-weight: var(--wm-datetime-text-font-weight);
}

.wheel-item.selected{
    color:var(--wm-datetime-selected-text-color);
    font-size: var(--wm-datetime-selected-text-font-size);
    font-weight: var(--wm-datetime-selected-text-font-weight);
}