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

С помощью данной модификации вы сможете изменить внешний вид календаря в ваших формах (работает как с формами в стандартных блоках, так и в формах zero-блока)

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

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

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

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

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

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

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

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

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

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

Цвет кружка под активной / выбранной датой:
Цвет текста активной / выбранной даты:
<style> /*Изменение календаря в формах на Tilda: https://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-канал Vladislav Land, чтобы всегда быть в курсе всех обновлений

Бесплатно учу дизайнеров продавать на высокие чеки →
Made on
Tilda