select pickup date using calendar on shop page before add to cart woocommerce

Question

I have a website where I want customer to first choose the pickup date and time in page using calendar. Once date is selected they will redirect to shop page. like this.