assets/datepicker.css

 /*actually either class is good, use both just to be sure*/
.DateInput_input, .DateInput_input_1 {
    font-size: inherit;  /*or whatever size you would like to have*/
    border-color: #daa520;
}

.DateInput, .DateInput_1 {
    width: 150px;
}

.CalendarDay__selected,
.CalendarDay__selected:active,
.CalendarDay__selected:hover {
    background: #daa520;
    border: 1px solid #daa520;
}

.DayPickerKeyboardShortcuts_show__bottomRight:hover::before {
    border-right: 33px solid #daa520;
}

.DayPickerKeyboardShortcuts_show__bottomRight::before {
    border-top: 26px solid transparent;
    border-right: 33px solid #daa520;
    bottom: 0;
    right: 0
}

.VirtualizedSelectFocusedOption {
background-color: #daa520;
color: white;
}

.rc-slider-track {
    background-color: #daa520;
}

.rc-slider-dot-active {
    border-color: #daa520;
    border: solid 2px #daa520;
}

.rc-slider-handle {
    background-color: #daa520;
    border-color: #daa520;
}

.rc-slider-handle:hover {
    border-color: #daa520;
}

.rc-slider-handle-active:active {
    border-color: #daa520;
}