.#{$prefix}-datepicker {
  border: 0.063rem solid rgb(var(--wpt-lms-box-border)) !important;
  background: rgb(var(--wpt-lms-white)) !important;
  box-shadow: 0 0.063rem 0.25rem rgba(var(--wpt-lms-primary-950), 0.06) !important;
  border-radius: 0.188rem !important;
  .#{$prefix}-datepicker-header {
    border: 0;
    background: rgb(var(--wpt-lms-primary-50)) !important;
    box-shadow: 0 0.063rem 0.25rem rgba(var(--wpt-lms-primary-950), 0.06) !important;
    border-radius: 0.188rem !important;
  }
  .ui-state-default,
  .ui-widget-content .ui-state-default {
    border: 0.063rem solid rgb(var(--wpt-lms-box-border)) !important;
    background: rgb(var(--wpt-lms-primary-50)) !important;
  }
  .ui-state-active,
  .ui-widget-content .ui-state-active {
    background: rgb(var(--wpt-lms-primary-950)) !important;
    color: rgb(var(--wpt-lms-white)) !important;
  }
  .ui-state-highlight,
  .ui-widget-content .ui-state-highlight {
    background: rgb(var(--wpt-lms-primary-700)) !important;
    color: rgb(var(--wpt-lms-white)) !important;
  }
  .ui-priority-secondary,
  .ui-widget-content .ui-priority-secondary {
    background: rgb(var(--wpt-lms-primary-50)) !important;
  }
  .ui-priority-primary,
  .ui-widget-content .ui-priority-primary {
    background: rgb(var(--wpt-lms-primary-600)) !important;
    color: rgb(var(--wpt-lms-white)) !important;
  }

  .ui-widget-header .ui-icon {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='rgba(0,0,0,1)'%3E%3Cpath d='M13.1717 12.0007L8.22192 7.05093L9.63614 5.63672L16.0001 12.0007L9.63614 18.3646L8.22192 16.9504L13.1717 12.0007Z'%3E%3C/path%3E%3C/svg%3E") !important;
  }
}