@quillsql/react 2.8.9 → 2.9.1

package/dist/DateRangePicker/DateRangePickerButton.js

@@ -1,18 +1,20 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { ArrowDownHeadIcon, CalendarIcon } from '../assets';
-import { formatSelectedDates } from './dateRangePickerUtils';
-import { hasValue } from '../components/selectUtils';
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const jsx_runtime_1 = require("react/jsx-runtime");
+const assets_1 = require("../assets");
+const dateRangePickerUtils_1 = require("./dateRangePickerUtils");
+const selectUtils_1 = require("../components/selectUtils");
 const DateRangePickerButton = ({ value, options, placeholder, disabled, calendarRef, showCalendar, setShowCalendar, onCalendarKeyDown, enableDropdown, dropdownRef, showDropdown, setShowDropdown, onDropdownKeyDown, locale, dropdownPlaceholder = 'Select', theme, }) => {
     const [startDate, endDate, dropdownValue] = value;
     const hasDateSelection = (startDate || endDate) !== null && (startDate || endDate) !== undefined;
-    const hasDropdownSelection = hasValue(dropdownValue);
+    const hasDropdownSelection = (0, selectUtils_1.hasValue)(dropdownValue);
     const calendarText = hasDateSelection
-        ? formatSelectedDates(startDate, endDate, locale)
+        ? (0, dateRangePickerUtils_1.formatSelectedDates)(startDate, endDate, locale)
         : placeholder;
     const dropdownText = dropdownValue
         ? String(options.find(option => option.value === dropdownValue)?.text)
         : dropdownPlaceholder;
-    return (_jsxs("div", { style: {
+    return ((0, jsx_runtime_1.jsxs)("div", { style: {
             display: 'flex',
             alignItems: 'center',
             justifyContent: 'space-between',
@@ -20,7 +22,7 @@ const DateRangePickerButton = ({ value, options, placeholder, disabled, calendar
             background: theme?.backgroundColor,
             fontFamily: theme?.fontFamily,
             boxShadow: '0 1px 2px 0 rgba(0, 0, 0, 0.05)',
-        }, children: [_jsxs("button", { type: "button", style: {
+        }, children: [(0, jsx_runtime_1.jsxs)("button", { type: "button", style: {
                     fontFamily: theme?.fontFamily,
                     borderColor: theme?.borderColor || '#E5E7EB',
                     borderStyle: 'solid',
@@ -61,14 +63,14 @@ const DateRangePickerButton = ({ value, options, placeholder, disabled, calendar
                 //   borderRadius.md.left,
                 //   border.sm.all
                 // )}
-                disabled: disabled, children: [_jsx(CalendarIcon, { style: {
+                disabled: disabled, children: [(0, jsx_runtime_1.jsx)(assets_1.CalendarIcon, { style: {
                             flex: 'none',
                             color: theme?.secondaryTextColor,
                             height: '1.25rem',
                             width: '1.25rem',
                             // marginLeft: '0.125rem',
                             marginRight: '0.75rem',
-                        }, "aria-hidden": "true" }), _jsx("p", { style: {
+                        }, "aria-hidden": "true" }), (0, jsx_runtime_1.jsx)("p", { style: {
                             margin: 0,
                             fontFamily: theme?.fontFamily,
                             color: theme?.primaryTextColor,
@@ -77,7 +79,7 @@ const DateRangePickerButton = ({ value, options, placeholder, disabled, calendar
                             whiteSpace: 'nowrap',
                             fontWeight: theme?.fontWeightMedium || '500',
                             fontSize: theme?.fontSizeSmall || '14px',
-                        }, children: calendarText })] }), enableDropdown ? (_jsxs("button", { type: "button", style: {
+                        }, children: calendarText })] }), enableDropdown ? ((0, jsx_runtime_1.jsxs)("button", { type: "button", style: {
                     // fontFamily: theme?.fontFamily,
                     borderColor: theme?.borderColor || '#E5E7EB',
                     borderStyle: 'solid',
@@ -114,7 +116,7 @@ const DateRangePickerButton = ({ value, options, placeholder, disabled, calendar
                 // borderRadius.md.right,
                 // border.sm.all
                 // )}
-                onKeyDown: onDropdownKeyDown, disabled: disabled, children: [_jsx("p", { style: {
+                onKeyDown: onDropdownKeyDown, disabled: disabled, children: [(0, jsx_runtime_1.jsx)("p", { style: {
                             margin: 0,
                             fontFamily: theme?.fontFamily,
                             // fontFamily: 'Avenir',
@@ -125,7 +127,7 @@ const DateRangePickerButton = ({ value, options, placeholder, disabled, calendar
                             fontWeight: theme?.fontWeightMedium || '500',
                             fontSize: theme?.fontSizeSmall || '14px',
                             // background: 'red',
-                        }, children: dropdownText }), _jsx(ArrowDownHeadIcon, { style: {
+                        }, children: dropdownText }), (0, jsx_runtime_1.jsx)(assets_1.ArrowDownHeadIcon, { style: {
                             height: '20px',
                             width: '20px',
                             flex: 'none',
@@ -133,4 +135,5 @@ const DateRangePickerButton = ({ value, options, placeholder, disabled, calendar
                             marginRight: '-4px',
                         }, "aria-hidden": "true" })] })) : null] }));
 };
-export default DateRangePickerButton;
+exports.default = DateRangePickerButton;
+//# sourceMappingURL=DateRangePickerButton.js.map

package/dist/DateRangePicker/dateRangePickerUtils.d.ts

@@ -41,4 +41,3 @@ export declare const displaySelected: (selectedStartDay: Date | null, selectedEn
 export declare const formatSelectedDates: (startDate: Date | null, endDate: Date | null, locale?: Locale) => string;
 export {};
 /** This is the current dateFilter Object, I think we can pare it down */
-//# sourceMappingURL=dateRangePickerUtils.d.ts.map

package/dist/DateRangePicker/dateRangePickerUtils.js

@@ -1,63 +1,72 @@
-import { addDays, differenceInDays, format, isEqual, isToday, max, min, startOfDay, startOfMonth, startOfToday, startOfWeek, startOfYear, sub, } from 'date-fns';
-import { hexToRgbaWith10PercentAlpha } from '../BarList';
-export const getWeekdays = (locale) => {
-    const firstDayOfWeek = startOfWeek(new Date());
-    return Array.from(Array(7)).map((e, i) => format(addDays(firstDayOfWeek, i), 'EEEEEE', { locale }));
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.formatSelectedDates = exports.displaySelected = exports.getDateStyles = exports.getRangeFromPreset = exports.reportBuilderOptions = exports.defaultOptions = exports.COMPARISON_RANGE = exports.PRIMARY_CODES = exports.PRIMARY_RANGE = exports.parseEndDate = exports.parseStartDate = exports.getEndDateByDropdownValue = exports.getStartDateByDropdownValue = exports.capitalize = exports.getWeekdays = void 0;
+const date_fns_1 = require("date-fns");
+const BarList_1 = require("../BarList");
+const getWeekdays = (locale) => {
+    const firstDayOfWeek = (0, date_fns_1.startOfWeek)(new Date());
+    return Array.from(Array(7)).map((e, i) => (0, date_fns_1.format)((0, date_fns_1.addDays)(firstDayOfWeek, i), 'EEEEEE', { locale }));
 };
-export const capitalize = (s, locale) => {
+exports.getWeekdays = getWeekdays;
+const capitalize = (s, locale) => {
     return s.charAt(0).toLocaleUpperCase(locale.code) + s.substring(1);
 };
-export const getStartDateByDropdownValue = (dropdownValue, dropdownOptions) => {
+exports.capitalize = capitalize;
+const getStartDateByDropdownValue = (dropdownValue, dropdownOptions) => {
     if (!dropdownOptions) {
         return null;
     }
     const startDate = dropdownOptions.find((option) => option.value === dropdownValue)?.startDate ?? null;
-    return startDate ? startOfDay(startDate) : null;
+    return startDate ? (0, date_fns_1.startOfDay)(startDate) : null;
 };
-export const getEndDateByDropdownValue = (dropdownValue, dropdownOptions) => {
+exports.getStartDateByDropdownValue = getStartDateByDropdownValue;
+const getEndDateByDropdownValue = (dropdownValue, dropdownOptions) => {
     if (!dropdownOptions) {
-        return startOfToday();
+        return (0, date_fns_1.startOfToday)();
     }
-    return startOfDay(dropdownOptions.find((option) => option.value === dropdownValue)?.endDate ?? startOfToday());
+    return (0, date_fns_1.startOfDay)(dropdownOptions.find((option) => option.value === dropdownValue)?.endDate ?? (0, date_fns_1.startOfToday)());
 };
-export const parseStartDate = (startDate, minDate, selectedDropdownValue, dropdownOptions) => {
+exports.getEndDateByDropdownValue = getEndDateByDropdownValue;
+const parseStartDate = (startDate, minDate, selectedDropdownValue, dropdownOptions) => {
     if (selectedDropdownValue) {
-        startDate = getStartDateByDropdownValue(selectedDropdownValue, dropdownOptions);
+        startDate = (0, exports.getStartDateByDropdownValue)(selectedDropdownValue, dropdownOptions);
     }
     if (!startDate)
         return null;
     if (startDate && !minDate)
-        return startOfDay(startDate);
-    return startOfDay(max([startDate, minDate]));
+        return (0, date_fns_1.startOfDay)(startDate);
+    return (0, date_fns_1.startOfDay)((0, date_fns_1.max)([startDate, minDate]));
 };
-export const parseEndDate = (endDate, maxDate, selectedDropdownValue, dropdownOptions) => {
+exports.parseStartDate = parseStartDate;
+const parseEndDate = (endDate, maxDate, selectedDropdownValue, dropdownOptions) => {
     if (selectedDropdownValue) {
-        endDate = getEndDateByDropdownValue(selectedDropdownValue, dropdownOptions);
+        endDate = (0, exports.getEndDateByDropdownValue)(selectedDropdownValue, dropdownOptions);
     }
     if (!endDate)
         return null;
     if (endDate && !maxDate)
-        return startOfDay(endDate);
-    return startOfDay(min([endDate, maxDate]));
+        return (0, date_fns_1.startOfDay)(endDate);
+    return (0, date_fns_1.startOfDay)((0, date_fns_1.min)([endDate, maxDate]));
 };
+exports.parseEndDate = parseEndDate;
 /**
  * A simple map between the primary range key and the QuillDateRange for that
  * key ending on today.
  */
-export const PRIMARY_RANGE = {
-    THIS_WEEK: { start: startOfWeek(startOfToday()), end: new Date() },
-    THIS_MONTH: { start: startOfMonth(startOfToday()), end: new Date() },
-    THIS_YEAR: { start: startOfYear(startOfToday()), end: new Date() },
-    LAST_7_DAYS: { start: sub(startOfToday(), { days: 7 }), end: new Date() },
-    LAST_30_DAYS: { start: sub(startOfToday(), { days: 30 }), end: new Date() },
-    LAST_90_DAYS: { start: sub(startOfToday(), { days: 90 }), end: new Date() },
-    LAST_6_MONTHS: { start: sub(startOfToday(), { months: 6 }), end: new Date() },
+exports.PRIMARY_RANGE = {
+    THIS_WEEK: { start: (0, date_fns_1.startOfWeek)((0, date_fns_1.startOfToday)()), end: new Date() },
+    THIS_MONTH: { start: (0, date_fns_1.startOfMonth)((0, date_fns_1.startOfToday)()), end: new Date() },
+    THIS_YEAR: { start: (0, date_fns_1.startOfYear)((0, date_fns_1.startOfToday)()), end: new Date() },
+    LAST_7_DAYS: { start: (0, date_fns_1.sub)((0, date_fns_1.startOfToday)(), { days: 7 }), end: new Date() },
+    LAST_30_DAYS: { start: (0, date_fns_1.sub)((0, date_fns_1.startOfToday)(), { days: 30 }), end: new Date() },
+    LAST_90_DAYS: { start: (0, date_fns_1.sub)((0, date_fns_1.startOfToday)(), { days: 90 }), end: new Date() },
+    LAST_6_MONTHS: { start: (0, date_fns_1.sub)((0, date_fns_1.startOfToday)(), { months: 6 }), end: new Date() },
     ALL_TIME: { start: new Date(0), end: new Date() },
 };
 /**
  * Maps between the keys of primary range and the short code.
  */
-export const PRIMARY_CODES = {
+exports.PRIMARY_CODES = {
     THIS_WEEK: "wk",
     THIS_MONTH: "m",
     THIS_YEAR: "y",
@@ -72,104 +81,105 @@ export const PRIMARY_CODES = {
  * start date of the primary range (which is also the end date for our
  * comparison range) and returns a QuillDateRange based on that key and date.
  */
-export const COMPARISON_RANGE = {
+exports.COMPARISON_RANGE = {
     PREV_PERIOD: ({ start, end }) => ({
-        start: sub(start, { days: differenceInDays(end, start) }),
+        start: (0, date_fns_1.sub)(start, { days: (0, date_fns_1.differenceInDays)(end, start) }),
         end: start,
     }),
     PREV_7_DAYS: ({ start }) => ({
-        start: sub(start, { days: 7 }),
+        start: (0, date_fns_1.sub)(start, { days: 7 }),
         end: start,
     }),
     PREV_30_DAYS: ({ start }) => ({
-        start: sub(start, { days: 30 }),
+        start: (0, date_fns_1.sub)(start, { days: 30 }),
         end: start,
     }),
     PREV_90_DAYS: ({ start }) => ({
-        start: sub(start, { days: 90 }),
+        start: (0, date_fns_1.sub)(start, { days: 90 }),
         end: start,
     }),
     NO_COMPARISON: (_) => null,
 };
-export const defaultOptions = [
+exports.defaultOptions = [
     {
         value: 'wk',
         text: 'This week',
-        startDate: PRIMARY_RANGE['THIS_WEEK']?.start,
+        startDate: exports.PRIMARY_RANGE['THIS_WEEK']?.start,
     },
     {
         value: 'm',
         text: 'This month',
-        startDate: PRIMARY_RANGE['THIS_MONTH']?.start,
+        startDate: exports.PRIMARY_RANGE['THIS_MONTH']?.start,
     },
     {
         value: 'y',
         text: 'This year',
-        startDate: PRIMARY_RANGE['THIS_YEAR']?.start,
+        startDate: exports.PRIMARY_RANGE['THIS_YEAR']?.start,
     },
     {
         value: 'w',
         text: 'Last 7 days',
-        startDate: PRIMARY_RANGE['LAST_7_DAYS']?.start,
+        startDate: exports.PRIMARY_RANGE['LAST_7_DAYS']?.start,
     },
     {
         value: 't',
         text: 'Last 30 days',
-        startDate: PRIMARY_RANGE['LAST_30_DAYS']?.start,
+        startDate: exports.PRIMARY_RANGE['LAST_30_DAYS']?.start,
     },
     {
         value: '90d',
         text: 'Last 90 days',
-        startDate: PRIMARY_RANGE['LAST_90_DAYS']?.start,
+        startDate: exports.PRIMARY_RANGE['LAST_90_DAYS']?.start,
     },
     {
         value: '6m',
         text: 'Last 6 months',
-        startDate: PRIMARY_RANGE['LAST_6_MONTHS']?.start,
+        startDate: exports.PRIMARY_RANGE['LAST_6_MONTHS']?.start,
     },
     {
         value: 'at',
         text: 'All time',
-        startDate: PRIMARY_RANGE['ALL_TIME']?.start,
+        startDate: exports.PRIMARY_RANGE['ALL_TIME']?.start,
     },
 ];
-export const reportBuilderOptions = [
+exports.reportBuilderOptions = [
     {
         value: 'w',
         text: 'Last 7 days',
-        startDate: PRIMARY_RANGE['LAST_7_DAYS']?.start,
+        startDate: exports.PRIMARY_RANGE['LAST_7_DAYS']?.start,
         dayInterval: 7,
     },
     {
         value: 't',
         text: 'Last 30 days',
-        startDate: PRIMARY_RANGE['LAST_30_DAYS']?.start,
+        startDate: exports.PRIMARY_RANGE['LAST_30_DAYS']?.start,
         dayInterval: 30,
     },
     {
         value: '90d',
         text: 'Last 90 days',
-        startDate: PRIMARY_RANGE['LAST_90_DAYS']?.start,
+        startDate: exports.PRIMARY_RANGE['LAST_90_DAYS']?.start,
         dayInterval: 90,
     },
     {
         value: '6m',
         text: 'Last 6 months',
-        startDate: PRIMARY_RANGE['LAST_6_MONTHS']?.start,
+        startDate: exports.PRIMARY_RANGE['LAST_6_MONTHS']?.start,
         dayInterval: 180,
     },
     {
         value: 'at',
         text: 'All time',
-        startDate: PRIMARY_RANGE['ALL_TIME']?.start,
+        startDate: exports.PRIMARY_RANGE['ALL_TIME']?.start,
         dayInterval: 36500,
     },
 ];
-export const getRangeFromPreset = (preset) => {
-    const foundPreset = defaultOptions.find((elem) => elem.value === preset);
+const getRangeFromPreset = (preset) => {
+    const foundPreset = exports.defaultOptions.find((elem) => elem.value === preset);
     return [foundPreset?.startDate || null, new Date(), foundPreset?.value || ''];
 };
-export const getDateStyles = (theme, date, finalStartDate, finalEndDate, hoveredDate, isDateDisabled) => {
+exports.getRangeFromPreset = getRangeFromPreset;
+const getDateStyles = (theme, date, finalStartDate, finalEndDate, hoveredDate, isDateDisabled) => {
     return {
         ...getDayTextClassNames(theme, date, finalStartDate, finalEndDate, hoveredDate, isDateDisabled),
         // ...getDayHoverBgColorClassName(
@@ -182,17 +192,18 @@ export const getDateStyles = (theme, date, finalStartDate, finalEndDate, hovered
         ...getDayBgColorClassName(theme, date, finalStartDate, finalEndDate, hoveredDate, isDateDisabled),
     };
 };
+exports.getDateStyles = getDateStyles;
 const getDayRoundedClassName = (day, selectedStartDay, selectedEndDay, hoveredDay) => {
     if (!selectedStartDay && !selectedEndDay) {
         return { borderRadius: '0.375rem' };
     }
     if (selectedStartDay &&
         selectedEndDay &&
-        isEqual(day, selectedStartDay) &&
-        isEqual(day, selectedEndDay)) {
+        (0, date_fns_1.isEqual)(day, selectedStartDay) &&
+        (0, date_fns_1.isEqual)(day, selectedEndDay)) {
         return { borderRadius: '0.375rem' };
     }
-    if (selectedStartDay && selectedEndDay && isEqual(day, selectedStartDay)) {
+    if (selectedStartDay && selectedEndDay && (0, date_fns_1.isEqual)(day, selectedStartDay)) {
         return {
             borderBottomLeftRadius: '0.375rem',
             borderTopLeftRadius: '0.375rem',
@@ -201,7 +212,7 @@ const getDayRoundedClassName = (day, selectedStartDay, selectedEndDay, hoveredDa
     if (selectedStartDay &&
         !selectedEndDay &&
         !hoveredDay &&
-        isEqual(day, selectedStartDay)) {
+        (0, date_fns_1.isEqual)(day, selectedStartDay)) {
         return { borderRadius: '0.375rem' };
     }
     if (selectedStartDay &&
@@ -213,7 +224,7 @@ const getDayRoundedClassName = (day, selectedStartDay, selectedEndDay, hoveredDa
     if (selectedStartDay &&
         !selectedEndDay &&
         hoveredDay &&
-        isEqual(day, selectedStartDay) &&
+        (0, date_fns_1.isEqual)(day, selectedStartDay) &&
         hoveredDay > selectedStartDay) {
         return {
             borderBottomLeftRadius: '0.375rem',
@@ -236,14 +247,14 @@ const getDayRoundedClassName = (day, selectedStartDay, selectedEndDay, hoveredDa
     if (selectedStartDay &&
         !selectedEndDay &&
         hoveredDay &&
-        isEqual(day, hoveredDay) &&
-        !isEqual(day, selectedStartDay)) {
+        (0, date_fns_1.isEqual)(day, hoveredDay) &&
+        !(0, date_fns_1.isEqual)(day, selectedStartDay)) {
         return {
             borderBottomRightRadius: '0.375rem',
             borderTopRightRadius: '0.375rem',
         };
     }
-    if (selectedStartDay && selectedEndDay && isEqual(day, selectedEndDay)) {
+    if (selectedStartDay && selectedEndDay && (0, date_fns_1.isEqual)(day, selectedEndDay)) {
         return {
             borderBottomRightRadius: '0.375rem',
             borderTopRightRadius: '0.375rem',
@@ -256,7 +267,7 @@ const getDayRoundedClassName = (day, selectedStartDay, selectedEndDay, hoveredDa
     }
     return { borderRadius: '0.375rem' };
 };
-export const displaySelected = (selectedStartDay, selectedEndDay) => {
+const displaySelected = (selectedStartDay, selectedEndDay) => {
     if (!selectedStartDay && !selectedEndDay) {
         return '';
     }
@@ -269,7 +280,7 @@ export const displaySelected = (selectedStartDay, selectedEndDay) => {
         return selectedStartDay.toLocaleDateString('en-US', options);
     }
     else if (selectedStartDay && selectedEndDay) {
-        if (isEqual(selectedStartDay, selectedEndDay)) {
+        if ((0, date_fns_1.isEqual)(selectedStartDay, selectedEndDay)) {
             const options = {
                 year: 'numeric',
                 month: 'short',
@@ -297,12 +308,13 @@ export const displaySelected = (selectedStartDay, selectedEndDay) => {
         }
     }
 };
+exports.displaySelected = displaySelected;
 const getDayBgColorClassName = (theme, day, selectedStartDay, selectedEndDay, hoveredDay, isDayDisabled = false) => {
     const styles = {
         background: 'transparent',
     };
     if (!isDayDisabled) {
-        if (selectedStartDay && isEqual(day, selectedStartDay)) {
+        if (selectedStartDay && (0, date_fns_1.isEqual)(day, selectedStartDay)) {
             styles.background = theme?.primaryTextColor || '#6269E9';
         }
         if (selectedStartDay &&
@@ -311,10 +323,10 @@ const getDayBgColorClassName = (theme, day, selectedStartDay, selectedEndDay, ho
             day > selectedStartDay &&
             day < hoveredDay) {
             styles.background =
-                hexToRgbaWith10PercentAlpha(theme?.primaryTextColor) ||
-                    hexToRgbaWith10PercentAlpha('#6269E9');
+                (0, BarList_1.hexToRgbaWith10PercentAlpha)(theme?.primaryTextColor) ||
+                    (0, BarList_1.hexToRgbaWith10PercentAlpha)('#6269E9');
         }
-        if (selectedEndDay && isEqual(day, selectedEndDay)) {
+        if (selectedEndDay && (0, date_fns_1.isEqual)(day, selectedEndDay)) {
             styles.background = theme?.primaryTextColor || '#6269E9';
         }
         if (selectedStartDay &&
@@ -322,8 +334,8 @@ const getDayBgColorClassName = (theme, day, selectedStartDay, selectedEndDay, ho
             day > selectedStartDay &&
             day < selectedEndDay) {
             styles.background =
-                hexToRgbaWith10PercentAlpha(theme?.primaryTextColor) ||
-                    hexToRgbaWith10PercentAlpha('#6269E9');
+                (0, BarList_1.hexToRgbaWith10PercentAlpha)(theme?.primaryTextColor) ||
+                    (0, BarList_1.hexToRgbaWith10PercentAlpha)('#6269E9');
         }
     }
     return styles;
@@ -333,9 +345,9 @@ const getDayTextClassNames = (theme, day, selectedStartDay, selectedEndDay, hove
         color: theme?.primaryTextColor || '#364153',
     };
     if (!isDayDisabled) {
-        if (isToday(day)) {
-            if ((selectedStartDay && isEqual(day, selectedStartDay)) ||
-                (selectedEndDay && isEqual(day, selectedEndDay))) {
+        if ((0, date_fns_1.isToday)(day)) {
+            if ((selectedStartDay && (0, date_fns_1.isEqual)(day, selectedStartDay)) ||
+                (selectedEndDay && (0, date_fns_1.isEqual)(day, selectedEndDay))) {
                 styles.color = 'white';
             }
             else {
@@ -343,7 +355,7 @@ const getDayTextClassNames = (theme, day, selectedStartDay, selectedEndDay, hove
             }
         }
         else {
-            if (selectedStartDay && isEqual(day, selectedStartDay)) {
+            if (selectedStartDay && (0, date_fns_1.isEqual)(day, selectedStartDay)) {
                 styles.color = 'white';
             }
             if (selectedStartDay &&
@@ -353,7 +365,7 @@ const getDayTextClassNames = (theme, day, selectedStartDay, selectedEndDay, hove
                 day < hoveredDay) {
                 styles.color = theme?.primaryTextColor || '#364153';
             }
-            if (selectedEndDay && isEqual(day, selectedEndDay)) {
+            if (selectedEndDay && (0, date_fns_1.isEqual)(day, selectedEndDay)) {
                 styles.color = 'white';
             }
             if (selectedStartDay &&
@@ -371,16 +383,16 @@ const getDayHoverBgColorClassName = (day, selectedStartDay, selectedEndDay, isDa
         background: 'transparent',
     };
     if (!isDayDisabled) {
-        if (selectedStartDay && isEqual(day, selectedStartDay)) {
+        if (selectedStartDay && (0, date_fns_1.isEqual)(day, selectedStartDay)) {
             styles.background = '';
         }
-        if (selectedEndDay && isEqual(day, selectedEndDay)) {
+        if (selectedEndDay && (0, date_fns_1.isEqual)(day, selectedEndDay)) {
             styles.background = '';
         }
     }
     return styles;
 };
-export const formatSelectedDates = (startDate, endDate, locale) => {
+const formatSelectedDates = (startDate, endDate, locale) => {
     const localeCode = locale?.code || 'en-US';
     if (!startDate && !endDate) {
         return '';
@@ -394,7 +406,7 @@ export const formatSelectedDates = (startDate, endDate, locale) => {
         return startDate.toLocaleDateString(localeCode, options);
     }
     else if (startDate && endDate) {
-        if (isEqual(startDate, endDate)) {
+        if ((0, date_fns_1.isEqual)(startDate, endDate)) {
             const options = {
                 year: 'numeric',
                 month: 'short',
@@ -423,6 +435,7 @@ export const formatSelectedDates = (startDate, endDate, locale) => {
     }
     return '';
 };
+exports.formatSelectedDates = formatSelectedDates;
 /** This is the current dateFilter Object, I think we can pare it down */
 // const dateFilter = {
 //   date_range: {
@@ -445,3 +458,4 @@ export const formatSelectedDates = (startDate, endDate, locale) => {
 //     },
 //   },
 // };
+//# sourceMappingURL=dateRangePickerUtils.js.map

package/dist/DateRangePicker/index.d.ts

@@ -1,3 +1,2 @@
 export { default as DateRangePicker } from './DateRangePicker';
 export { DateRangePickerValue } from './DateRangePicker';
-//# sourceMappingURL=index.d.ts.map

package/dist/DateRangePicker/index.js

@@ -1,2 +1,10 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.DateRangePicker = void 0;
 // @ts-nocheck
-export { default as DateRangePicker } from './DateRangePicker';
+var DateRangePicker_1 = require("./DateRangePicker");
+Object.defineProperty(exports, "DateRangePicker", { enumerable: true, get: function () { return __importDefault(DateRangePicker_1).default; } });
+//# sourceMappingURL=index.js.map

package/dist/PieChart.d.ts

@@ -56,4 +56,3 @@ export interface DonutChartProps extends React.HTMLAttributes<HTMLDivElement> {
 export declare function findComplementaryAndAnalogousColors(color1: any, color2: any): any[];
 declare const PieChartWrapper: React.ForwardRefExoticComponent<DonutChartProps & React.RefAttributes<HTMLDivElement>>;
 export default PieChartWrapper;
-//# sourceMappingURL=PieChart.d.ts.map