Styling custom picker

Question

Я использую плагин datepicker this, чтобы отобразить всплывающее окно даты.

Это отлично, но у меня возникли проблемы с назначением правильных стилей.

У меня есть 2 из них, первый из которых не является проблемой.

У меня есть следующий JS:

$(".datepicker1").pickadate({ 
    min: 1, 
    onClose: function() { 
     var picker = $input.pickadate("picker"); 

     picker.set("select", this.component.item.select.pick); 
     picker.open(); 
    } 
}); 

Что она делает это просто: В тот момент пользователь выбирает дату на первом подборщика, отображается вторая, с ранее выбранной даты отображается (в порядке чтобы пользователь знал, какой диапазон дат будет выбран).

Все работает отлично, но я не хочу использовать синий квадрат фона по умолчанию для выбранной даты. Я хочу что-то вроде this, а не what I currently have, что совсем другое. background-color.

Кто-нибудь знает, как я могу это достичь?

Answer 1

Не имея возможности увидеть разметку или css, мой первый наклон с ними - добавить треугольник CSS либо к элементу, либо к элементам: до псевдо класса.

Что касается изготовления CSS треугольника, иди сюда: http://apps.eky.hk/css-triangle-generator/

Answer 2

Вы должны найти класс

.picker__day--highlighted:hover, .picker--focused .picker__day--highlighted 

в файле default.date.css. Затем вы можете легко изменить «все» относительно сегодняшней формы hightlight