Как стилизовать календарь datepicker?

Question

[Андрей Зернов]

Нужно, чтобы выбранное в календаре значение становилось таким как на картинке. По умолчанию должна отображаться текущая дата.
Мне удается замаскировать input, но как сделать, чтобы значение "день" имел стиль, отличный от "месяца" и "года"?
Еще не нашел свойство - "Отображать текущую дату" сразу после загрузки страницы.
Подключал jquery-ui-1.12.1.Datepicker. Но мне не принципиально, какой Datepicker использовать. Лишь бы работало.

Примерная разметка такая https://jsfiddle.net/o2mj63t3/1/
Стили не все подключены и иконка font awesome не отображается, но суть думаю понятна. Куда то нужно впихнуть input #datep-1.

Comments

[Максим Тимофеев]

Вы знаете сколько существует datepicker-ов? Просто тьма. Вы бы указали какой конкретно используете
Я уж молчу что не мешало бы код на https://jsfiddle.net закинуть, если ожидаете получить реальную помощь.

[Андрей Зернов]

Максим Тимофеев: подключил jquery-ui-1.12.1.Datepicker. мне не принципиально, какой Datepicker использовать. Лишь бы работало.
А кода пока нет. Я пока просто подключил плагин и все.

Answer 1

[Samarkand]

Боюсь, что без редактирования кода плагина никак.

Comments

[Андрей Зернов]

А готовых решений не знаете с такой опцией?

Answer 2

[bigProblem]

Сделать можно всё. Понять бы что тебе надо)

Answer 3

[Максим Тимофеев]

Сделайте то что Вы хотите оторванным от виджета, и пропишите логику, что бы по клику открывало виджет. У любого datePiker есть методы, с помощью которых это можно реализовать. То есть не пытайтесь настроить сам виджет, используйте просто его методы, остальное делайте ручками, любую верстку.

Comments

[Андрей Зернов]

Проблема в том, что дата у календарей вводится в инпуте. Внутри инпута отдельные элементы нельзя стилизовать. Можно только все вместе.
По идее как то нужно вытаскивать значение числа месяца (крупная цифра) из плагина и скриптом засовывать в нужный тег. А месяц и год оставлять уже в инпуте.
Но как это сделать - моя компетенция здесь уже все..)