Add DateProperty and EmailProperty components

[Devesh0129]

Paste this schema in Schema → Text View

{
"type": "object",
"properties": {
"name": {
"type": "string"
},
"birthDate": {
"type": "string",
"format": "date"
},
"email": {
"type": "string",
"format": "email"
}
}
}

Then switch to Data → GUI View and verify:

• name shows a plain text input
• birthDate shows a date picker calendar
• email shows an email input with placeholder `email@exam

[Logende]

The DateProperty.vue is perfect! Regarding the EmailProperty.vue, it looks to me as if it is the same as the normal string property, except it additionally has a placeholder. If that is the case, to avoid duplication a better approach would be:

1. No new EmailProperty.vue
2. In resolveCorrespondingComponent.ts‎, if the type has string and format is email, then IF the schema does not have any examples (undefined or an array of length 0), set node.schema.examples to [ "[email protected]" ]
3. the email-condition block should not return anything, just modify the schema. Then in the next check, the code would go into the normal StringProperty block and create a StringProperty, but with the newly added example (if no example was provided by the user). Examples are rendered as placeholders, in the same way as you put your custom placeholder.
   @Devesh0129