Кастомизация календаря в формах

Пример использования данной модификации ↓

О модификации

Данная модификация работает как с календарём в блоках из библиотеки (раздел «форма»), так и с календарём в формах zero-блока.

Настройка всего календаря

цвет фона всего календаря
размер обводки (в px)
цвет обводки
радиус скругления обводки (в px)
шрифт текста во всём календаре
цвет дат и дней недели в календаре

Выбор месяца и года

цвет фона под выбором месяца и года
цвет текста в выборе месяца и года
цвет стрелки «предыдущий месяц»
цвет стрелки «следующий месяц»

Настройка состояния при наведении

цвет кружка под датами / числами (при наведении на них)

Настройка активного состояния

цвет кружка под активной / выбранной датой
цвет текста активной / выбранной даты

Код

<style> /*Изменение календаря в формах на Tilda: vladislav-land.ru/calendar*/ .t_datepicker__inner { background-color: #161616 !important; border-width: 2px !important; border-color: #F9CD46 !important; border-radius: 0px !important; } .t_datepicker__header { background-color: #2D2D2D !important; } .t_datepicker__inner { font-family: Montserrat !important; color: #FFFFFF !important; } .t_datepicker__arrow_prev::after { border-color: transparent #F9CD46 transparent transparent !important; } .t_datepicker__arrow_next::after { border-color: transparent transparent transparent #F9CD46 !important; } td.t_datepicker__selected-day:before { background-color: #2D2D2D !important; } .t_datepicker__day-cell, .t_datepicker__week-day { color: #FFFFFF !important; } td.t_datepicker__selected-day { color: #F9CD46 !important; } td:before { background-color: #2D2D2D !important; } </style>

Помогла модификация? — Подпишись на мой telegram-канал

Другие модификации

Made on
Tilda