Add a calendar or text box to cart

[Georgiegirl]

I have tried to add a calendar date picker to my cart and I cannot get it to work.  I am now trying to add a text box but I'm still getting the same warning that prevents me from checking out.  Can any one advise me where I have gone wrong please?

[Guleria]

Hello @Georgiegirl ,

Please share the code you are using or share the store URL.

Regards
Guleria

[Georgiegirl]

The code that I've used for the text box is: 

<label for="customMessage" class="form__label">When is your wedding date?:</label>
<textarea id="customMessage" name="properties[Custom Message]" class="form__input"></textarea>

Ideally I would like to add a calendar date picker though.

My site is www.mrandmissive.co.uk

Thanks

[Guleria]

Try this code for text box

<label for="customMessage" class="form__label">When is your wedding date?:</label>
<input type="text"  id="customMessage" name="properties[Custom Message]" class="form__input"> 

or use this one for datepicker

<label for="customMessage" class="form__label">When is your wedding date?:</label>
<input type="date"  id="customMessage" name="properties[Custom Message]" class="form__input"> 

Regards
Guleria

[Georgiegirl]

Thank you, but I am still getting the same error message!

[Guleria]

Use the code outside the form tag ( add it inside cart-note tag )  and add this form="cart" to input field

like this

<label for="customMessage" class="form__label">When is your wedding date?:</label>
<input type="text" form="cart" id="customMessage" name="properties[Custom Message]" class="form__input"> 

[Georgiegirl]

I have added the code outside of form buy inside cart-items as shown below.  I'm having the same problem though!

I used to have a date picker on the cart page but took it off a while ago, could the error message be because I have done something incorrect somewhere else? Sorry I'm not very good with tech!

[Guleria]

Strange need to check the code why its not working
btw for now please use the code b/w the form tags.

And add this attribute in for tag like this

 <form novalidate>