.pika-single {
  @include common-dropdown;
}

.pika-label {
  @include th {
    background: background-color();
  }
}

button.pika-prev, button.pika-next {
  min-width: 0;
  background: none;
  border: none;
  border-radius: $base-border-radius;
}

button.pika-prev {
  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAeCAQAAACGG/bgAAAAQ0lEQVR4Ae3KIQ4AIBTD0N0/IeHGI3UIRA3ut/Zl+ltXc5++htVAmIAwAWECwgSEKbgthEoIlRAqIVRCqINQB9nDgQd7ktwFo6UpWQAAAABJRU5ErkJggg==');
}

button.pika-next {
  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAeCAQAAACGG/bgAAAAP0lEQVQ4y+3TMQoAMAgEwfwfAvvjTZ1uGzuvHhBPPGczEG+FRqqRaqQaqUaqkX6QBmmjacvQ6qEVTjsh+xizebvlaWptGXZAAAAAAElFTkSuQmCC');
}

.pika-table th {
  @include th { color: medium-color(); };
}

.pika-button, button.pika-button {
  min-width: 0;
  border: none;
  @include th {
    color: text-color();
    background-color: background-color();
    border-radius: $base-border-radius;
  }
}

.pika-week {
  @include th {
    color: medium-color();
  }
}

.is-today .pika-button {
  @include th {
    color: action-color();
  }
}

.is-selected .pika-button {
  @include th {
    color: text-color();
    background: action-color();
    box-shadow: inset 0 1px 3px action-color(); // make darker?
  }
}

.is-disabled .pika-button {
  @include th { color: muted-color(); }
  opacity: .3;
}

.pika-button:hover {
  @include th {
    color: text-color() !important;
    background: action-color() !important;
  }
}
