[BUG]

[HenriqueVilela]

Environment

• Hosting type
  • [x] Local deployment
    • Version: angular-material-formio-demo version
• Formio.js version: angular-material-formio-demo version
• Frontend framework: angular
• Browser: opera

Steps to Reproduce

1. serve the demo
2. construct the form in the form-builder using date / time component
3. use the form in the material-formio renderer

Expected behavior

show a form with the date / time field and have a calendar to pick the date

Observed behavior

it shows two calendars, besides if you manually input the time you cannot change again in the calendar.

Example

The form

components: [ { "label": "Date / Time", "format": "dd-MM-yyyy", "tableView": false, "timePicker": { "minuteStep": 15 }, "validate": { "unique": false, "multiple": false }, "key": "dateTime", "type": "datetime", "input": true, "suffix": "<i ref=\"icon\" class=\"fa fa-calendar\" style=\"\"></i>", "widget": { "type": "calendar", "displayInTimezone": "viewer", "language": "en", "useLocaleSettings": false, "allowInput": true, "mode": "single", "enableTime": true, "noCalendar": false, "format": "dd-MM-yyyy", "hourIncrement": 1, "minuteIncrement": 15, "time_24hr": false } } ]