Update time save format in MaterialTimeControl

Author: AlexandraBuzila

packages/examples/src/control-options.ts

@@ -102,7 +102,7 @@ export const data = {
   number: 50.5,
   integer: 50,
   date: '2020-06-25',
-  time: '23:08',
+  time: '23:08:00',
   dateTime: '2020-06-25T23:08:42+02:00',
   enum: 'Two'
 };

packages/material/src/controls/MaterialTimeControl.tsx

@@ -71,7 +71,7 @@ export class MaterialTimeControl extends Control<
     );
 
     const format = appliedUiSchemaOptions.timeFormat ?? 'HH:mm';
-    const saveFormat = appliedUiSchemaOptions.timeSaveFormat ?? 'HH:mm';
+    const saveFormat = appliedUiSchemaOptions.timeSaveFormat ?? 'HH:mm:ss';
 
     const firstFormHelperText = showDescription
       ? description

packages/material/test/renderers/MaterialTimeControl.test.tsx

@@ -40,7 +40,7 @@ import { initCore, TestEmitter } from './util';
 
 Enzyme.configure({ adapter: new Adapter() });
 
-const data = { foo: '13:37' };
+const data = { foo: '13:37:05' };
 const schema = {
   type: 'object',
   properties: {
@@ -203,7 +203,7 @@ describe('Material time control', () => {
     );
     const input = wrapper.find('input').first();
     input.simulate('change', { target: { value: '08:40' } });
-    expect(onChangeData.data.foo).toBe('08:40');
+    expect(onChangeData.data.foo).toBe('08:40:00');
   });
 
   it('should update via action', () => {
@@ -213,7 +213,7 @@ describe('Material time control', () => {
         <MaterialTimeControl schema={schema} uischema={uischema} />
       </JsonFormsStateProvider>
     );
-    core.data = { ...core.data, foo: '08:40' };
+    core.data = { ...core.data, foo: '08:40:00' };
     wrapper.setProps({ initState: { renderers: materialRenderers, core }} );
     wrapper.update();
     const input = wrapper.find('input').first();