Once you've inserted the Calendar 2 field on your page that is using HTML5 Data Bindings, you cannot use the Formatter on it. When you select the field and try to use the formatter, you get a popup message telling you "Nothing Selected".

This appears to be an incompatibility issue between Calendar 2 and HTML5 Data Bindings Formatter.

There is a work around though:
The only way I've figured out how to apply the formatter to this field is to create a regular text box and bind the date to that field, then use the formatter to format the date how you want it. Lastly, go to the code of this text field you just formatted and copy the snippet for data-binding-value from the form tag and copy it into your Calendar 2 field.

Hello Steve,
Could you please be a little more datailed? What exactly do you need to format? The date field that the user sees OR the date that you send to your database?

I was formatting what the user sees. However, it doesn't really matter because the formatter can't be used for either. The extension dialog cannot be accessed - only the "Nothing Selected" is shown.

I am asking you this because you are trying to use the Formatter the wrong way.
1. If you want to format what user sees - this should be done within the Calendar 2 options under the general tab. See the screenshot.


2. If you want to format what is sent to the database - Go to Advanced tab, There is that "Alternative Field" that you should use - there you can create a hidden field, where the calendar stores what is selected, then you send this hidden field value to your db.

Got it. Thanks!