@pedidopago/ui 1.6.9 → 1.6.11

package/dist/components/DatePicker/components/DateYearPicker.js

@@ -4,57 +4,38 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.DateYearPicker = void 0;
-
 var _react = require("react");
-
 var _framerMotion = require("framer-motion");
-
 var _Icon = _interopRequireDefault(require("../../Icon"));
-
 var _styles = require("../styles");
-
 var _getMonthName = require("../utils/getMonthName");
-
 var _jsxRuntime = require("react/jsx-runtime");
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
-
 function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-
 function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-
-function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
-
-function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
-
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i.return && (_r = _i.return(), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-
 var DateYearPicker = function DateYearPicker(_ref) {
   var date = _ref.date,
-      handleChangeDate = _ref.handleChangeDate,
-      maxDate = _ref.maxDate,
-      minDate = _ref.minDate;
-
+    handleChangeDate = _ref.handleChangeDate,
+    maxDate = _ref.maxDate,
+    minDate = _ref.minDate;
   var _useState = (0, _react.useState)(date.getFullYear()),
-      _useState2 = _slicedToArray(_useState, 2),
-      years = _useState2[0],
-      setYears = _useState2[1];
-
+    _useState2 = _slicedToArray(_useState, 2),
+    years = _useState2[0],
+    setYears = _useState2[1];
   var _useState3 = (0, _react.useState)(0),
-      _useState4 = _slicedToArray(_useState3, 2),
-      year = _useState4[0],
-      setYear = _useState4[1];
-
+    _useState4 = _slicedToArray(_useState3, 2),
+    year = _useState4[0],
+    setYear = _useState4[1];
   var yearsInterval = new Array(20).fill(0).map(function (_, index) {
     return years - 5 + index;
   });
-
   var handleSelectMonth = function handleSelectMonth(month) {
     handleChangeDate(new Date(year, month, 1));
   };
-
   var enableToBackYears = String(minDate) !== 'Invalid Date' ? new Date(minDate).getFullYear() < yearsInterval[0] : true;
   var enableToNextYears = String(maxDate) !== 'Invalid Date' ? new Date(maxDate).getFullYear() > yearsInterval[yearsInterval.length - 1] : true;
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_framerMotion.motion.div, {
@@ -118,5 +99,4 @@ var DateYearPicker = function DateYearPicker(_ref) {
     })
   });
 };
-
 exports.DateYearPicker = DateYearPicker;

package/dist/components/DatePicker/datepicker.test.js

@@ -1,75 +1,63 @@
 "use strict";
 
 var _testUtils = require("../../shared/tests/test-utils");
-
 require("@testing-library/jest-dom");
-
 var _ = _interopRequireDefault(require("."));
-
 var _jsxRuntime = require("react/jsx-runtime");
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
-function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
 var setup = function setup(props) {
   return (0, _testUtils.render)( /*#__PURE__*/(0, _jsxRuntime.jsx)(_.default, _objectSpread({}, props)));
 };
