feat(pf4): use original datePicker component

Author: rvsia

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

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

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

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