Fix field types for number and time fields.

Fix values passing to checkbox wrapper.

Author: robgietema

frontend/packages/volto-form-block/src/schemaFormBlock/ViewSchemaForm.jsx

@@ -8,7 +8,7 @@ import { toast } from 'react-toastify';
 import { Toast } from '@plone/volto/components';
 import { useLocation } from 'react-router-dom';
 import qs from 'query-string';
-import { includes, keys, map, pickBy, without } from 'lodash';
+import { includes, keys, map, pickBy, without, isObject } from 'lodash';
 import { Grid, Message } from 'semantic-ui-react';
 import config from '@plone/volto/registry';
 import { renderToString } from 'react-dom/server';
@@ -77,6 +77,23 @@ const FormBlockView = ({ data, id, properties, metadata, path }) => {
         ),
     );
 
+    map(keys(submitData), (field) => {
+      if (
+        data.schema.properties[field].factory === 'number' &&
+        submitData[field] !== undefined
+      ) {
+        submitData[field] = parseInt(submitData[field]);
+      }
+
+      if (
+        data.schema.properties[field].factory === 'time' &&
+        isObject(submitData[field])
+      ) {
+        submitData[field] =
+          `${submitData[field].hour}:${submitData[field].minute}`;
+      }
+    });
+
     dispatch(submitForm(path, id, submitData, captcha))
       .then((resp) => {
         setSubmitted(true);

frontend/packages/volto-form-block/src/schemaFormBlock/Wrappers/CheckboxWrapper.jsx

@@ -37,14 +37,15 @@ const CheckboxWrapper = (props) => {
         value={value || ''}
         label={title}
         description={description}
+        default={props.default}
         isRequired={required}
         labelRequired={intl.formatMessage(messages.required)}
         disabled={isDisabled}
         onChange={(value) => onChange(id, value === '' ? undefined : value)}
         ref={ref}
         onClick={() => onClick()}
         errorMessage={error ? error[0] : ''}
-        isInvalid={error}
+        isInvalid={error !== undefined}
       />
     </FormFieldWrapper>
   );