Make clickable only Friday and Saturday in calendar dropdown

Add the code below to the Custom CSS field on your Form widget’s Appearance tab:

.global-styes, [aria-label*="Friday"] {
  pointer-events: auto!important;
}
.global-styes, [aria-label*="Saturday"]  {
  pointer-events: auto!important;
}

/*Selector for not-clickable dates*/
.global-styles, .react-datepicker__month .react-datepicker__day {
    pointer-events: none;
}

/*color for not-clickable dates*/
.global-styes, .react-datepicker__month [aria-label*="Friday"] {
  background: rgba(255, 255, 255, 0.1)!important;

}
.global-styes, .react-datepicker__month [aria-label*="Saturday"]  {
    background: rgba(255, 255, 255, 0.1)!important;
}

Guys, if this code was helpful to you, please drop a line in the comments. Your feedback helps us improve our services and provide better solutions :slightly_smiling_face:

1 Like