contentoh-components-library 21.3.0 → 21.3.2

package/dist/components/organisms/RangeCalendar/RangeCalendar.stories.js

@@ -25,4 +25,9 @@ var Template = function Template(args) {
 
 var DefaultRangeCalendar = Template.bind({});
 exports.DefaultRangeCalendar = DefaultRangeCalendar;
-DefaultRangeCalendar.args = {};
+DefaultRangeCalendar.args = {
+  currentDates: {
+    start: "2022-12-15T00:00:00.000Z",
+    end: "2022-12-25T00:00:00.000Z"
+  }
+};

package/dist/components/organisms/RangeCalendar/index.js

@@ -37,12 +37,12 @@ var RangeCalendar = function RangeCalendar(_ref) {
       _ref$calendarId = _ref.calendarId,
       calendarId = _ref$calendarId === void 0 ? "calendar-id" : _ref$calendarId;
 
-  var _useState = (0, _react.useState)(currentDates !== null && currentDates !== void 0 && currentDates.start ? currentDates.start : new Date()),
+  var _useState = (0, _react.useState)(new Date()),
       _useState2 = (0, _slicedToArray2.default)(_useState, 2),
       startDate = _useState2[0],
       setStartDate = _useState2[1];
 
-  var _useState3 = (0, _react.useState)(currentDates !== null && currentDates !== void 0 && currentDates.end ? currentDates.end : new Date()),
+  var _useState3 = (0, _react.useState)(new Date()),
       _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
       endDate = _useState4[0],
       setEndDate = _useState4[1];
@@ -52,6 +52,14 @@ var RangeCalendar = function RangeCalendar(_ref) {
       showCalendar = _useCloseModal2[0],
       setShowCalendar = _useCloseModal2[1];
 
+  (0, _react.useEffect)(function () {
+    if (currentDates) {
+      console.log(currentDates);
+      setStartDate(new Date(currentDates.start));
+      setEndDate(new Date(currentDates.end));
+    }
+  }, [currentDates]);
+
   var onChange = function onChange(dates) {
     var _dates = (0, _slicedToArray2.default)(dates, 2),
         start = _dates[0],

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "contentoh-components-library",
-  "version": "21.3.0",
+  "version": "21.3.2",
   "dependencies": {
     "@aws-amplify/auth": "^4.5.3",
     "@aws-amplify/datastore": "^3.11.0",

package/src/components/organisms/RangeCalendar/RangeCalendar.stories.js

@@ -8,4 +8,9 @@ export default {
 const Template = (args) => <RangeCalendar {...args} />;
 
 export const DefaultRangeCalendar = Template.bind({});
-DefaultRangeCalendar.args = {};
+DefaultRangeCalendar.args = {
+  currentDates: {
+    start: "2022-12-15T00:00:00.000Z",
+    end: "2022-12-25T00:00:00.000Z",
+  },
+};

package/src/components/organisms/RangeCalendar/index.js

@@ -3,6 +3,7 @@ import { useState } from "react";
 import DatePicker, { registerLocale, setDefaultLocale } from "react-datepicker";
 import es from "date-fns/locale/es";
 import { useCloseModal } from "../../../global-files/customHooks";
+import { useEffect } from "react";
 registerLocale("es", es);
 
 export const RangeCalendar = ({
@@ -12,13 +13,16 @@ export const RangeCalendar = ({
   label = "Elige las fechas",
   calendarId = "calendar-id",
 }) => {
-  const [startDate, setStartDate] = useState(
-    currentDates?.start ? currentDates.start : new Date()
-  );
-  const [endDate, setEndDate] = useState(
-    currentDates?.end ? currentDates.end : new Date()
-  );
+  const [startDate, setStartDate] = useState(new Date());
+  const [endDate, setEndDate] = useState(new Date());
   const [showCalendar, setShowCalendar] = useCloseModal(calendarId);
+  useEffect(() => {
+    if (currentDates) {
+      console.log(currentDates);
+      setStartDate(new Date(currentDates.start));
+      setEndDate(new Date(currentDates.end));
+    }
+  }, [currentDates]);
   const onChange = (dates) => {
     const [start, end] = dates;
     setStartDate(start);