i found out that avada theme is overriding the .wpcf7-select class
giving z-index: 5, while the datepicker has z-index: 1
therefore causing the datepicker to be covered.
after i fixed the css, it seems to be working fine.
now both of them have z-index:1