pcm-shared-components 2.0.185 → 2.0.187

package/dist/components/Date/DatePickerReactStyled/DateCalendar/index.js

@@ -29,11 +29,11 @@ export const DateCalendar = props => {
     isDateBlocked,
     focusedInput,
     onDatesChange,
-    onFocusChange,
     startDate,
     endDate,
     variant,
     vertical,
+    showSelectedDates,
     zIndex,
     i18next,
     daySize,
@@ -63,15 +63,6 @@ export const DateCalendar = props => {
       console.error(error);
     }
   };
-  const handleOnFocusChange = data => {
-    try {
-      if (typeof onFocusChange === 'function') {
-        onFocusChange(data);
-      }
-    } catch (error) {
-      console.error(error);
-    }
-  };
   const overrideCalendarTheme = {};
   return /*#__PURE__*/React.createElement("div", {
     className: `m-auto pt-0 md:pt-0 ${variant === 'standard' ? 'bottom_border' : undefined}`,
@@ -106,7 +97,7 @@ export const DateCalendar = props => {
       startDatePlaceholder: i18next.t('common.app.arrival_date'),
       endDatePlaceholder: i18next.t('common.app.departure_date')
     },
-    showSelectedDates: false,
+    showSelectedDates: showSelectedDates,
     showResetDates: false,
     showClose: false,
     onDayRender: handleOnDayRender,
@@ -117,7 +108,6 @@ export const DateCalendar = props => {
     vertical: vertical,
     numberOfMonths: numberOfMonthsVisible,
     onDatesChange: handleOnDatesChange,
-    onFocusChange: handleOnFocusChange,
     startDate: startDate // Date or null
     ,
     endDate: endDate // Date or null
@@ -135,7 +125,6 @@ DateCalendar.defaultProps = {
   onDayRender: undefined,
   isDateBlocked: undefined,
   onDatesChange: undefined,
-  onFocusChange: undefined,
   startDate: null,
   endDate: null,
   focusedInput: null,
@@ -144,7 +133,8 @@ DateCalendar.defaultProps = {
   zIndex: 1000,
   i18next: undefined,
   daySize: 40,
-  datepickerPadding: 25
+  datepickerPadding: 25,
+  showSelectedDates: false
 };
 DateCalendar.propTypes = {
   /** Used to provide the minimum booking date.  To allow date selection past todays date simply pas it an old past date example 'new Date('1999-10-02')' */
@@ -161,8 +151,6 @@ DateCalendar.propTypes = {
   isDateBlocked: PropTypes.func,
   /** Provides a (data) props to the function and doesn't expect any return value*/
   onDatesChange: PropTypes.func,
-  /** Provides a instance of focusedInput ('START_DATE','END_DATE',null) prop to the function and doesn't expect any return value*/
-  onFocusChange: PropTypes.func,
   /** The stat date of the calendar */
   startDate: PropTypes.instanceOf(Date),
   /** The end date of the calendar */
@@ -180,5 +168,7 @@ DateCalendar.propTypes = {
   /** Controls the size of the day in the calendar */
   daySize: PropTypes.number,
   /** Controls the padding of the datepicker */
-  datepickerPadding: PropTypes.number
+  datepickerPadding: PropTypes.number,
+  /** Controls the visibility of the selected dates in the calendar */
+  showSelectedDates: PropTypes.bool
 };

package/dist/components/Date/DatePickerReactStyled/DateCalendar/storybook/index.stories.js

@@ -39,19 +39,10 @@ const DateCalendarComp = props => {
   const handleOnDatesChange = data => {
     setState(data);
   };
-  const handleOnFocusChange = data => {
-    setState(previousState => {
-      return {
-        ...previousState,
-        focusedInput: data
-      };
-    });
-  };
   return /*#__PURE__*/React.createElement(DateCalendar, _extends({
     onDayRender: date => handleOnDayRender(date),
     isDateBlocked: handleIsDateBlocked,
     onDatesChange: handleOnDatesChange,
-    onFocusChange: handleOnFocusChange,
     startDate: state.startDate,
     endDate: state.endDate,
     focusedInput: state.focusedInput,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "pcm-shared-components",
-  "version": "2.0.185",
+  "version": "2.0.187",
   "private": false,
   "main": "dist/index.js",
   "babel": {