How do I add a date that has a calendar date picker?

Now when adding a date field, there is an additional option that enables you to add the option for a user to select a date from a calendar. In line with IEG4's mobile first strategy, this has been designed such that it is responsive and thus works well irrespective of the device.

Choosing to use the calendar picker function or not is simply controlled by the following new option when adding a date:

When this type of control has been added it appears as follows:

Because the date field is populated based upon the user clicking a date this means existing mandatory behaviour works the same way.