JSFiddle - React, Tailwind, and code Playground
by rabiei
HTML
<h5 class="text-brown pt-4">Please select delivery date:</h5>
<div class="form-check">
<div data-priority="" class="form-row my-field-class form-row-wide pl-3" id="send_date_field">
<fieldset>
<legend></legend><label><input type="radio" name="send_date" value="Send as soon as possible"> Send as soon as possible</label><label><input type="radio" name="send_date" value="Choose delivery date"> Choose delivery date</label>
</fieldset>
</div>
<div class="pl-1-3 pr-4 pt-2 mb-n2" id="DateDD">
<div id="orddd_dynamic_hidden_vars"><input id="orddd_recurring_days" name="orddd_recurring_days" type="hidden" value="on"><input id="orddd_weekday_0" name="orddd_weekday_0" type="hidden" value="checked"><input id="orddd_weekday_1" name="orddd_weekday_1" type="hidden" value="checked"><input id="orddd_weekday_2" name="orddd_weekday_2" type="hidden" value="checked"><input id="orddd_weekday_3" name="orddd_weekday_3" type="hidden" value="checked"><input id="orddd_weekday_4" name="orddd_weekday_4" type="hidden" value="checked"><input id="orddd_weekday_5" name="orddd_weekday_5" type="hidden" value="checked"><input id="orddd_weekday_6" name="orddd_weekday_6" type="hidden" value="checked"><input id="orddd_is_all_weekdays_disabled" name="orddd_is_all_weekdays_disabled" type="hidden" value="no"><input id="orddd_delivery_dates" name="orddd_delivery_dates" type="hidden" value=""><input id="orddd_specific_delivery_dates" name="orddd_specific_delivery_dates" type="hidden" value=""><input id="orddd_delivery_date_holidays" name="orddd_delivery_date_holidays" type="hidden" value=""2021 January 1 Spain:1-1-2021","2021 January 6 Spain:1-6-2021","2021 June 24 Spain:6-24-2021","2021 October 12 Spain:10-12-2021","2021 November 1 Spain:11-1-2021","2021 December 6 Spain:12-6-2021","2021 December 8 Spain:12-8-2021","2021 August 2 Ireland:8-2-2021","2021 October 25 ...