fix(pf3): do not use named export for DayPicker

Author: Hyperkid123

packages/pf3-component-mapper/rollup.config.js

@@ -23,9 +23,14 @@ const babelOptions = {
 
 const commonjsOptions = {
   ignoreGlobal: true,
-  include: /node_modules/,
+  include: [
+    /node_modules/,
+    '../../node_modules/**',
+
+  ],
   namedExports: {
     '../react-form-renderer/dist/index.js': [ 'composeValidators' ],
+    '../../node_modules/react-day-picker/DayPicker.js': [ 'DayPicker' ],
   },
 };
 
@@ -42,8 +47,8 @@ export default [{
   plugins: [
     async(),
     nodeResolve(),
-    babel(babelOptions),
     commonjs(commonjsOptions),
+    babel(babelOptions),
     nodeGlobals(), // Wait for https://github.com/cssinjs/jss/pull/893
     replace({ 'process.env.NODE_ENV': JSON.stringify('production') }),
     sizeSnapshot({ snapshotPath: 'size-snapshot.json' }),

packages/pf3-component-mapper/src/form-fields/date-time-picker/popover-root.js

@@ -4,7 +4,7 @@ import Navbar from './navbar';
 import MonthSelector from './month-selector';
 import YearSelector from './year-selector';
 import TimePicker from './time-picker';
-import DayPicker from 'react-day-picker/DayPicker';
+import * as DayPicker from 'react-day-picker/DayPicker';
 import MomentLocaleUtils from 'react-day-picker/moment';
 import './date-picker-styles.scss';
 
@@ -54,7 +54,7 @@ const PopoverRoot = ({
                     onPreviousClick={ () => yearChange(selectedDay ? selectedDay.getFullYear() - 1 : new Date().getFullYear() - 1) }
                   />)
                 :
-                <DayPicker
+                <DayPicker.DayPicker
                   onDayClick={ onDayClick }
                   selectedDays={ selectedDay }
                   month={ selectedDay }