feat(pf4): use original timepicker component

Author: rvsia

packages/pf4-component-mapper/src/tests/form-fields.test.js

@@ -312,7 +312,7 @@ describe('FormFields', () => {
                   .first()
                   .props().disabled
               ).toEqual(true);
-            } else if ([componentTypes.CHECKBOX, componentTypes.RADIO, componentTypes.SWITCH, componentTypes.SLIDER].includes(component)) {
+            } else if ([componentTypes.TIME_PICKER, componentTypes.CHECKBOX, componentTypes.RADIO, componentTypes.SWITCH, componentTypes.SLIDER].includes(component)) {
               expect(
                 wrapper
                   .find('input')

packages/pf4-component-mapper/src/time-picker/time-picker.js

@@ -1,9 +1,8 @@
 import React from 'react';
 import FormGroup from '../form-group/form-group';
-import { TextInput } from '@patternfly/react-core';
+import { TimePicker as PF4TimePicker } from '@patternfly/react-core';
 import { useFieldApi } from '@data-driven-forms/react-form-renderer';
 import PropTypes from 'prop-types';
-import showError from '../show-error/show-error';
 
 const TimePicker = (props) => {
   const {
@@ -33,14 +32,12 @@ const TimePicker = (props) => {
       id={id || input.name}
       FormGroupProps={FormGroupProps}
     >
-      <TextInput
-        {...showError(meta, validateOnMount)}
+      <PF4TimePicker
         {...input}
+        defaultTime={input.value}
         {...rest}
-        type="time"
         id={id || input.name}
-        isReadOnly={isReadOnly}
-        isDisabled={isDisabled}
+        isDisabled={isDisabled || isReadOnly}
       />
     </FormGroup>
   );