@pedidopago/ui 1.3.27 → 1.4.0

package/dist/components/DatePicker/components/DatePickerContent.js

@@ -42,7 +42,10 @@ var DatePickerContent = function DatePickerContent(_ref) {
       handleChangeDate = _ref.handleChangeDate,
       variant = _ref.variant,
       enableYearPicker = _ref.enableYearPicker,
-      handleToggleYearPicker = _ref.handleToggleYearPicker;
+      handleToggleYearPicker = _ref.handleToggleYearPicker,
+      hideNextMonthButton = _ref.hideNextMonthButton,
+      hidePrevMonthButton = _ref.hidePrevMonthButton,
+      disableWeekendDays = _ref.disableWeekendDays;
 
   var handleChangeSelectDate = function handleChangeSelectDate(newDate) {
     handleChangeDate(newDate);
@@ -122,7 +125,7 @@ var DatePickerContent = function DatePickerContent(_ref) {
           onClick: function onClick() {
             return handleChangeMonth(date.getMonth(), 'down');
           },
-          isHidden: minDate && minDate.getMonth() === date.getMonth(),
+          isHidden: minDate && minDate.getMonth() === date.getMonth() || hidePrevMonthButton,
           children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Icon.default, {
             name: "arrow-left"
           })
@@ -140,7 +143,7 @@ var DatePickerContent = function DatePickerContent(_ref) {
           onClick: function onClick() {
             return handleChangeMonth(date.getMonth(), 'up');
           },
-          isHidden: maxDate && maxDate.getMonth() === date.getMonth(),
+          isHidden: maxDate && maxDate.getMonth() === date.getMonth() || hideNextMonthButton,
           children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Icon.default, {
             name: "arrow-right"
           })
@@ -178,11 +181,13 @@ var DatePickerContent = function DatePickerContent(_ref) {
                   var dateMonth = isPreviousMonth ? date.getMonth() - 1 : isNextMonth ? date.getMonth() + 1 : date.getMonth();
                   var cellDate = new Date(date.getFullYear(), dateMonth, day);
                   var cellTitle = cellDate.toLocaleDateString();
-                  var isToday = cellDate.toLocaleDateString() === new Date().toLocaleDateString();
-                  var isStartDateOfRange = cellDate.toLocaleDateString() === startDate.toLocaleDateString();
-                  var isEndDateOfRange = cellDate.toLocaleDateString() === endDate.toLocaleDateString();
+                  var isToday = cellDate.getTime() === Date.now();
+                  var isStartDateOfRange = // setHours(0, 0, 0, 0) set the time to midnight
+                  cellDate.getTime() === startDate.setHours(0, 0, 0, 0);
+                  var isEndDateOfRange = cellDate.getTime() === endDate.getTime();
                   var outOfCurrentMonthInRange = type === 'range' && (isPreviousMonth || isNextMonth);
-                  var isDisabled = day === 0 || minDate && cellDate.getTime() < minDate.getTime() || maxDate && cellDate.getTime() > maxDate.getTime() || outOfCurrentMonthInRange;
+                  var isWeekendDay = disableWeekendDays ? cellDate.getDay() === 0 || cellDate.getDay() === 6 : false;
+                  var isDisabled = day === 0 || minDate && cellDate.getTime() < minDate.getTime() || maxDate && cellDate.getTime() > maxDate.getTime() || outOfCurrentMonthInRange || isWeekendDay;
                   var isExtended = variant === 'extended';
                   var removeZeros = days.filter(function (day) {
                     return day !== 0;
@@ -191,6 +196,7 @@ var DatePickerContent = function DatePickerContent(_ref) {
                     role: "gridcell",
                     title: cellTitle,
                     "data-date": cellDate,
+                    isTheSameDate: cellDate.getTime() === endDate.getTime() && cellDate.getTime() === startDate.getTime(),
                     tabIndex: -1,
                     disabled: isDisabled,
                     "aria-label": cellDate.toLocaleDateString('pt-BR', {

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

@@ -1,4 +1,4 @@
-/// <reference types="react" />
-import { DateYearPickerProps } from '../types';
-export declare const DateYearPicker: ({ date, handleChangeDate }: DateYearPickerProps) => JSX.Element;
+/// <reference types="react" />
+import { DateYearPickerProps } from '../types';
+export declare const DateYearPicker: ({ date, handleChangeDate }: DateYearPickerProps) => JSX.Element;
 //# sourceMappingURL=DateYearPicker.d.ts.map

package/dist/components/DatePicker/datepicker.test.d.ts

@@ -1,2 +1,2 @@
-import '@testing-library/jest-dom';
+import '@testing-library/jest-dom';
 //# sourceMappingURL=datepicker.test.d.ts.map

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, }: DatePickerProps) => JSX.Element;
-export default DatePicker;
+/// <reference types="react" />
+import { DatePickerProps } from './types';
+declare const DatePicker: ({ value, onChange, minDate: minDateProp, maxDate: maxDateProp, variant, color, type, disableWeekendDays, }: 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,iEAQb,eAAe,gBAiKjB,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,+GASb,eAAe,gBAiNjB,CAAC;AAEF,eAAe,UAAU,CAAC"}

package/dist/components/DatePicker/index.js

@@ -40,37 +40,82 @@ function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 var DatePicker = function DatePicker(_ref) {
   var value = _ref.value,
       onChange = _ref.onChange,
-      minDate = _ref.minDate,
-      maxDate = _ref.maxDate,
+      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;
+      type = _ref$type === void 0 ? 'date' : _ref$type,
+      disableWeekendDays = _ref.disableWeekendDays;
+  var date = (0, _react.useMemo)(function () {
+    return new Date();
+  }, []);
+  var minDate = new Date(minDateProp);
+  var maxDate = new Date(maxDateProp);
+
+  var _useState = (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) : maxDate;
+    }
+
+    if (minDateProp) {
+      return minDate > date ? minDate : date;
+    }
 
-  var _useState = (0, _react.useState)(value ? Array.isArray(value) ? value[0] : value : new Date()),
+    if (maxDateProp) {
+      return maxDate < date ? new Date(maxDate.getFullYear(), maxDate.getMonth() - (variant === 'compact' ? 0 : 1)) : date;
+    }
+
+    return date;
+  }),
       _useState2 = _slicedToArray(_useState, 2),
       startDate = _useState2[0],
       setStartDate = _useState2[1];
 
-  var _useState3 = (0, _react.useState)(value ? Array.isArray(value) ? value[1] : value : startDate),
+  var _useState3 = (0, _react.useState)(value ? Array.isArray(value) ? new Date(value[1]) : new Date(value) : startDate),
       _useState4 = _slicedToArray(_useState3, 2),
       endDate = _useState4[0],
       setEndDate = _useState4[1];
 
+  var endDateMonth = endDate.getMonth();
+  var startDateMonth = startDate.getMonth();
+
   var _useState5 = (0, _react.useState)(function () {
-    return new Date(startDate.getFullYear(), startDate.getMonth() - (variant === 'extended' ? 1 : 0), 1);
+    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) {
+      return maxDate.getMonth() === startDateMonth ? maxDate : new Date(startDate.getFullYear(), startDateMonth + 1, 1);
+    }
+
+    return new Date(startDate.getFullYear(), startDateMonth + 1, 1);
   }),
       _useState6 = _slicedToArray(_useState5, 2),
-      firstCalendarDate = _useState6[0],
-      setFirstCalendarDate = _useState6[1];
+      secondCalendarDate = _useState6[0],
+      setSecondCalendarDate = _useState6[1];
 
   var _useState7 = (0, _react.useState)(function () {
-    return new Date(startDate.getFullYear(), startDate.getMonth(), 1);
+    if (variant === 'extended' && secondCalendarDate.getMonth() === maxDate.getMonth()) {
+      return Array.isArray(value) && startDateMonth !== endDateMonth ? startDate : new Date(secondCalendarDate.getFullYear(), secondCalendarDate.getMonth() - 1);
+    } else {
+      return new Date(startDate.getFullYear(), startDateMonth);
+    }
   }),
       _useState8 = _slicedToArray(_useState7, 2),
-      secondCalendarDate = _useState8[0],
-      setSecondCalendarDate = _useState8[1];
+      firstCalendarDate = _useState8[0],
+      setFirstCalendarDate = _useState8[1];
 
   var _useState9 = (0, _react.useState)(false),
       _useState10 = _slicedToArray(_useState9, 2),
@@ -91,13 +136,12 @@ var DatePicker = function DatePicker(_ref) {
       rowCells.forEach(function (cell) {
         var cellDate = new Date(String(cell.getAttribute('data-date')));
         var isCurrentOverCell = cellDate.toLocaleString() === currentDate.toLocaleString();
-        var isEqualToStartDate = cellDate.toLocaleString() === startDate.toLocaleString();
-        var isBiggerThanStartDate = cellDate.getTime() > startDate.getTime();
+        var isBiggerThanStartDate = cellDate.getTime() >= startDate.getTime();
         var isSmallerThanCurrentDate = cellDate.getTime() < currentDate.getTime();
         cell.classList.remove('is-hover');
 
-        if (endDate.toLocaleString() === startDate.toLocaleString()) {
-          if ((isBiggerThanStartDate || isEqualToStartDate) && (isSmallerThanCurrentDate || isCurrentOverCell)) {
+        if (endDate.getTime() === startDate.getTime()) {
+          if (isBiggerThanStartDate && (isSmallerThanCurrentDate || isCurrentOverCell)) {
             cell.classList.add('is-hover');
             isCurrentOverCell ? cell.classList.add('is-current') : cell.classList.remove('is-current');
           } else {
@@ -116,7 +160,7 @@ var DatePicker = function DatePicker(_ref) {
       var startDateTime = startDate.getTime();
       var currentDateTime = newDate.getTime();
 
-      if (currentDateTime > startDateTime && !isInTheRange(newDate)) {
+      if (currentDateTime >= startDateTime && !isInTheRange(newDate)) {
         setEndDate(newDate);
         onChange === null || onChange === void 0 ? void 0 : onChange([startDate, newDate]);
       } else {
@@ -150,24 +194,28 @@ var DatePicker = function DatePicker(_ref) {
     children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.DatePickerContentContainer, {
       isExtended: variant === 'extended',
       children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_framerMotion.AnimatePresence, {
-        initial: false,
+        exitBeforeEnter: true,
         children: !openYearPicker ? /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
           children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_DatePickerContent.DatePickerContent, _objectSpread(_objectSpread(_objectSpread({}, DatePickerContentProps), variant !== 'extended' && {
             handleToggleYearPicker: handleToggleYearPicker,
             enableYearPicker: !maxDate && !minDate
           }), {}, {
             date: firstCalendarDate,
+            minDate: DatePickerContentProps.minDate,
             maxDate: variant === 'extended' && !maxDate ? firstCalendarLimit : variant === 'extended' ? maxDate && new Date(maxDate).getTime() < firstCalendarLimit.getTime() ? DatePickerContentProps.maxDate : firstCalendarLimit : DatePickerContentProps.maxDate,
+            disableWeekendDays: disableWeekendDays,
             handleChangeDate: function handleChangeDate(newDate) {
               return setFirstCalendarDate(newDate);
             }
           })), variant === 'extended' && /*#__PURE__*/(0, _jsxRuntime.jsx)(_DatePickerContent.DatePickerContent, _objectSpread(_objectSpread({}, DatePickerContentProps), {}, {
             date: secondCalendarDate,
-            minDate: new Date(firstCalendarDate.getFullYear(), firstCalendarDate.getMonth() + 1, 1),
+            minDate: DatePickerContentProps.minDate,
             maxDate: DatePickerContentProps.maxDate,
             handleChangeDate: function handleChangeDate(newDate) {
               setSecondCalendarDate(newDate);
-            }
+            },
+            hidePrevMonthButton: secondCalendarDate.getMonth() - 1 === firstCalendarDate.getMonth() || secondCalendarDate.getMonth() === 0 && firstCalendarDate.getMonth() === 11,
+            disableWeekendDays: disableWeekendDays
           }))]
         }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_DateYearPicker.DateYearPicker, {
           date: firstCalendarDate,

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

@@ -1,75 +1,76 @@
-/// <reference types="react" />
-import { GenericStyledProps } from './types';
-export declare const DatePickerContentContainer: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-} & {
-    isExtended: boolean;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const DatePickerContainer: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const DatePickerHeader: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const DatePickerHeaderTitle: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-} & GenericStyledProps & {
-    enableYearPicker?: boolean | undefined;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const DatePickerHeaderButton: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-} & GenericStyledProps & {
-    isHidden?: boolean | undefined;
-}, import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, {}>;
-export declare const DatePickerBody: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const DatePickerBodyTable: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-} & GenericStyledProps, import("react").DetailedHTMLProps<import("react").TableHTMLAttributes<HTMLTableElement>, HTMLTableElement>, {}>;
-export declare const DatePickerTableRow: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-} & GenericStyledProps & {
-    isRange?: boolean | undefined;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLTableRowElement>, HTMLTableRowElement>, {}>;
-export declare const DatePickerTableCell: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-} & GenericStyledProps & {
-    isPrevNextMonth?: boolean | undefined;
-    isSelected?: boolean | undefined;
-    isToday?: boolean | undefined;
-    isInTheRange?: boolean | undefined;
-    isEndDateOfRange?: boolean | undefined;
-    isStartDateOfRange?: boolean | undefined;
-    isFirstDayOfMonth?: boolean | undefined;
-    isLastDayOfMonth?: boolean | undefined;
-    disabled?: boolean | undefined;
-}, import("react").DetailedHTMLProps<import("react").TdHTMLAttributes<HTMLTableDataCellElement>, HTMLTableDataCellElement>, {}>;
-export declare const DatePickerTableCellSpan: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-} & GenericStyledProps, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
-export declare const DateYearPickerContainer: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const DateYearPickerBody: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const DateYearPickerCell: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-} & GenericStyledProps & {
-    isSelected?: boolean | undefined;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+/// <reference types="react" />
+import { GenericStyledProps } from './types';
+export declare const DatePickerContentContainer: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & {
+    isExtended: boolean;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const DatePickerContainer: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const DatePickerHeader: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const DatePickerHeaderTitle: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & GenericStyledProps & {
+    enableYearPicker?: boolean | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const DatePickerHeaderButton: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & GenericStyledProps & {
+    isHidden?: boolean | undefined;
+}, import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, {}>;
+export declare const DatePickerBody: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const DatePickerBodyTable: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & GenericStyledProps, import("react").DetailedHTMLProps<import("react").TableHTMLAttributes<HTMLTableElement>, HTMLTableElement>, {}>;
+export declare const DatePickerTableRow: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & GenericStyledProps & {
+    isRange?: boolean | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLTableRowElement>, HTMLTableRowElement>, {}>;
+export declare const DatePickerTableCell: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & GenericStyledProps & {
+    isPrevNextMonth?: boolean | undefined;
+    isSelected?: boolean | undefined;
+    isToday?: boolean | undefined;
+    isInTheRange?: boolean | undefined;
+    isEndDateOfRange?: boolean | undefined;
+    isStartDateOfRange?: boolean | undefined;
+    isFirstDayOfMonth?: boolean | undefined;
+    isLastDayOfMonth?: boolean | undefined;
+    isTheSameDate?: boolean | undefined;
+    disabled?: boolean | undefined;
+}, import("react").DetailedHTMLProps<import("react").TdHTMLAttributes<HTMLTableDataCellElement>, HTMLTableDataCellElement>, {}>;
+export declare const DatePickerTableCellSpan: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & GenericStyledProps, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
+export declare const DateYearPickerContainer: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const DateYearPickerBody: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const DateYearPickerCell: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & GenericStyledProps & {
+    isSelected?: boolean | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 //# sourceMappingURL=styles.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../src/components/DatePicker/styles.ts"],"names":[],"mappings":";AAOA,OAAO,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAC;AAE7C,eAAO,MAAM,0BAA0B;;;;gBACzB,OAAO;yGAkBpB,CAAC;AAEF,eAAO,MAAM,mBAAmB;;;yGAG/B,CAAC;AAEF,eAAO,MAAM,gBAAgB;;;yGAM5B,CAAC;AAEF,eAAO,MAAM,qBAAqB;;;;;yGAqBjC,CAAC;AAEF,eAAO,MAAM,sBAAsB;;;;;qHAqBlC,CAAC;AAEF,eAAO,MAAM,cAAc;;;yGAE1B,CAAC;AAEF,eAAO,MAAM,mBAAmB;;;uIAc/B,CAAC;AACF,eAAO,MAAM,kBAAkB;;;;;mHAkB9B,CAAC;AAEF,eAAO,MAAM,mBAAmB;;;;;;;;;;;;;+HAiJ/B,CAAC;AAEF,eAAO,MAAM,uBAAuB;;;gIAGnC,CAAC;AAEF,eAAO,MAAM,uBAAuB;;;yGAGnC,CAAC;AAEF,eAAO,MAAM,kBAAkB;;;yGAG9B,CAAC;AAEF,eAAO,MAAM,kBAAkB;;;;;yGA+B9B,CAAC"}
+{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../src/components/DatePicker/styles.ts"],"names":[],"mappings":";AAOA,OAAO,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAC;AAE7C,eAAO,MAAM,0BAA0B;;;;gBACzB,OAAO;yGAkBpB,CAAC;AAEF,eAAO,MAAM,mBAAmB;;;yGAG/B,CAAC;AAEF,eAAO,MAAM,gBAAgB;;;yGAM5B,CAAC;AAEF,eAAO,MAAM,qBAAqB;;;;;yGAqBjC,CAAC;AAEF,eAAO,MAAM,sBAAsB;;;;;qHAqBlC,CAAC;AAEF,eAAO,MAAM,cAAc;;;yGAE1B,CAAC;AAEF,eAAO,MAAM,mBAAmB;;;uIAc/B,CAAC;AACF,eAAO,MAAM,kBAAkB;;;;;mHAkB9B,CAAC;AAEF,eAAO,MAAM,mBAAmB;;;;;;;;;;;;;;+HAsJ/B,CAAC;AAEF,eAAO,MAAM,uBAAuB;;;gIAGnC,CAAC;AAEF,eAAO,MAAM,uBAAuB;;;yGAGnC,CAAC;AAEF,eAAO,MAAM,kBAAkB;;;yGAG9B,CAAC;AAEF,eAAO,MAAM,kBAAkB;;;;;yGA+B9B,CAAC"}

package/dist/components/DatePicker/styles.js

@@ -73,7 +73,7 @@ var DatePickerTableRow = _styled.default.tr(_templateObject8 || (_templateObject
 
 exports.DatePickerTableRow = DatePickerTableRow;
 
-var DatePickerTableCell = _styled.default.td(_templateObject9 || (_templateObject9 = _taggedTemplateLiteral(["\n  position: relative;\n  height: 0;\n  padding: 12px;\n  text-align: center;\n  font-family: inherit;\n  font-size: 0.75rem;\n  font-weight: 600;\n  border-radius: 50%;\n  cursor: pointer;\n  background-color: ", ";\n\n  color: ", ";\n\n  user-select: none;\n\n  transition: background 150ms ease;\n\n  ", "\n\n  ", "\n\n  ", "\n\n  &:hover {\n    background-color: ", ";\n  }\n\n  ", "\n\n  &.is-current {\n    &:before {\n      border-radius: 0 50% 50% 0 !important;\n    }\n  }\n"])), function (props) {
+var DatePickerTableCell = _styled.default.td(_templateObject9 || (_templateObject9 = _taggedTemplateLiteral(["\n  position: relative;\n  height: 0;\n  padding: 12px;\n  text-align: center;\n  font-family: inherit;\n  font-size: 0.75rem;\n  font-weight: 600;\n  border-radius: 50%;\n  cursor: pointer;\n  background-color: ", ";\n\n  color: ", ";\n\n  user-select: none;\n\n  transition: background 150ms ease;\n\n  ", "\n\n  ", "\n\n  ", "\n\n  &:hover {\n    background-color: ", ";\n  }\n\n  ", "\n\n  &.is-current[aria-selected='false']:before {\n    border-radius: 0 50% 50% 0 !important;\n  }\n\n  &.is-current[aria-selected='true']:before {\n    display: none;\n  }\n"])), function (props) {
   return !props.isPrevNextMonth && !props.disabled && (props.isSelected || props.isEndDateOfRange) ? (0, _getColorValue.getColorValue)(props.theme.colorSelected, props.theme) : 'transparent';
 }, function (props) {
   return props.isPrevNextMonth ? props.theme.colors.neutral.neutral2 : props.isSelected || props.isEndDateOfRange ? props.theme.colors.body.light : props['aria-selected'] ? (0, _getColorValue.getColorValue)(props.theme.colorSelected, props.theme) : props.theme.colors.neutral.black;
@@ -82,7 +82,7 @@ var DatePickerTableCell = _styled.default.td(_templateObject9 || (_templateObjec
 }, function (props) {
   return props.isToday && !props.isSelected && !props.isEndDateOfRange && "\n    &:after {\n      content: '';\n      position: absolute;\n      top: 50%;\n      left: 50%;\n      width: 100%;\n      height: 100%;\n      border-radius: 50%;\n      border: solid 1px ".concat(props.theme.colors.neutral.neutral2, ";\n      transform: translate(-50%, -50%);\n    }\n  ");
 }, function (props) {
-  return (props.isInTheRange || props.isEndDateOfRange || props.isStartDateOfRange) && "\n    &:before {\n      content: '';\n      position: absolute;\n      top: 50%;\n      left: 50%;\n      width: 100%;\n      height: 96%;\n      border-radius: ".concat(props.isStartDateOfRange ? '50% 0 0 50% !important' : props.isEndDateOfRange ? '0 50% 50% 0 !important' : props.isFirstDayOfMonth ? '4px 0 0 4px' : props.isLastDayOfMonth ? '0 4px 4px 0' : '0', ";\n      \n      background-color: ").concat(!props.isPrevNextMonth && !props.disabled ? (0, _colorCheck.parseHexColorToRgba)((0, _getColorValue.getColorValue)(props.theme.colorSelected, props.theme), 0.1) : 'transparent', "; \n      transform: translate(-50%, -50%);\n    }\n  ");
+  return !props.isTheSameDate && (props.isInTheRange || props.isEndDateOfRange || props.isStartDateOfRange) && "\n    \n    &:before {\n      content: '';\n      position: absolute;\n      top: 50%;\n      left: 50%;\n      width: 100%;\n      height: 96%;\n      border-radius: ".concat(props.isStartDateOfRange ? '50% 0 0 50% !important' : props.isEndDateOfRange ? '0 50% 50% 0 !important' : props.isFirstDayOfMonth ? '4px 0 0 4px' : props.isLastDayOfMonth ? '0 4px 4px 0' : '0', ";\n      \n      background-color: ").concat(!props.isPrevNextMonth && !props.disabled ? (0, _colorCheck.parseHexColorToRgba)((0, _getColorValue.getColorValue)(props.theme.colorSelected, props.theme), 0.1) : 'transparent', "; \n      transform: translate(-50%, -50%);\n    }\n  ");
 }, function (props) {
   return !props.isSelected && !props.isEndDateOfRange && (0, _colorCheck.parseHslColorToString)((0, _colorToGray.convertColor)((0, _getColorValue.getColorValue)(props.theme.colorSelected, props.theme)).neutral1);
 }, function (props) {

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

@@ -1,59 +1,63 @@
-import { ExtendThemeProps, GlobalColorsProps } from '../../shared/theme/theme.types';
-export declare type DatePickerProps = {
-    /**
-     * Sets the date picker's type.
-     * @default 'date'
-     */
-    type?: 'date' | 'range';
-    /**
-     * Sets the date container type.
-     * @default 'compact'
-     */
-    variant?: 'compact' | 'extended';
-    /**
-     * Sets the date picker's current/initial value.
-     */
-    value?: Date | [Date, Date];
-    /**
-     * Sets the date picker's minimum month and year.
-     * @summary To set the minimum date, the date needs to be the first day of the month.
-     */
-    minDate?: Date;
-    /**
-     * Sets the date picker's maximum month and year.
-     * @summary To set the maximum date, the date needs to be the first day of the month.
-     */
-    maxDate?: Date;
-    /**
-     * Callback function that is called when the date picker's value changes.
-     * @param {Date} date - The new date.
-     */
-    onChange?: (date: Date | [Date, Date]) => void;
-    color?: GlobalColorsProps | (string & {});
-};
-export declare type GenericStyledProps = {
-    theme?: ExtendThemeProps & {
-        colorSelected: GlobalColorsProps | (string & {});
-    };
-};
-export declare type DatePickerContentProps = {
-    variant?: 'compact' | 'extended';
-    startDate: Date;
-    date: Date;
-    endDate: Date;
-    isInTheRange: (currentDate: Date) => boolean;
-    handleMouseOver: (currentDate: Date) => void;
-    handleChange: (newDate: Date) => void;
-    handleChangeDate: (newDate: Date) => void;
-    handleToggleYearPicker?: () => void;
-    enableYearPicker?: boolean;
-    minDate?: Date;
-    maxDate?: Date;
-    type?: 'date' | 'range';
-    color?: 'primary' | 'secondary' | 'tertiary';
-};
-export declare type DateYearPickerProps = {
-    date: Date;
-    handleChangeDate: (newDate: Date) => void;
-};
+import { ExtendThemeProps, GlobalColorsProps } from '../../shared/theme/theme.types';
+export declare type DatePickerProps = {
+    /**
+     * Sets the date picker's type.
+     * @default 'date'
+     */
+    type?: 'date' | 'range';
+    /**
+     * Sets the date container type.
+     * @default 'compact'
+     */
+    variant?: 'compact' | 'extended';
+    /**
+     * Sets the date picker's current/initial value.
+     */
+    value?: Date | [Date, Date];
+    /**
+     * Sets the date picker's minimum month and year.
+     * @summary To set the minimum date, the date needs to be the first day of the month.
+     */
+    minDate?: Date | number | string;
+    /**
+     * Sets the date picker's maximum month and year.
+     * @summary To set the maximum date, the date needs to be the first day of the month.
+     */
+    maxDate?: Date | number | string;
+    /**
+     * Callback function that is called when the date picker's value changes.
+     * @param {Date} date - The new date.
+     */
+    onChange?: (date: Date | [Date, Date]) => void;
+    color?: GlobalColorsProps | (string & {});
+    disableWeekendDays?: boolean;
+};
+export declare type GenericStyledProps = {
+    theme?: ExtendThemeProps & {
+        colorSelected: GlobalColorsProps | (string & {});
+    };
+};
+export declare type DatePickerContentProps = {
+    variant?: 'compact' | 'extended';
+    startDate: Date;
+    date: Date;
+    endDate: Date;
+    isInTheRange: (currentDate: Date) => boolean;
+    handleMouseOver: (currentDate: Date) => void;
+    handleChange: (newDate: Date) => void;
+    handleChangeDate: (newDate: Date) => void;
+    handleToggleYearPicker?: () => void;
+    enableYearPicker?: boolean;
+    minDate?: Date;
+    maxDate?: Date;
+    type?: 'date' | 'range';
+    color?: 'primary' | 'secondary' | 'tertiary';
+    hideNextMonthButton?: boolean;
+    hidePrevMonthButton?: boolean;
+    disableWeekendDays?: boolean;
+};
+export declare type DateYearPickerProps = {
+    date: Date;
+    handleChangeDate: (newDate: Date) => void;
+};
 //# sourceMappingURL=types.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/DatePicker/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,iBAAiB,EAAE,MAAM,gCAAgC,CAAC;AAErF,oBAAY,eAAe,GAAG;IAC5B;;;OAGG;IACH,IAAI,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IACxB;;;OAGG;IACH,OAAO,CAAC,EAAE,SAAS,GAAG,UAAU,CAAC;IACjC;;OAEG;IACH,KAAK,CAAC,EAAE,IAAI,GAAG,CAAC,IAAI,EAAE,IAAI,CAAC,CAAC;IAC5B;;;OAGG;IACH,OAAO,CAAC,EAAE,IAAI,CAAC;IACf;;;OAGG;IACH,OAAO,CAAC,EAAE,IAAI,CAAC;IACf;;;OAGG;IACH,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,GAAG,CAAC,IAAI,EAAE,IAAI,CAAC,KAAK,IAAI,CAAC;IAC/C,KAAK,CAAC,EAAE,iBAAiB,GAAG,CAAC,MAAM,GAAG,EAAE,CAAC,CAAC;CAC3C,CAAC;AAEF,oBAAY,kBAAkB,GAAG;IAC/B,KAAK,CAAC,EAAE,gBAAgB,GAAG;QACzB,aAAa,EAAE,iBAAiB,GAAG,CAAC,MAAM,GAAG,EAAE,CAAC,CAAC;KAClD,CAAC;CACH,CAAC;AAEF,oBAAY,sBAAsB,GAAG;IACnC,OAAO,CAAC,EAAE,SAAS,GAAG,UAAU,CAAC;IACjC,SAAS,EAAE,IAAI,CAAC;IAChB,IAAI,EAAE,IAAI,CAAC;IACX,OAAO,EAAE,IAAI,CAAC;IACd,YAAY,EAAE,CAAC,WAAW,EAAE,IAAI,KAAK,OAAO,CAAC;IAC7C,eAAe,EAAE,CAAC,WAAW,EAAE,IAAI,KAAK,IAAI,CAAC;IAC7C,YAAY,EAAE,CAAC,OAAO,EAAE,IAAI,KAAK,IAAI,CAAC;IACtC,gBAAgB,EAAE,CAAC,OAAO,EAAE,IAAI,KAAK,IAAI,CAAC;IAC1C,sBAAsB,CAAC,EAAE,MAAM,IAAI,CAAC;IACpC,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,OAAO,CAAC,EAAE,IAAI,CAAC;IACf,OAAO,CAAC,EAAE,IAAI,CAAC;IACf,IAAI,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IACxB,KAAK,CAAC,EAAE,SAAS,GAAG,WAAW,GAAG,UAAU,CAAC;CAC9C,CAAC;AAEF,oBAAY,mBAAmB,GAAG;IAChC,IAAI,EAAE,IAAI,CAAC;IACX,gBAAgB,EAAE,CAAC,OAAO,EAAE,IAAI,KAAK,IAAI,CAAC;CAC3C,CAAC"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/DatePicker/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,iBAAiB,EAAE,MAAM,gCAAgC,CAAC;AAErF,oBAAY,eAAe,GAAG;IAC5B;;;OAGG;IACH,IAAI,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IACxB;;;OAGG;IACH,OAAO,CAAC,EAAE,SAAS,GAAG,UAAU,CAAC;IACjC;;OAEG;IACH,KAAK,CAAC,EAAE,IAAI,GAAG,CAAC,IAAI,EAAE,IAAI,CAAC,CAAC;IAC5B;;;OAGG;IACH,OAAO,CAAC,EAAE,IAAI,GAAG,MAAM,GAAG,MAAM,CAAC;IACjC;;;OAGG;IACH,OAAO,CAAC,EAAE,IAAI,GAAG,MAAM,GAAG,MAAM,CAAC;IACjC;;;OAGG;IACH,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,GAAG,CAAC,IAAI,EAAE,IAAI,CAAC,KAAK,IAAI,CAAC;IAC/C,KAAK,CAAC,EAAE,iBAAiB,GAAG,CAAC,MAAM,GAAG,EAAE,CAAC,CAAC;IAC1C,kBAAkB,CAAC,EAAE,OAAO,CAAC;CAC9B,CAAC;AAEF,oBAAY,kBAAkB,GAAG;IAC/B,KAAK,CAAC,EAAE,gBAAgB,GAAG;QACzB,aAAa,EAAE,iBAAiB,GAAG,CAAC,MAAM,GAAG,EAAE,CAAC,CAAC;KAClD,CAAC;CACH,CAAC;AAEF,oBAAY,sBAAsB,GAAG;IACnC,OAAO,CAAC,EAAE,SAAS,GAAG,UAAU,CAAC;IACjC,SAAS,EAAE,IAAI,CAAC;IAChB,IAAI,EAAE,IAAI,CAAC;IACX,OAAO,EAAE,IAAI,CAAC;IACd,YAAY,EAAE,CAAC,WAAW,EAAE,IAAI,KAAK,OAAO,CAAC;IAC7C,eAAe,EAAE,CAAC,WAAW,EAAE,IAAI,KAAK,IAAI,CAAC;IAC7C,YAAY,EAAE,CAAC,OAAO,EAAE,IAAI,KAAK,IAAI,CAAC;IACtC,gBAAgB,EAAE,CAAC,OAAO,EAAE,IAAI,KAAK,IAAI,CAAC;IAC1C,sBAAsB,CAAC,EAAE,MAAM,IAAI,CAAC;IACpC,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,OAAO,CAAC,EAAE,IAAI,CAAC;IACf,OAAO,CAAC,EAAE,IAAI,CAAC;IACf,IAAI,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IACxB,KAAK,CAAC,EAAE,SAAS,GAAG,WAAW,GAAG,UAAU,CAAC;IAC7C,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,kBAAkB,CAAC,EAAE,OAAO,CAAC;CAC9B,CAAC;AAEF,oBAAY,mBAAmB,GAAG;IAChC,IAAI,EAAE,IAAI,CAAC;IACX,gBAAgB,EAAE,CAAC,OAAO,EAAE,IAAI,KAAK,IAAI,CAAC;CAC3C,CAAC"}

package/dist/components/DatePicker/utils/getMonthName.d.ts

@@ -1,2 +1,2 @@
-export declare const getMonthName: (month: number) => string;
+export declare const getMonthName: (month: number) => string;
 //# sourceMappingURL=getMonthName.d.ts.map

package/dist/components/Dialog/dialog-example.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
-import { IDialogProps } from './types';
-export default function DialogExample(props: IDialogProps): JSX.Element;
+/// <reference types="react" />
+import { IDialogProps } from './types';
+export default function DialogExample(props: IDialogProps): JSX.Element;
 //# sourceMappingURL=dialog-example.d.ts.map

package/dist/components/Dialog/dialog.test.d.ts

@@ -1,2 +1,2 @@
-import '@testing-library/jest-dom';
+import '@testing-library/jest-dom';
 //# sourceMappingURL=dialog.test.d.ts.map

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

@@ -1,4 +1,4 @@
-/// <reference types="react" />
-import { IDialogProps } from './types';
-export declare function Dialog({ open, illustration, title, message, closeButton, confirmationButton, cancelButton, backgroundColor, contentColor, onClose, }: IDialogProps): JSX.Element;
+/// <reference types="react" />
+import { IDialogProps } from './types';
+export declare function Dialog({ open, illustration, title, message, closeButton, confirmationButton, cancelButton, backgroundColor, contentColor, onClose, }: IDialogProps): JSX.Element;
 //# sourceMappingURL=index.d.ts.map