How can I change the date reservation widget colors?

See attached. How can I change the date reservation widget colors as shown?

Please inject the following custom css code in your "Date Reservation" widget to change the colors as requested:

.ui-widget-header {

    border: 1px solid #36afc5 !important;

    background: #36afc5 !important;

}

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active {

    color: #333333 !important;

}

.selected a.ui-state-default {

    color: #36afc5 !important;

}

.ui-widget-content {

    background: #ffffff !important;

}

The follwoing guide should help you how to inject custom css code in widgets:  https://www.jotform.com/help/428-How-to-Inject-CSS-Codes-to-Widgets 

Thank you.