Version 5 Inline Calendar

Hello,

Absolutely Possible! You can simply add the Codes in the Sidebar according to the Default Templates and then add the following setting in the JS Codes at the bottom:
[ch_pre type="js"]$('.travel-date-group .inline-calendar').datepicker({
todayHighlight: true
});[/ch_pre]

This will definitely work fine. Hope this Helps!

Let us know if we can help you with anything else or if you find any further issues.

Hello,

There are several JS Errors on your Page which is causing this issue. Please fix them and this should be automatically resolved. Since you are using an Old Version of Canvas, there are some Old 3rd Party Plugin Codes that causes conflicts with New OS Updates. We had already released a fix for this in November 2020.

If you are not ready to update to the Latest Version (v6.x), consider replacing your js/plugins.js File with this one: https://drive.google.com/file/d/1Xwhcd8uccvqHxolB5jFabmwSkjw9STxU/view .

Hope this Helps!

Let us know if we can help you with anything else or if you find any further issues.

Hello,

As mentioned in the above reply, you will need to replace your existing js/plugins.js File with this one: https://drive.google.com/file/d/1Xwhcd8uccvqHxolB5jFabmwSkjw9STxU/view .

Hope this Helps!

Let us know if we can help you with anything else or if you find any further issues.

Hello,

Can you please update your Page with the Latest js/plugins.js File online so that we can check what exactly is going wrong and provide you with further assistance. 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.

Hello,

The Page appears to be working fine now. Now please uncomment the line of code as shown in the image attached.

This should fix the issue automatically. Hope this Helps!

Let us know if we can help you with anything else or if you find any further issues.

You will need to uncomment that line of code!

Hello,

1. There is JS Error in the Console related to an undefined variable in the datepicker.js File. We have checked this with the Default Files provided in the Package and we are not getting any error with the Default Files, so it appears that your file has been customized. Please make sure that you are always using the Default Files provided.

2. Your Datepicker selector is .component-datepicker, but you are using different settings in the JS Codes. Make sure that you are properly tracking and using the codes as we currently do not provide Customization related support. Find the following code on your Page:
   [ch_pre type="js"]$('.travel-date-group .inline-calendar')[/ch_pre]

and replace it with:
[ch_pre type="js"]$('.component-datepicker.inline-calendar')[/ch_pre]

This should definitely fix this. Hope this Helps!

Let us know if we can help you with anything else or if you find any further issues.

Hello,

The datepicker.js File is still using the Old Version. Update this File with the Default datepicker.js File included with the Package.

Please make sure that you follow the instructions carefully to avoid delays.

Hope this Helps!

Let us know if we can help you with anything else or if you find any further issues.