Date picker's calendar icon not opening the date picker

5 replies · opened Dec 25, 2018

IindigoDec 25, 2018

Hello,

I got this date picker which works fine:
<input id="ReturnDate" name="ReturnDate" type="text" value="" class="form-control tleft past-enabled" pattern=".{1,}">

But when I add the calendar icon next to it, clicking it does not open the date picker. This is the code:
<div class="input-group-append">
<div class="input-group-text"><i class="icon-calendar2" ></i></div>
</div>

I need the button to open the date picker.
(btw, I have two date pickers on the page, so it has to open the specific one.)

This is the full code:
<div class="input-group ltr">
<input id="ReturnDate" name="ReturnDate" type="text" value="" class="form-control tleft past-enabled" pattern=".{1,}">
<div class="input-group-append">
<div class="input-group-text"><i class="icon-calendar2"></i>
</div>
</div>

Please help.

Thanks!

IindigoDec 27, 2018

anyone here?

SSemicolon WebSTAFFDec 27, 2018

Hello,

Thanks for your Patience!

Can you please provide us with a Live URL so that we can check out the exact issue and provide you with more assistance on this. Thanks for your Patience.

Meanwhile, do let us know if we can help you with anything else or if you find any further issues with Canvas.

IindigoJan 2, 2019

Still waiting...

SSemicolon WebSTAFFJan 2, 2019

Hello,

Thanks for your Patience!

We have checked out all the Examples and also tried working this out for you but it seems that Bootstrap 4 currently does not support this feature. you can see that this Feature currently does not work even on the Live Previews: http://themes.semicolonweb.com/html/canvas/component-datepicker.html . So this is an Issue with the Plugin, so we will release an Update as soon as this fixed. Thanks for your Patience.

Meanwhile, do let us know if we can help you with anything else or if you find any further issues with Canvas.

Have the same question, or something new?

Sign in to the Canvas dashboard to reply or open your own topic. Canvas owners get direct help from the SemiColonWeb team.

Reply on the dashboard