Forminator DATE SELECTOR

Hi @svenratkajec,

Please try the following CSS and see whether it helps:

.ui-datepicker.forminator-custom-form-8839 .ui-datepicker-calendar tbody tr td.ui-state-disabled span {
	background: red;
	opacity: 1 !important;

}

You can add the CSS via the default WordPress customizer, under Appearance > Customize > Additional CSS.

Please do let us know how that goes. Have a nice day ahead.

Kind Regards,
Nithin

Thanks @wpmudevsupport11 !!
Sorry to bother you but you but can you also tell me how to center those numbers in calendar and add border radius to the number cell? But not disabled dates but all dates

Best regards,
Sven

• This reply was modified 2 years, 9 months ago by svenratkajec.

Hi @svenratkajec

For disabled dates, you can extend the shared code

.ui-datepicker.forminator-custom-form-8839 .ui-datepicker-calendar tbody tr td.ui-state-disabled span {
	background: red;
	opacity: 1 !important;
        border-radius: 30px !important;
}

For not disabled and make it center:

.ui-datepicker.forminator-custom-form-8839 .ui-datepicker-calendar tbody tr a{
  text-align: center;
  border-radius: 102px !important;
}

I can see your calendar icon is not showing correctly as well, you can fix it using

#forminator-module-8839.forminator-design--flat .forminator-input-with-icon [class*="forminator-icon-"]{
  top: 70% !important;
}

Best Regards
Patrick Freitas

Thanks! Everything works.