-
 describe('DatePicker', function () {
   it('should it render the datepicker component', function () {
     var _setup = setup({
-      value: new Date(),
-      onChange: jest.fn()
-    }),
-        container = _setup.container;
-
+        value: new Date(),
+        onChange: jest.fn()
+      }),
+      container = _setup.container;
     expect(container).toBeInTheDocument();
   });
   it('should it render the datepicker as range type', function () {
     var _setup2 = setup({
-      value: new Date(),
-      onChange: jest.fn(),
-      type: 'range'
-    }),
-        container = _setup2.container;
-
+        value: new Date(),
+        onChange: jest.fn(),
+        type: 'range'
+      }),
+      container = _setup2.container;
     expect(container).toBeInTheDocument();
   });
   it('should it render the datepicker as extended variant', function () {
     var _setup3 = setup({
-      value: new Date(),
-      onChange: jest.fn(),
-      variant: 'extended'
-    }),
-        container = _setup3.container;
-
+        value: new Date(),
+        onChange: jest.fn(),
+        variant: 'extended'
+      }),
+      container = _setup3.container;
     expect(container).toBeInTheDocument();
   });
   it('should it render the datepicker with minimum and maximum dates', function () {
     var _setup4 = setup({
-      value: new Date(),
-      onChange: jest.fn(),
-      minDate: new Date(),
-      maxDate: new Date()
-    }),
-        container = _setup4.container;
-
+        value: new Date(),
+        onChange: jest.fn(),
+        minDate: new Date(),
+        maxDate: new Date()
+      }),
+      container = _setup4.container;
     expect(container).toBeInTheDocument();
   });
   it('should it call the onChange function with one date value', function () {
     var onChange = jest.fn();
-
     var _setup5 = setup({
-      value: new Date(),
-      onChange: onChange
-    }),
-        container = _setup5.container;
-
+        value: new Date(),
+        onChange: onChange
+      }),
+      container = _setup5.container;
     var dateCells = document.querySelectorAll('td[role="gridcell"]');
     dateCells[20].dispatchEvent(new MouseEvent('click', {
       bubbles: true
@@ -79,14 +67,12 @@ describe('DatePicker', function () {
   });
   it('should it call the onChange function with two date values in range type', function () {
     var onChange = jest.fn();
-
     var _setup6 = setup({
-      value: new Date(),
-      onChange: onChange,
-      type: 'range'
-    }),
-        container = _setup6.container;
-
+        value: new Date(),
+        onChange: onChange,
+        type: 'range'
+      }),
+      container = _setup6.container;
     var dateCells = document.querySelectorAll('td[role="gridcell"]');
     dateCells[20].dispatchEvent(new MouseEvent('click', {
       bubbles: true
@@ -99,14 +85,12 @@ describe('DatePicker', function () {
   });
   it('should it call the onChange function with one date value in the extended variant', function () {
     var onChange = jest.fn();
-
     var _setup7 = setup({
-      value: new Date(),
-      onChange: onChange,
-      variant: 'extended'
-    }),
-        container = _setup7.container;
-
+        value: new Date(),
+        onChange: onChange,
+        variant: 'extended'
+      }),
+      container = _setup7.container;
     var dateCells = document.querySelectorAll('td[role="gridcell"]');
     dateCells[20].dispatchEvent(new MouseEvent('click', {
       bubbles: true
@@ -116,15 +100,13 @@ describe('DatePicker', function () {
   });
   it('should it call the onChange function with two date values in the extended variant', function () {
     var onChange = jest.fn();
-
     var _setup8 = setup({
-      value: new Date(),
-      onChange: onChange,
-      type: 'range',
-      variant: 'extended'
-    }),
-        container = _setup8.container;
-
+        value: new Date(),
+        onChange: onChange,
+        type: 'range',
+        variant: 'extended'
+      }),
+      container = _setup8.container;
     var dateCells = document.querySelectorAll('td[role="gridcell"]');
     dateCells[20].dispatchEvent(new MouseEvent('click', {
       bubbles: true

package/dist/components/DatePicker/index.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
 import { DatePickerProps } from './types';
-declare const DatePicker: ({ value, onChange, minDate, maxDate, variant, color, type, disableWeekendDays, isFirstClickDateInput, setIsFirstClickDateInput, enableYearPicker, }: DatePickerProps) => JSX.Element;
+declare const DatePicker: ({ value, onChange, minDate: minDateProp, maxDate: maxDateProp, variant, color, type, disableWeekendDays, isFirstClickDateInput, setIsFirstClickDateInput, enableYearPicker, }: DatePickerProps) => JSX.Element;
 export default DatePicker;
 //# sourceMappingURL=index.d.ts.map

package/dist/components/DatePicker/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/DatePicker/index.tsx"],"names":[],"mappings":";AASA,OAAO,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAE1C,QAAA,MAAM,UAAU,wJAYb,eAAe,gBAqPjB,CAAC;AAEF,eAAe,UAAU,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/DatePicker/index.tsx"],"names":[],"mappings":";AASA,OAAO,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAE1C,QAAA,MAAM,UAAU,kLAYb,eAAe,gBAqPjB,CAAC;AAEF,eAAe,UAAU,CAAC"}

package/dist/components/DatePicker/index.js

@@ -1,145 +1,114 @@
 "use strict";
 
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _react = require("react");
-
 var _framerMotion = require("framer-motion");
-
 var _react2 = require("@emotion/react");
-
 var _DatePickerContent = require("./components/DatePickerContent");
-
 var _DateYearPicker = require("./components/DateYearPicker");
-
 var _styles = require("./styles");
-
 var _jsxRuntime = require("react/jsx-runtime");
-
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
-function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
 function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
-
 function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-
 function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-
-function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
-
-function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
-
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i.return && (_r = _i.return(), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-
 var DatePicker = function DatePicker(_ref) {
   var value = _ref.value,
-      onChange = _ref.onChange,
-      minDateProp = _ref.minDate,
-      maxDateProp = _ref.maxDate,
-      _ref$variant = _ref.variant,
-      variant = _ref$variant === void 0 ? 'compact' : _ref$variant,
-      color = _ref.color,
-      _ref$type = _ref.type,
-      type = _ref$type === void 0 ? 'date' : _ref$type,
-      disableWeekendDays = _ref.disableWeekendDays,
-      isFirstClickDateInput = _ref.isFirstClickDateInput,
-      setIsFirstClickDateInput = _ref.setIsFirstClickDateInput,
-      enableYearPicker = _ref.enableYearPicker;
+    onChange = _ref.onChange,
+    minDateProp = _ref.minDate,
+    maxDateProp = _ref.maxDate,
+    _ref$variant = _ref.variant,
+    variant = _ref$variant === void 0 ? 'compact' : _ref$variant,
+    color = _ref.color,
+    _ref$type = _ref.type,
+    type = _ref$type === void 0 ? 'date' : _ref$type,
+    disableWeekendDays = _ref.disableWeekendDays,
+    isFirstClickDateInput = _ref.isFirstClickDateInput,
+    setIsFirstClickDateInput = _ref.setIsFirstClickDateInput,
+    enableYearPicker = _ref.enableYearPicker;
   var date = (0, _react.useMemo)(function () {
     return new Date();
   }, []);
   var minDate = new Date(minDateProp);
   var maxDate = new Date(maxDateProp);
-
   var _useState = (0, _react.useState)(isFirstClickDateInput || true),
-      _useState2 = _slicedToArray(_useState, 2),
-      isFirstClick = _useState2[0],
-      setIsFirstClick = _useState2[1];
-
+    _useState2 = _slicedToArray(_useState, 2),
+    isFirstClick = _useState2[0],
+    setIsFirstClick = _useState2[1];
   var _useState3 = (0, _react.useState)(function () {
-    if (value) {
-      return Array.isArray(value) ? new Date(value[0]) : new Date(value);
-    }
-
-    if (maxDateProp && minDateProp) {
-      return maxDate <= date ? new Date(maxDate.getFullYear(), maxDate.getMonth() - 1) : null;
-    }
-
-    if (minDateProp) {
-      return minDate > date ? minDate : null;
-    }
-
-    if (maxDateProp) {
-      return maxDate < date ? new Date(maxDate.getFullYear(), maxDate.getMonth() - (variant === 'compact' ? 0 : 1)) : null;
-    }
-
-    return null;
-  }),
-      _useState4 = _slicedToArray(_useState3, 2),
-      startDate = _useState4[0],
-      setStartDate = _useState4[1];
-
+      if (value) {
+        return Array.isArray(value) ? new Date(value[0]) : new Date(value);
+      }
+      if (maxDateProp && minDateProp) {
+        return maxDate <= date ? new Date(maxDate.getFullYear(), maxDate.getMonth() - 1) : null;
+      }
+      if (minDateProp) {
+        return minDate > date ? minDate : null;
+      }
+      if (maxDateProp) {
+        return maxDate < date ? new Date(maxDate.getFullYear(), maxDate.getMonth() - (variant === 'compact' ? 0 : 1)) : null;
+      }
+      return null;
+    }),
+    _useState4 = _slicedToArray(_useState3, 2),
+    startDate = _useState4[0],
+    setStartDate = _useState4[1];
   var _useState5 = (0, _react.useState)(value ? Array.isArray(value) ? new Date(value[1]) : new Date(value) : startDate),
-      _useState6 = _slicedToArray(_useState5, 2),
-      endDate = _useState6[0],
-      setEndDate = _useState6[1];
-
+    _useState6 = _slicedToArray(_useState5, 2),
+    endDate = _useState6[0],
+    setEndDate = _useState6[1];
   var endDateMonth = endDate ? endDate.getMonth() : null;
   var startDateMonth = startDate ? startDate.getMonth() : null;
-
   var _useState7 = (0, _react.useState)(function () {
-    if (endDate && endDateMonth && startDateMonth) {
-      if (Array.isArray(value) && value !== null && value !== void 0 && value[1]) {
-        if (maxDateProp) {
-          if (startDateMonth === endDateMonth && endDateMonth === maxDate.getMonth()) return endDate;
-          if (startDateMonth === endDateMonth) return new Date(endDate.getFullYear(), endDateMonth + 1);
-          return endDate;
-        } else {
-          return startDateMonth === endDateMonth ? new Date(endDate.getFullYear(), endDateMonth + 1) : endDate;
+      if (endDate && endDateMonth && startDateMonth) {
+        if (Array.isArray(value) && value !== null && value !== void 0 && value[1]) {
+          if (maxDateProp) {
+            if (startDateMonth === endDateMonth && endDateMonth === maxDate.getMonth()) return endDate;
+            if (startDateMonth === endDateMonth) return new Date(endDate.getFullYear(), endDateMonth + 1);
+            return endDate;
+          } else {
+            return startDateMonth === endDateMonth ? new Date(endDate.getFullYear(), endDateMonth + 1) : endDate;
+          }
+        }
+        if (maxDateProp && maxDate.getMonth() === startDateMonth) {
+          return maxDate;
+        }
+        if (startDate) {
+          return new Date(startDate.getFullYear(), startDateMonth + 1, 1);
         }
       }
-
-      if (maxDateProp && maxDate.getMonth() === startDateMonth) {
-        return maxDate;
+      return new Date(new Date().getFullYear(), new Date().getMonth() + 1, 1);
+    }),
+    _useState8 = _slicedToArray(_useState7, 2),
+    secondCalendarDate = _useState8[0],
+    setSecondCalendarDate = _useState8[1];
+  var _useState9 = (0, _react.useState)(function () {
+      if (secondCalendarDate && variant === 'extended' && secondCalendarDate.getMonth() === maxDate.getMonth()) {
+        return Array.isArray(value) && startDateMonth !== endDateMonth ? startDate : new Date(secondCalendarDate.getFullYear(), secondCalendarDate.getMonth() - 1);
       }
-
       if (startDate) {
-        return new Date(startDate.getFullYear(), startDateMonth + 1, 1);
+        return startDateMonth && new Date(startDate.getFullYear(), startDateMonth);
       }
-    }
-
-    return new Date(new Date().getFullYear(), new Date().getMonth() + 1, 1);
-  }),
-      _useState8 = _slicedToArray(_useState7, 2),
-      secondCalendarDate = _useState8[0],
-      setSecondCalendarDate = _useState8[1];
-
-  var _useState9 = (0, _react.useState)(function () {
-    if (secondCalendarDate && variant === 'extended' && secondCalendarDate.getMonth() === maxDate.getMonth()) {
-      return Array.isArray(value) && startDateMonth !== endDateMonth ? startDate : new Date(secondCalendarDate.getFullYear(), secondCalendarDate.getMonth() - 1);
-    }
-
-    if (startDate) {
-      return startDateMonth && new Date(startDate.getFullYear(), startDateMonth);
-    }
-
-    return new Date();
-  }),
-      _useState10 = _slicedToArray(_useState9, 2),
-      firstCalendarDate = _useState10[0],
-      setFirstCalendarDate = _useState10[1];
-
+      return new Date();
+    }),
+    _useState10 = _slicedToArray(_useState9, 2),
+    firstCalendarDate = _useState10[0],
+    setFirstCalendarDate = _useState10[1];
   var _useState11 = (0, _react.useState)(false),
-      _useState12 = _slicedToArray(_useState11, 2),
-      openYearPicker = _useState12[0],
-      setOpenYearPicker = _useState12[1];
-
+    _useState12 = _slicedToArray(_useState11, 2),
+    openYearPicker = _useState12[0],
+    setOpenYearPicker = _useState12[1];
   var isInTheRange = function isInTheRange(currentDate) {
     if (startDate && endDate) {
       var start = startDate.getTime();
@@ -147,10 +116,8 @@ var DatePicker = function DatePicker(_ref) {
       var current = currentDate && currentDate.getTime();
       return current > start && current < end;
     }
-
     return false;
   };
-
   var handleMouseOver = function handleMouseOver(currentDate) {
     if (startDate) {
       var tableRows = document.querySelectorAll('tbody tr[role="row"]');
@@ -158,13 +125,11 @@ var DatePicker = function DatePicker(_ref) {
         var rowCells = row.querySelectorAll('td');
         rowCells.forEach(function (cell) {
           var cellDate = new Date(String(cell.getAttribute('data-date')));
-
           if (cellDate.getTime() === currentDate.setHours(0, 0, 0, 0) && Number(cellDate) > Number(endDate)) {
             cell.classList.add('is-current');
           } else {
             cell.classList.remove('is-current');
           }
-
           if (cellDate <= currentDate && cellDate > startDate && !endDate) {
             cell.classList.add('is-hover');
           } else {
@@ -174,25 +139,21 @@ var DatePicker = function DatePicker(_ref) {
       });
     }
   };
-
   function resetFirstClick(value) {
     setIsFirstClick(value);
     setIsFirstClickDateInput === null || setIsFirstClickDateInput === void 0 ? void 0 : setIsFirstClickDateInput(value);
   }
-
   var handleChange = function handleChange(newDate) {
     if (type === 'date') {
       setStartDate(newDate);
       onChange === null || onChange === void 0 ? void 0 : onChange(newDate);
       return resetFirstClick(false);
     }
-
     if (isFirstClick) {
       setStartDate(newDate);
       setEndDate(null);
       return resetFirstClick(false);
     }
-
     if (startDate) {
       if (newDate < startDate) return setStartDate(newDate);
       setEndDate(newDate);
@@ -200,7 +161,6 @@ var DatePicker = function DatePicker(_ref) {
       setIsFirstClick(true);
     }
   };
-
   (0, _react.useEffect)(function () {
     if (isFirstClick && !startDate) {
       setStartDate(null);
@@ -208,11 +168,9 @@ var DatePicker = function DatePicker(_ref) {
     }
   }, [isFirstClick]);
   var firstCalendarLimit = secondCalendarDate && new Date(secondCalendarDate.getFullYear(), secondCalendarDate.getMonth(), 0);
-
   var handleToggleYearPicker = function handleToggleYearPicker() {
     setOpenYearPicker(!openYearPicker);
   };
-
   var DatePickerContentProps = {
     variant: variant,
     type: type,
@@ -234,7 +192,7 @@ var DatePicker = function DatePicker(_ref) {
     children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.DatePickerContentContainer, {
       isExtended: variant === 'extended',
       children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_framerMotion.AnimatePresence, {
-        exitBeforeEnter: true,
+        mode: "wait",
         children: !openYearPicker ? /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
           children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_DatePickerContent.DatePickerContent, _objectSpread(_objectSpread({}, DatePickerContentProps), {}, {
             date: firstCalendarDate,
@@ -255,7 +213,6 @@ var DatePicker = function DatePicker(_ref) {
               if (firstCalendarDate && secondCalendarDate) {
                 return (secondCalendarDate === null || secondCalendarDate === void 0 ? void 0 : secondCalendarDate.getMonth()) - 1 === (firstCalendarDate === null || firstCalendarDate === void 0 ? void 0 : firstCalendarDate.getMonth()) || (secondCalendarDate === null || secondCalendarDate === void 0 ? void 0 : secondCalendarDate.getMonth()) === 0 && (firstCalendarDate === null || firstCalendarDate === void 0 ? void 0 : firstCalendarDate.getMonth()) === 11;
               }
-
               return false;
             }(),
             disableWeekendDays: disableWeekendDays
@@ -275,6 +232,5 @@ var DatePicker = function DatePicker(_ref) {
     })
   });
 };
-
 var _default = DatePicker;
 exports.default = _default;