@drivy/cobalt 0.36.0 → 0.37.0

package/cjs/tokens/theme.js

@@ -76,7 +76,11 @@ const text = {
 	connectAlt: "turquoise/turquoise.900/turquoise.50",
 	driver: "graphite/navy.700/navy.700",
 	owner: "white/white/grey.100",
-	inversed: "white/white/white"
+	inversed: "white/white/white",
+	disabled: "navy.200/navy.200/navy.200",
+	onAccent: "white/white/white",
+	onError: "white/white/white",
+	onSuccess: "white/white/white"
 };
 const buttonBackground = {
 	selected: "indigo/purple.100/purpleDeep.900",
@@ -227,7 +231,9 @@ const stroke = {
 	error: "red/red.500/red.200",
 	errorAlt: "red/red.500/red.200",
 	success: "green/green.500/green.700",
-	successAlt: "green/green.500/green.700"
+	successAlt: "green/green.500/green.700",
+	onAccent: "white/white/white",
+	onError: "white/white/white"
 };
 const fill = {
 	base: "graphite/navy.500/grey.100",

package/cjs/tokens/theme.js.map

@@ -1 +1 @@
-{"version":3,"file":"theme.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"theme.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/components/Calendar/CalendarRangePicker/CalendarRangePicker.js

@@ -1,32 +1,48 @@
-import React, { useState, useEffect } from 'react';
+import React, { useRef, useState, useEffect } from 'react';
 import { CalendarRangePickerMonth } from './CalendarRangePickerMonth.js';
 import cx from 'classnames';
 import { Hint } from '../../Form/Hint.js';
 import addMonths from 'date-fns/addMonths';
+import startOfDay from 'date-fns/startOfDay';
 
-function CalendarRangePicker({ rangeLimit, firstMonthDate = new Date(), numberOfMonths = 1, hint, firstAvailableDate = new Date(), lastAvailableDate, isEditingStartDate, isEditingEndDate, startDate, endDate, onChangeDate, onLeaveDate, onSelectDate, locale, }) {
+function CalendarRangePicker({ rangeConstraints, firstMonthDate = new Date(), numberOfMonths = 1, hint, firstAvailableDate = new Date(), lastAvailableDate, isEditingStartDate, isEditingEndDate, startDate, endDate, onChangeDate, onLeaveDate, onSelectDate, isDayDisabledFn, hasDayNotificationFn, isDayInvalidForSelectionFn, isSundayFirstDayOfWeek, locale, }) {
+    const isFirstRender = useRef(true);
     firstMonthDate.setHours(0, 0, 0, 0);
     firstAvailableDate.setHours(0, 0, 0, 0);
     const [rangeDates, setRangeDates] = useState({
-        startDate: startDate,
-        endDate: endDate,
+        startDate: startDate ? startOfDay(startDate) : undefined,
+        endDate: endDate ? startOfDay(endDate) : undefined,
     });
     useEffect(() => {
+        if (isFirstRender.current) {
+            isFirstRender.current = false;
+            return;
+        }
         setRangeDates({
-            startDate,
-            endDate,
+            startDate: startDate ? startOfDay(startDate) : undefined,
+            endDate: endDate ? startOfDay(endDate) : undefined,
         });
     }, [startDate, endDate]);
+    useEffect(() => {
+        if (rangeDates.startDate && !rangeDates.endDate) {
+            setRangeDates({ ...rangeDates, endDate: rangeDates.startDate });
+        }
+    }, [isEditingEndDate]);
+    useEffect(() => {
+        if (rangeDates.endDate && !rangeDates.startDate) {
+            setRangeDates({ ...rangeDates, startDate: rangeDates.endDate });
+        }
+    }, [isEditingStartDate]);
     const handleSelectDate = (date, isDateOutOfRange) => {
         if (isDateOutOfRange && isEditingEndDate)
             return;
         onSelectDate && onSelectDate(date, !!isDateOutOfRange);
     };
-    const handleChangeDate = (date, isDateOutOfRange, disabled) => {
+    const handleChangeDate = (date, status) => {
         const processChange = onChangeDate && (isEditingStartDate || isEditingEndDate)
-            ? onChangeDate(date, isDateOutOfRange, disabled) !== false
+            ? onChangeDate(date, status) !== false
             : true;
-        if (!processChange || disabled)
+        if (!processChange || status.isDisabled)
             return;
         if (isEditingStartDate) {
             setRangeDates((prev) => ({ ...prev, startDate: date }));
@@ -39,8 +55,10 @@ function CalendarRangePicker({ rangeLimit, firstMonthDate = new Date(), numberOf
     for (let i = 0; i < numberOfMonths - 1; i++) {
         months.push(addMonths(months[months.length - 1], 1));
     }
-    return (React.createElement("div", { className: "cobalt-CalendarRangePicker" },
-        React.createElement("div", { className: "cobalt-CalendarRangePicker__months-container" }, months.map((monthDate) => (React.createElement(CalendarRangePickerMonth, { key: monthDate.getTime(), date: monthDate, startDate: rangeDates.startDate, endDate: rangeDates.endDate, onSelectDate: handleSelectDate, onChangeDate: handleChangeDate, onLeaveDate: onLeaveDate, isEditingStartDate: isEditingStartDate, isEditingEndDate: isEditingEndDate, rangeLimit: rangeLimit, firstAvailableDate: firstAvailableDate, lastAvailableDate: lastAvailableDate, locale: locale })))),
+    return (React.createElement("div", { className: cx("cobalt-CalendarRangePicker", {
+            "cobalt-CalendarRangePicker--isEditing": isEditingStartDate || isEditingEndDate,
+        }) },
+        React.createElement("div", { className: "cobalt-CalendarRangePicker__months-container" }, months.map((monthDate) => (React.createElement(CalendarRangePickerMonth, { key: monthDate.getTime(), date: monthDate, startDate: rangeDates.startDate, endDate: rangeDates.endDate, onSelectDate: handleSelectDate, onChangeDate: handleChangeDate, onLeaveDate: onLeaveDate, isEditingStartDate: isEditingStartDate, isEditingEndDate: isEditingEndDate, rangeConstraints: rangeConstraints, firstAvailableDate: firstAvailableDate, lastAvailableDate: lastAvailableDate, isDayDisabledFn: isDayDisabledFn, hasDayNotificationFn: hasDayNotificationFn, isDayInvalidForSelectionFn: isDayInvalidForSelectionFn, isSundayFirstDayOfWeek: isSundayFirstDayOfWeek, locale: locale })))),
         React.createElement("div", { className: cx("cobalt-CalendarRangePicker__message", {
                 "cobalt-CalendarRangePicker__message--show": !!hint,
             }) }, hint && React.createElement(Hint, { status: hint.status }, hint.html))));

package/components/Calendar/CalendarRangePicker/CalendarRangePicker.js.map

@@ -1 +1 @@
-{"version":3,"file":"CalendarRangePicker.js","sources":["../../../../src/components/Calendar/CalendarRangePicker/CalendarRangePicker.tsx"],"sourcesContent":["import React, { useState, useEffect } from \"react\"\nimport { CalendarRangePickerMonth } from \"./CalendarRangePickerMonth\"\nimport classNames from \"classnames\"\nimport { Hint } from \"../../Form/Hint\"\nimport addMonths from \"date-fns/addMonths\"\nimport { FormElementStatus } from \"../../Form/form\"\n\ntype Props = {\n  numberOfMonths?: number\n  firstMonthDate?: Date\n  rangeLimit?: number\n  firstAvailableDate?: Date\n  lastAvailableDate?: Date\n  isEditingStartDate: boolean\n  isEditingEndDate: boolean\n  startDate: Date | undefined\n  endDate: Date | undefined\n  hint?: {\n    status?: FormElementStatus\n    html: string\n  }\n  onChangeDate?: (\n    date: Date,\n    isOutOfRange: boolean,\n    disabled: boolean\n  ) => boolean\n  onLeaveDate?: (date: Date) => void\n  onSelectDate?: (date: Date, isOutOfRange: boolean) => void\n  locale?: Record<string, unknown>\n}\n\nexport function CalendarRangePicker({\n  rangeLimit,\n  firstMonthDate = new Date(),\n  numberOfMonths = 1,\n  hint,\n  firstAvailableDate = new Date(),\n  lastAvailableDate,\n  isEditingStartDate,\n  isEditingEndDate,\n  startDate,\n  endDate,\n  onChangeDate,\n  onLeaveDate,\n  onSelectDate,\n  locale,\n}: Props) {\n  firstMonthDate.setHours(0, 0, 0, 0)\n  firstAvailableDate.setHours(0, 0, 0, 0)\n\n  const [rangeDates, setRangeDates] = useState({\n    startDate: startDate,\n    endDate: endDate,\n  })\n\n  useEffect(() => {\n    setRangeDates({\n      startDate,\n      endDate,\n    })\n  }, [startDate, endDate])\n\n  const handleSelectDate = (date: Date, isDateOutOfRange?: boolean) => {\n    if (isDateOutOfRange && isEditingEndDate) return\n    onSelectDate && onSelectDate(date, !!isDateOutOfRange)\n  }\n\n  const handleChangeDate = (\n    date: Date,\n    isDateOutOfRange: boolean,\n    disabled: boolean\n  ) => {\n    const processChange =\n      onChangeDate && (isEditingStartDate || isEditingEndDate)\n        ? onChangeDate(date, isDateOutOfRange, disabled) !== false\n        : true\n\n    if (!processChange || disabled) return\n\n    if (isEditingStartDate) {\n      setRangeDates((prev) => ({ ...prev, startDate: date }))\n    } else if (isEditingEndDate) {\n      setRangeDates((prev) => ({ ...prev, endDate: date }))\n    }\n  }\n\n  const months = [firstMonthDate]\n  for (let i = 0; i < numberOfMonths - 1; i++) {\n    months.push(addMonths(months[months.length - 1], 1))\n  }\n\n  return (\n    <div className=\"cobalt-CalendarRangePicker\">\n      <div className=\"cobalt-CalendarRangePicker__months-container\">\n        {months.map((monthDate) => (\n          <CalendarRangePickerMonth\n            key={monthDate.getTime()}\n            date={monthDate}\n            startDate={rangeDates.startDate}\n            endDate={rangeDates.endDate}\n            onSelectDate={handleSelectDate}\n            onChangeDate={handleChangeDate}\n            onLeaveDate={onLeaveDate}\n            isEditingStartDate={isEditingStartDate}\n            isEditingEndDate={isEditingEndDate}\n            rangeLimit={rangeLimit}\n            firstAvailableDate={firstAvailableDate}\n            lastAvailableDate={lastAvailableDate}\n            locale={locale}\n          />\n        ))}\n      </div>\n\n      <div\n        className={classNames(\"cobalt-CalendarRangePicker__message\", {\n          \"cobalt-CalendarRangePicker__message--show\": !!hint,\n        })}\n      >\n        {hint && <Hint status={hint.status}>{hint.html}</Hint>}\n      </div>\n    </div>\n  )\n}\n"],"names":["classNames"],"mappings":"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"}
+{"version":3,"file":"CalendarRangePicker.js","sources":["../../../../src/components/Calendar/CalendarRangePicker/CalendarRangePicker.tsx"],"sourcesContent":["import React, { useState, useEffect, useRef } from \"react\"\nimport { CalendarRangePickerMonth } from \"./CalendarRangePickerMonth\"\nimport classNames from \"classnames\"\nimport { Hint } from \"../../Form/Hint\"\nimport addMonths from \"date-fns/addMonths\"\nimport { FormElementStatus } from \"../../Form/form\"\nimport startOfDay from \"date-fns/startOfDay\"\nimport cx from \"classnames\"\n\nexport interface RangeConstraintInterface {\n  value: number\n  message: string\n}\n\nexport interface RangeConstraintsInterface {\n  min?: RangeConstraintInterface\n  max?: RangeConstraintInterface\n}\n\nexport interface DayStatusInterface {\n  isRangeExceeded?: boolean\n  isRangeTooShort?: boolean\n  isCustomInvalid?: boolean\n  isDisabled?: boolean\n}\n\nexport type CalendarRangePickerPropsType = {\n  numberOfMonths?: number\n  firstMonthDate?: Date\n  rangeConstraints?: RangeConstraintsInterface\n  firstAvailableDate?: Date\n  lastAvailableDate?: Date\n  isEditingStartDate: boolean\n  isEditingEndDate: boolean\n  startDate: Date | undefined\n  endDate: Date | undefined\n  isDayDisabledFn?: (day: Date) => boolean\n  hasDayNotificationFn?: (day: Date) => boolean\n  isDayInvalidForSelectionFn?: (day: Date) => boolean\n  isSundayFirstDayOfWeek?: boolean\n  hint?: {\n    status?: FormElementStatus\n    html: string\n  }\n  onChangeDate?: (date: Date, status: DayStatusInterface) => boolean\n  onLeaveDate?: (date: Date) => void\n  onSelectDate?: (date: Date, isOutOfRange: boolean) => void\n  locale?: Record<string, unknown>\n}\n\nexport function CalendarRangePicker({\n  rangeConstraints,\n  firstMonthDate = new Date(),\n  numberOfMonths = 1,\n  hint,\n  firstAvailableDate = new Date(),\n  lastAvailableDate,\n  isEditingStartDate,\n  isEditingEndDate,\n  startDate,\n  endDate,\n  onChangeDate,\n  onLeaveDate,\n  onSelectDate,\n  isDayDisabledFn,\n  hasDayNotificationFn,\n  isDayInvalidForSelectionFn,\n  isSundayFirstDayOfWeek,\n  locale,\n}: CalendarRangePickerPropsType) {\n  const isFirstRender = useRef(true)\n\n  firstMonthDate.setHours(0, 0, 0, 0)\n  firstAvailableDate.setHours(0, 0, 0, 0)\n\n  const [rangeDates, setRangeDates] = useState({\n    startDate: startDate ? startOfDay(startDate) : undefined,\n    endDate: endDate ? startOfDay(endDate) : undefined,\n  })\n\n  useEffect(() => {\n    if (isFirstRender.current) {\n      isFirstRender.current = false\n      return\n    }\n    setRangeDates({\n      startDate: startDate ? startOfDay(startDate) : undefined,\n      endDate: endDate ? startOfDay(endDate) : undefined,\n    })\n  }, [startDate, endDate])\n\n  useEffect(() => {\n    if (rangeDates.startDate && !rangeDates.endDate) {\n      setRangeDates({ ...rangeDates, endDate: rangeDates.startDate })\n    }\n  }, [isEditingEndDate])\n\n  useEffect(() => {\n    if (rangeDates.endDate && !rangeDates.startDate) {\n      setRangeDates({ ...rangeDates, startDate: rangeDates.endDate })\n    }\n  }, [isEditingStartDate])\n\n  const handleSelectDate = (date: Date, isDateOutOfRange?: boolean) => {\n    if (isDateOutOfRange && isEditingEndDate) return\n\n    onSelectDate && onSelectDate(date, !!isDateOutOfRange)\n  }\n\n  const handleChangeDate = (date: Date, status: DayStatusInterface) => {\n    const processChange =\n      onChangeDate && (isEditingStartDate || isEditingEndDate)\n        ? onChangeDate(date, status) !== false\n        : true\n\n    if (!processChange || status.isDisabled) return\n\n    if (isEditingStartDate) {\n      setRangeDates((prev) => ({ ...prev, startDate: date }))\n    } else if (isEditingEndDate) {\n      setRangeDates((prev) => ({ ...prev, endDate: date }))\n    }\n  }\n\n  const months = [firstMonthDate]\n  for (let i = 0; i < numberOfMonths - 1; i++) {\n    months.push(addMonths(months[months.length - 1], 1))\n  }\n\n  return (\n    <div\n      className={cx(\"cobalt-CalendarRangePicker\", {\n        \"cobalt-CalendarRangePicker--isEditing\":\n          isEditingStartDate || isEditingEndDate,\n      })}\n    >\n      <div className=\"cobalt-CalendarRangePicker__months-container\">\n        {months.map((monthDate) => (\n          <CalendarRangePickerMonth\n            key={monthDate.getTime()}\n            date={monthDate}\n            startDate={rangeDates.startDate}\n            endDate={rangeDates.endDate}\n            onSelectDate={handleSelectDate}\n            onChangeDate={handleChangeDate}\n            onLeaveDate={onLeaveDate}\n            isEditingStartDate={isEditingStartDate}\n            isEditingEndDate={isEditingEndDate}\n            rangeConstraints={rangeConstraints}\n            firstAvailableDate={firstAvailableDate}\n            lastAvailableDate={lastAvailableDate}\n            isDayDisabledFn={isDayDisabledFn}\n            hasDayNotificationFn={hasDayNotificationFn}\n            isDayInvalidForSelectionFn={isDayInvalidForSelectionFn}\n            isSundayFirstDayOfWeek={isSundayFirstDayOfWeek}\n            locale={locale}\n          />\n        ))}\n      </div>\n\n      <div\n        className={classNames(\"cobalt-CalendarRangePicker__message\", {\n          \"cobalt-CalendarRangePicker__message--show\": !!hint,\n        })}\n      >\n        {hint && <Hint status={hint.status}>{hint.html}</Hint>}\n      </div>\n    </div>\n  )\n}\n"],"names":["classNames"],"mappings":";;;;;;;AAkDM,SAAU,mBAAmB,CAAC,EAClC,gBAAgB,EAChB,cAAc,GAAG,IAAI,IAAI,EAAE,EAC3B,cAAc,GAAG,CAAC,EAClB,IAAI,EACJ,kBAAkB,GAAG,IAAI,IAAI,EAAE,EAC/B,iBAAiB,EACjB,kBAAkB,EAClB,gBAAgB,EAChB,SAAS,EACT,OAAO,EACP,YAAY,EACZ,WAAW,EACX,YAAY,EACZ,eAAe,EACf,oBAAoB,EACpB,0BAA0B,EAC1B,sBAAsB,EACtB,MAAM,GACuB,EAAA;AAC7B,IAAA,MAAM,aAAa,GAAG,MAAM,CAAC,IAAI,CAAC,CAAA;IAElC,cAAc,CAAC,QAAQ,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,CAAA;IACnC,kBAAkB,CAAC,QAAQ,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,CAAA;AAEvC,IAAA,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,QAAQ,CAAC;AAC3C,QAAA,SAAS,EAAE,SAAS,GAAG,UAAU,CAAC,SAAS,CAAC,GAAG,SAAS;AACxD,QAAA,OAAO,EAAE,OAAO,GAAG,UAAU,CAAC,OAAO,CAAC,GAAG,SAAS;AACnD,KAAA,CAAC,CAAA;IAEF,SAAS,CAAC,MAAK;QACb,IAAI,aAAa,CAAC,OAAO,EAAE;AACzB,YAAA,aAAa,CAAC,OAAO,GAAG,KAAK,CAAA;YAC7B,OAAM;AACP,SAAA;AACD,QAAA,aAAa,CAAC;AACZ,YAAA,SAAS,EAAE,SAAS,GAAG,UAAU,CAAC,SAAS,CAAC,GAAG,SAAS;AACxD,YAAA,OAAO,EAAE,OAAO,GAAG,UAAU,CAAC,OAAO,CAAC,GAAG,SAAS;AACnD,SAAA,CAAC,CAAA;AACJ,KAAC,EAAE,CAAC,SAAS,EAAE,OAAO,CAAC,CAAC,CAAA;IAExB,SAAS,CAAC,MAAK;QACb,IAAI,UAAU,CAAC,SAAS,IAAI,CAAC,UAAU,CAAC,OAAO,EAAE;AAC/C,YAAA,aAAa,CAAC,EAAE,GAAG,UAAU,EAAE,OAAO,EAAE,UAAU,CAAC,SAAS,EAAE,CAAC,CAAA;AAChE,SAAA;AACH,KAAC,EAAE,CAAC,gBAAgB,CAAC,CAAC,CAAA;IAEtB,SAAS,CAAC,MAAK;QACb,IAAI,UAAU,CAAC,OAAO,IAAI,CAAC,UAAU,CAAC,SAAS,EAAE;AAC/C,YAAA,aAAa,CAAC,EAAE,GAAG,UAAU,EAAE,SAAS,EAAE,UAAU,CAAC,OAAO,EAAE,CAAC,CAAA;AAChE,SAAA;AACH,KAAC,EAAE,CAAC,kBAAkB,CAAC,CAAC,CAAA;AAExB,IAAA,MAAM,gBAAgB,GAAG,CAAC,IAAU,EAAE,gBAA0B,KAAI;QAClE,IAAI,gBAAgB,IAAI,gBAAgB;YAAE,OAAM;QAEhD,YAAY,IAAI,YAAY,CAAC,IAAI,EAAE,CAAC,CAAC,gBAAgB,CAAC,CAAA;AACxD,KAAC,CAAA;AAED,IAAA,MAAM,gBAAgB,GAAG,CAAC,IAAU,EAAE,MAA0B,KAAI;QAClE,MAAM,aAAa,GACjB,YAAY,KAAK,kBAAkB,IAAI,gBAAgB,CAAC;cACpD,YAAY,CAAC,IAAI,EAAE,MAAM,CAAC,KAAK,KAAK;cACpC,IAAI,CAAA;AAEV,QAAA,IAAI,CAAC,aAAa,IAAI,MAAM,CAAC,UAAU;YAAE,OAAM;AAE/C,QAAA,IAAI,kBAAkB,EAAE;AACtB,YAAA,aAAa,CAAC,CAAC,IAAI,MAAM,EAAE,GAAG,IAAI,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC,CAAC,CAAA;AACxD,SAAA;AAAM,aAAA,IAAI,gBAAgB,EAAE;AAC3B,YAAA,aAAa,CAAC,CAAC,IAAI,MAAM,EAAE,GAAG,IAAI,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC,CAAC,CAAA;AACtD,SAAA;AACH,KAAC,CAAA;AAED,IAAA,MAAM,MAAM,GAAG,CAAC,cAAc,CAAC,CAAA;AAC/B,IAAA,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,cAAc,GAAG,CAAC,EAAE,CAAC,EAAE,EAAE;AAC3C,QAAA,MAAM,CAAC,IAAI,CAAC,SAAS,CAAC,MAAM,CAAC,MAAM,CAAC,MAAM,GAAG,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAA;AACrD,KAAA;AAED,IAAA,QACE,KACE,CAAA,aAAA,CAAA,KAAA,EAAA,EAAA,SAAS,EAAE,EAAE,CAAC,4BAA4B,EAAE;YAC1C,uCAAuC,EACrC,kBAAkB,IAAI,gBAAgB;SACzC,CAAC,EAAA;QAEF,KAAK,CAAA,aAAA,CAAA,KAAA,EAAA,EAAA,SAAS,EAAC,8CAA8C,EAAA,EAC1D,MAAM,CAAC,GAAG,CAAC,CAAC,SAAS,MACpB,KAAC,CAAA,aAAA,CAAA,wBAAwB,IACvB,GAAG,EAAE,SAAS,CAAC,OAAO,EAAE,EACxB,IAAI,EAAE,SAAS,EACf,SAAS,EAAE,UAAU,CAAC,SAAS,EAC/B,OAAO,EAAE,UAAU,CAAC,OAAO,EAC3B,YAAY,EAAE,gBAAgB,EAC9B,YAAY,EAAE,gBAAgB,EAC9B,WAAW,EAAE,WAAW,EACxB,kBAAkB,EAAE,kBAAkB,EACtC,gBAAgB,EAAE,gBAAgB,EAClC,gBAAgB,EAAE,gBAAgB,EAClC,kBAAkB,EAAE,kBAAkB,EACtC,iBAAiB,EAAE,iBAAiB,EACpC,eAAe,EAAE,eAAe,EAChC,oBAAoB,EAAE,oBAAoB,EAC1C,0BAA0B,EAAE,0BAA0B,EACtD,sBAAsB,EAAE,sBAAsB,EAC9C,MAAM,EAAE,MAAM,EAAA,CACd,CACH,CAAC,CACE;AAEN,QAAA,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EACE,SAAS,EAAEA,EAAU,CAAC,qCAAqC,EAAE;gBAC3D,2CAA2C,EAAE,CAAC,CAAC,IAAI;AACpD,aAAA,CAAC,IAED,IAAI,IAAI,oBAAC,IAAI,EAAA,EAAC,MAAM,EAAE,IAAI,CAAC,MAAM,EAAA,EAAG,IAAI,CAAC,IAAI,CAAQ,CAClD,CACF,EACP;AACH;;;;"}

package/components/Calendar/CalendarRangePicker/CalendarRangePickerDay.js

@@ -1,38 +1,42 @@
 import React from 'react';
 import cx from 'classnames';
 import { format } from 'date-fns';
+import DayTooltip from './DayTooltip.js';
 
-function CalendarRangePickerDay({ date, isToday, isFirstDayOfMonth, isLastDayOfMonth, isStartDay, isEndDay, isRange, selected, subdued, disabled, invalid, onSelect, onMouseEnter, onMouseLeave, }) {
+function CalendarRangePickerDay({ date, isToday, isStartDay, isEndDay, isSelected, isDisabled, isInvalid, isRange, isActive, hasNotification, tooltipMessage, onSelect, onMouseEnter, onMouseLeave, }) {
     const handleSelectDate = () => {
-        !disabled && onSelect(date);
+        !isDisabled && !isInvalid && onSelect(new Date(date));
     };
-    return (React.createElement("div", { className: cx("cobalt-CalendarRangePicker__day", {
+    const jsx = (React.createElement("div", { className: cx("cobalt-CalendarRangePicker__day", {
             "cobalt-CalendarRangePicker__day--today": isToday,
-            "cobalt-CalendarRangePicker__day--firstOfMonth": isFirstDayOfMonth,
-            "cobalt-CalendarRangePicker__day--lastOfMonth": isLastDayOfMonth,
             "cobalt-CalendarRangePicker__day--startDay": isStartDay,
             "cobalt-CalendarRangePicker__day--endDay": isEndDay,
             "cobalt-CalendarRangePicker__day--range": isRange,
-            "cobalt-CalendarRangePicker__day--selected": selected,
-            "cobalt-CalendarRangePicker__day--subdued": subdued,
-            "cobalt-CalendarRangePicker__day--invalid": invalid,
-            "cobalt-CalendarRangePicker__day--disabled": disabled,
+            "cobalt-CalendarRangePicker__day--selected": isSelected,
+            "cobalt-CalendarRangePicker__day--active": isActive,
+            "cobalt-CalendarRangePicker__day--invalid": isInvalid,
+            "cobalt-CalendarRangePicker__day--disabled": isDisabled,
         }), onMouseEnter: () => {
-            onMouseEnter(date, !!disabled);
+            onMouseEnter(date, !!isDisabled);
         }, onMouseLeave: () => {
             onMouseLeave && onMouseLeave(date);
         }, onClick: handleSelectDate, "data-day": format(date, "yyyy-MM-dd") },
-        React.createElement("div", { className: "cobalt-CalendarRangePicker__day-inner" }, date.getDate())));
+        date.getDate(),
+        hasNotification && (React.createElement("div", { className: "cobalt-CalendarRangePicker__day-notification-container" },
+            React.createElement("div", { className: "cobalt-CalendarRangePicker__day-notification" })))));
+    return tooltipMessage ? (React.createElement(DayTooltip, { visible: true, content: React.createElement("div", { className: "c-text-body-sm" }, tooltipMessage), placement: isStartDay ? "top" : "bottom" }, jsx)) : (jsx);
 }
 function areEqual(prevProps, nextProps) {
-    return (prevProps.isEditingStartDate === nextProps.isEditingStartDate &&
-        prevProps.isEditingEndDate === nextProps.isEditingEndDate &&
-        prevProps.selected === nextProps.selected &&
-        prevProps.subdued === nextProps.subdued &&
+    return (prevProps.isSelected === nextProps.isSelected &&
+        prevProps.isActive === nextProps.isActive &&
         prevProps.isStartDay === nextProps.isStartDay &&
         prevProps.isEndDay === nextProps.isEndDay &&
-        prevProps.invalid === nextProps.invalid &&
-        prevProps.isRange === nextProps.isRange);
+        prevProps.isInvalid === nextProps.isInvalid &&
+        prevProps.isRange === nextProps.isRange &&
+        prevProps.hasNotification === nextProps.hasNotification &&
+        prevProps.isDisabled === nextProps.isDisabled &&
+        prevProps.isEditingStartDate === nextProps.isEditingStartDate &&
+        prevProps.isEditingEndDate === nextProps.isEditingEndDate);
 }
 const MemoizedComponent = React.memo(CalendarRangePickerDay, areEqual);
 MemoizedComponent.displayName = "CalendarRangePickerDay";

package/components/Calendar/CalendarRangePicker/CalendarRangePickerDay.js.map

@@ -1 +1 @@
-{"version":3,"file":"CalendarRangePickerDay.js","sources":["../../../../src/components/Calendar/CalendarRangePicker/CalendarRangePickerDay.tsx"],"sourcesContent":["import React from \"react\"\nimport classNames from \"classnames\"\nimport { format } from \"date-fns\"\n\ntype Props = {\n  date: Date\n  isEditingStartDate: boolean\n  isEditingEndDate: boolean\n  isToday?: boolean\n  isFirstDayOfMonth?: boolean\n  isLastDayOfMonth?: boolean\n  isStartDay?: boolean\n  isEndDay?: boolean\n  selected?: boolean\n  isRange?: boolean\n  invalid?: boolean\n  disabled?: boolean\n  subdued?: boolean\n  onSelect: (date: Date) => void\n  onMouseEnter: (date: Date, disabled: boolean) => void\n  onMouseLeave?: (date: Date) => void\n}\n\nfunction CalendarRangePickerDay({\n  date,\n  isToday,\n  isFirstDayOfMonth,\n  isLastDayOfMonth,\n  isStartDay,\n  isEndDay,\n  isRange,\n  selected,\n  subdued,\n  disabled,\n  invalid,\n  onSelect,\n  onMouseEnter,\n  onMouseLeave,\n}: Props) {\n  const handleSelectDate = () => {\n    !disabled && onSelect(date)\n  }\n\n  return (\n    <div\n      className={classNames(\"cobalt-CalendarRangePicker__day\", {\n        \"cobalt-CalendarRangePicker__day--today\": isToday,\n        \"cobalt-CalendarRangePicker__day--firstOfMonth\": isFirstDayOfMonth,\n        \"cobalt-CalendarRangePicker__day--lastOfMonth\": isLastDayOfMonth,\n        \"cobalt-CalendarRangePicker__day--startDay\": isStartDay,\n        \"cobalt-CalendarRangePicker__day--endDay\": isEndDay,\n        \"cobalt-CalendarRangePicker__day--range\": isRange,\n        \"cobalt-CalendarRangePicker__day--selected\": selected,\n        \"cobalt-CalendarRangePicker__day--subdued\": subdued,\n        \"cobalt-CalendarRangePicker__day--invalid\": invalid,\n        \"cobalt-CalendarRangePicker__day--disabled\": disabled,\n      })}\n      onMouseEnter={() => {\n        onMouseEnter(date, !!disabled)\n      }}\n      onMouseLeave={() => {\n        onMouseLeave && onMouseLeave(date)\n      }}\n      onClick={handleSelectDate}\n      data-day={format(date, \"yyyy-MM-dd\")}\n    >\n      <div className=\"cobalt-CalendarRangePicker__day-inner\">\n        {date.getDate()}\n      </div>\n    </div>\n  )\n}\n\nfunction areEqual(prevProps: Props, nextProps: Props) {\n  return (\n    prevProps.isEditingStartDate === nextProps.isEditingStartDate &&\n    prevProps.isEditingEndDate === nextProps.isEditingEndDate &&\n    prevProps.selected === nextProps.selected &&\n    prevProps.subdued === nextProps.subdued &&\n    prevProps.isStartDay === nextProps.isStartDay &&\n    prevProps.isEndDay === nextProps.isEndDay &&\n    prevProps.invalid === nextProps.invalid &&\n    prevProps.isRange === nextProps.isRange\n  )\n}\n\nconst MemoizedComponent = React.memo(CalendarRangePickerDay, areEqual)\nMemoizedComponent.displayName = \"CalendarRangePickerDay\"\n\nexport { MemoizedComponent as CalendarRangePickerDay }\n"],"names":["classNames"],"mappings":";;;;AAuBA,SAAS,sBAAsB,CAAC,EAC9B,IAAI,EACJ,OAAO,EACP,iBAAiB,EACjB,gBAAgB,EAChB,UAAU,EACV,QAAQ,EACR,OAAO,EACP,QAAQ,EACR,OAAO,EACP,QAAQ,EACR,OAAO,EACP,QAAQ,EACR,YAAY,EACZ,YAAY,GACN,EAAA;IACN,MAAM,gBAAgB,GAAG,MAAK;AAC5B,QAAA,CAAC,QAAQ,IAAI,QAAQ,CAAC,IAAI,CAAC,CAAA;AAC7B,KAAC,CAAA;AAED,IAAA,QACE,KACE,CAAA,aAAA,CAAA,KAAA,EAAA,EAAA,SAAS,EAAEA,EAAU,CAAC,iCAAiC,EAAE;AACvD,YAAA,wCAAwC,EAAE,OAAO;AACjD,YAAA,+CAA+C,EAAE,iBAAiB;AAClE,YAAA,8CAA8C,EAAE,gBAAgB;AAChE,YAAA,2CAA2C,EAAE,UAAU;AACvD,YAAA,yCAAyC,EAAE,QAAQ;AACnD,YAAA,wCAAwC,EAAE,OAAO;AACjD,YAAA,2CAA2C,EAAE,QAAQ;AACrD,YAAA,0CAA0C,EAAE,OAAO;AACnD,YAAA,0CAA0C,EAAE,OAAO;AACnD,YAAA,2CAA2C,EAAE,QAAQ;AACtD,SAAA,CAAC,EACF,YAAY,EAAE,MAAK;AACjB,YAAA,YAAY,CAAC,IAAI,EAAE,CAAC,CAAC,QAAQ,CAAC,CAAA;AAChC,SAAC,EACD,YAAY,EAAE,MAAK;AACjB,YAAA,YAAY,IAAI,YAAY,CAAC,IAAI,CAAC,CAAA;SACnC,EACD,OAAO,EAAE,gBAAgB,EAAA,UAAA,EACf,MAAM,CAAC,IAAI,EAAE,YAAY,CAAC,EAAA;QAEpC,KAAK,CAAA,aAAA,CAAA,KAAA,EAAA,EAAA,SAAS,EAAC,uCAAuC,EACnD,EAAA,IAAI,CAAC,OAAO,EAAE,CACX,CACF,EACP;AACH,CAAC;AAED,SAAS,QAAQ,CAAC,SAAgB,EAAE,SAAgB,EAAA;AAClD,IAAA,QACE,SAAS,CAAC,kBAAkB,KAAK,SAAS,CAAC,kBAAkB;AAC7D,QAAA,SAAS,CAAC,gBAAgB,KAAK,SAAS,CAAC,gBAAgB;AACzD,QAAA,SAAS,CAAC,QAAQ,KAAK,SAAS,CAAC,QAAQ;AACzC,QAAA,SAAS,CAAC,OAAO,KAAK,SAAS,CAAC,OAAO;AACvC,QAAA,SAAS,CAAC,UAAU,KAAK,SAAS,CAAC,UAAU;AAC7C,QAAA,SAAS,CAAC,QAAQ,KAAK,SAAS,CAAC,QAAQ;AACzC,QAAA,SAAS,CAAC,OAAO,KAAK,SAAS,CAAC,OAAO;AACvC,QAAA,SAAS,CAAC,OAAO,KAAK,SAAS,CAAC,OAAO,EACxC;AACH,CAAC;AAEK,MAAA,iBAAiB,GAAG,KAAK,CAAC,IAAI,CAAC,sBAAsB,EAAE,QAAQ,EAAC;AACtE,iBAAiB,CAAC,WAAW,GAAG,wBAAwB;;;;"}
+{"version":3,"file":"CalendarRangePickerDay.js","sources":["../../../../src/components/Calendar/CalendarRangePicker/CalendarRangePickerDay.tsx"],"sourcesContent":["import React from \"react\"\nimport classNames from \"classnames\"\nimport { format } from \"date-fns\"\nimport DayTooltip from \"./DayTooltip\"\n\ntype CalendarRangePickerDayPropsType = {\n  date: Date\n  isEditingStartDate: boolean\n  isEditingEndDate: boolean\n  isToday?: boolean\n  isStartDay?: boolean\n  isEndDay?: boolean\n  isSelected?: boolean\n  isInvalid?: boolean\n  isDisabled?: boolean\n  isRange?: boolean\n  isActive?: boolean\n  hasNotification?: boolean\n  tooltipMessage?: string\n  onSelect: (date: Date) => void\n  onMouseEnter: (date: Date, disabled: boolean) => void\n  onMouseLeave?: (date: Date) => void\n}\n\nfunction CalendarRangePickerDay({\n  date,\n  isToday,\n  isStartDay,\n  isEndDay,\n  isSelected,\n  isDisabled,\n  isInvalid,\n  isRange,\n  isActive,\n  hasNotification,\n  tooltipMessage,\n  onSelect,\n  onMouseEnter,\n  onMouseLeave,\n}: CalendarRangePickerDayPropsType) {\n  const handleSelectDate = () => {\n    !isDisabled && !isInvalid && onSelect(new Date(date))\n  }\n\n  const jsx = (\n    <div\n      className={classNames(\"cobalt-CalendarRangePicker__day\", {\n        \"cobalt-CalendarRangePicker__day--today\": isToday,\n        \"cobalt-CalendarRangePicker__day--startDay\": isStartDay,\n        \"cobalt-CalendarRangePicker__day--endDay\": isEndDay,\n        \"cobalt-CalendarRangePicker__day--range\": isRange,\n        \"cobalt-CalendarRangePicker__day--selected\": isSelected,\n        \"cobalt-CalendarRangePicker__day--active\": isActive,\n        \"cobalt-CalendarRangePicker__day--invalid\": isInvalid,\n        \"cobalt-CalendarRangePicker__day--disabled\": isDisabled,\n      })}\n      onMouseEnter={() => {\n        onMouseEnter(date, !!isDisabled)\n      }}\n      onMouseLeave={() => {\n        onMouseLeave && onMouseLeave(date)\n      }}\n      onClick={handleSelectDate}\n      data-day={format(date, \"yyyy-MM-dd\")}\n    >\n      {date.getDate()}\n      {hasNotification && (\n        <div className=\"cobalt-CalendarRangePicker__day-notification-container\">\n          <div className=\"cobalt-CalendarRangePicker__day-notification\"></div>\n        </div>\n      )}\n    </div>\n  )\n\n  return tooltipMessage ? (\n    <DayTooltip\n      visible={true}\n      content={<div className=\"c-text-body-sm\">{tooltipMessage}</div>}\n      placement={isStartDay ? \"top\" : \"bottom\"}\n    >\n      {jsx}\n    </DayTooltip>\n  ) : (\n    jsx\n  )\n}\n\nfunction areEqual(\n  prevProps: CalendarRangePickerDayPropsType,\n  nextProps: CalendarRangePickerDayPropsType\n) {\n  return (\n    prevProps.isSelected === nextProps.isSelected &&\n    prevProps.isActive === nextProps.isActive &&\n    prevProps.isStartDay === nextProps.isStartDay &&\n    prevProps.isEndDay === nextProps.isEndDay &&\n    prevProps.isInvalid === nextProps.isInvalid &&\n    prevProps.isRange === nextProps.isRange &&\n    prevProps.hasNotification === nextProps.hasNotification &&\n    prevProps.isDisabled === nextProps.isDisabled &&\n    prevProps.isEditingStartDate === nextProps.isEditingStartDate &&\n    prevProps.isEditingEndDate === nextProps.isEditingEndDate\n  )\n}\n\nconst MemoizedComponent = React.memo(CalendarRangePickerDay, areEqual)\nMemoizedComponent.displayName = \"CalendarRangePickerDay\"\n\nexport { MemoizedComponent as CalendarRangePickerDay }\n"],"names":["classNames"],"mappings":";;;;;AAwBA,SAAS,sBAAsB,CAAC,EAC9B,IAAI,EACJ,OAAO,EACP,UAAU,EACV,QAAQ,EACR,UAAU,EACV,UAAU,EACV,SAAS,EACT,OAAO,EACP,QAAQ,EACR,eAAe,EACf,cAAc,EACd,QAAQ,EACR,YAAY,EACZ,YAAY,GACoB,EAAA;IAChC,MAAM,gBAAgB,GAAG,MAAK;AAC5B,QAAA,CAAC,UAAU,IAAI,CAAC,SAAS,IAAI,QAAQ,CAAC,IAAI,IAAI,CAAC,IAAI,CAAC,CAAC,CAAA;AACvD,KAAC,CAAA;IAED,MAAM,GAAG,IACP,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EACE,SAAS,EAAEA,EAAU,CAAC,iCAAiC,EAAE;AACvD,YAAA,wCAAwC,EAAE,OAAO;AACjD,YAAA,2CAA2C,EAAE,UAAU;AACvD,YAAA,yCAAyC,EAAE,QAAQ;AACnD,YAAA,wCAAwC,EAAE,OAAO;AACjD,YAAA,2CAA2C,EAAE,UAAU;AACvD,YAAA,yCAAyC,EAAE,QAAQ;AACnD,YAAA,0CAA0C,EAAE,SAAS;AACrD,YAAA,2CAA2C,EAAE,UAAU;AACxD,SAAA,CAAC,EACF,YAAY,EAAE,MAAK;AACjB,YAAA,YAAY,CAAC,IAAI,EAAE,CAAC,CAAC,UAAU,CAAC,CAAA;AAClC,SAAC,EACD,YAAY,EAAE,MAAK;AACjB,YAAA,YAAY,IAAI,YAAY,CAAC,IAAI,CAAC,CAAA;SACnC,EACD,OAAO,EAAE,gBAAgB,EAAA,UAAA,EACf,MAAM,CAAC,IAAI,EAAE,YAAY,CAAC,EAAA;QAEnC,IAAI,CAAC,OAAO,EAAE;AACd,QAAA,eAAe,KACd,KAAK,CAAA,aAAA,CAAA,KAAA,EAAA,EAAA,SAAS,EAAC,wDAAwD,EAAA;YACrE,KAAK,CAAA,aAAA,CAAA,KAAA,EAAA,EAAA,SAAS,EAAC,8CAA8C,EAAA,CAAO,CAChE,CACP,CACG,CACP,CAAA;AAED,IAAA,OAAO,cAAc,IACnB,KAAA,CAAA,aAAA,CAAC,UAAU,EACT,EAAA,OAAO,EAAE,IAAI,EACb,OAAO,EAAE,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAC,gBAAgB,IAAE,cAAc,CAAO,EAC/D,SAAS,EAAE,UAAU,GAAG,KAAK,GAAG,QAAQ,IAEvC,GAAG,CACO,KAEb,GAAG,CACJ,CAAA;AACH,CAAC;AAED,SAAS,QAAQ,CACf,SAA0C,EAC1C,SAA0C,EAAA;AAE1C,IAAA,QACE,SAAS,CAAC,UAAU,KAAK,SAAS,CAAC,UAAU;AAC7C,QAAA,SAAS,CAAC,QAAQ,KAAK,SAAS,CAAC,QAAQ;AACzC,QAAA,SAAS,CAAC,UAAU,KAAK,SAAS,CAAC,UAAU;AAC7C,QAAA,SAAS,CAAC,QAAQ,KAAK,SAAS,CAAC,QAAQ;AACzC,QAAA,SAAS,CAAC,SAAS,KAAK,SAAS,CAAC,SAAS;AAC3C,QAAA,SAAS,CAAC,OAAO,KAAK,SAAS,CAAC,OAAO;AACvC,QAAA,SAAS,CAAC,eAAe,KAAK,SAAS,CAAC,eAAe;AACvD,QAAA,SAAS,CAAC,UAAU,KAAK,SAAS,CAAC,UAAU;AAC7C,QAAA,SAAS,CAAC,kBAAkB,KAAK,SAAS,CAAC,kBAAkB;AAC7D,QAAA,SAAS,CAAC,gBAAgB,KAAK,SAAS,CAAC,gBAAgB,EAC1D;AACH,CAAC;AAEK,MAAA,iBAAiB,GAAG,KAAK,CAAC,IAAI,CAAC,sBAAsB,EAAE,QAAQ,EAAC;AACtE,iBAAiB,CAAC,WAAW,GAAG,wBAAwB;;;;"}

package/components/Calendar/CalendarRangePicker/CalendarRangePickerMonth.js

@@ -1,77 +1,154 @@
 import React, { useMemo, useState, useEffect } from 'react';
 import { CalendarRangePickerDay as MemoizedComponent } from './CalendarRangePickerDay.js';
 import cx from 'classnames';
-import { startOfMonth, endOfMonth, format, isSameDay, differenceInCalendarDays } from 'date-fns';
+import { format, isSameDay, differenceInCalendarDays } from 'date-fns';
 import { getMonthDaysByWeeks, getWeekDays } from '../utils.js';
 
 function isDisabled(day, firstAvailableDate, lastAvailableDate) {
     return (day.getTime() < firstAvailableDate.getTime() ||
         (lastAvailableDate != null && day.getTime() > lastAvailableDate.getTime()));
 }
-function isInvalid(day, startDate, rangeLimit, isOutOfRange, isEditingEndDate) {
-    return (rangeLimit != null &&
-        isOutOfRange &&
-        isEditingEndDate &&
+function isInvalidOppositeBound({ isEditingStartDate, isEditingEndDate, isStartDay, isEndDay, startDate, endDate, }) {
+    return (startDate != null &&
+        endDate != null &&
+        startDate > endDate &&
+        ((isEditingStartDate && isEndDay) || (isEditingEndDate && isStartDay)));
+}
+function isDayOutOfRange({ day, rangeConstraints, startDate, }) {
+    return (rangeConstraints != null &&
+        rangeConstraints.max != null &&
         startDate != null &&
-        differenceInCalendarDays(day, startDate) >= rangeLimit);
+        differenceInCalendarDays(day, startDate) >= rangeConstraints.max.value);
 }
-function isRange(startDate, endDate, isOutOfRangeStartDate) {
-    return !!(startDate && endDate) && !isOutOfRangeStartDate;
+function isDayInvalid({ day, isDaySelected, rangeConstraints, rangeTooShort, rangeExceeded, isEditingStartDate, isEditingEndDate, isStartDay, isEndDay, isDayInvalidForSelectionFn, startDate, endDate, }) {
+    if (!isDaySelected)
+        return false;
+    let isInvalid = false;
+    if (!isEditingStartDate && !isEditingEndDate) {
+        isInvalid = rangeTooShort || rangeExceeded;
+    }
+    else if (rangeTooShort && (!isStartDay || isEndDay)) {
+        isInvalid = true;
+    }
+    else if (isInvalidOppositeBound({
+        isEditingStartDate,
+        isEditingEndDate,
+        isStartDay,
+        isEndDay,
+        startDate,
+        endDate,
+    })) {
+        isInvalid = true;
+    }
+    else {
+        isInvalid = isDayOutOfRange({
+            day,
+            rangeConstraints,
+            startDate,
+        });
+    }
+    if (!isInvalid &&
+        isDayInvalidForSelectionFn &&
+        ((isEditingStartDate && isStartDay) || (isEditingEndDate && isEndDay))) {
+        isInvalid = isDayInvalidForSelectionFn(day);
+    }
+    return isInvalid;
 }
-function isSelected(day, startDate, endDate, isStartDay, isEndDay, isOutOfRangeStartDate) {
-    return (isStartDay ||
+function isSelected({ day, startDate, endDate, isStartDay, isEndDay, isOutOfRangeStartDate, rangeTooShort, isEditingStartDate, isEditingEndDate, }) {
+    return !!(isStartDay ||
         isEndDay ||
-        (!isOutOfRangeStartDate &&
+        ((!rangeTooShort || (!isEditingStartDate && !isEditingEndDate)) &&
+            !isOutOfRangeStartDate &&
             endDate &&
             day.getTime() <= endDate.getTime() &&
             startDate &&
             day.getTime() > startDate.getTime()));
 }
-function isRangeExceeded(startDate, endDate, rangeLimit) {
-    return (rangeLimit != null &&
-        startDate != null &&
-        endDate != null &&
-        differenceInCalendarDays(endDate, startDate) >= rangeLimit);
+function isRangeExceeded(rangeInDays, rangeLimit) {
+    return rangeLimit != null && rangeInDays > rangeLimit;
+}
+function isRangeTooShort(rangeInDays, rangeLimit) {
+    return rangeInDays <= 0
+        ? false
+        : rangeLimit != null && rangeInDays < rangeLimit;
+}
+function buildTooltipMessage({ rangeInDays, isEditingStartDate, isStartDay, isEditingEndDate, isEndDay, rangeConstraints, }) {
+    var _a, _b, _c, _d;
+    let tooltipMessage;
+    if (rangeConstraints &&
+        rangeInDays >= 0 &&
+        ((isEditingStartDate && isStartDay) || (isEditingEndDate && isEndDay))) {
+        if (isRangeTooShort(rangeInDays, (_a = rangeConstraints.min) === null || _a === void 0 ? void 0 : _a.value)) {
+            tooltipMessage = (_b = rangeConstraints === null || rangeConstraints === void 0 ? void 0 : rangeConstraints.min) === null || _b === void 0 ? void 0 : _b.message;
+        }
+        else if (isRangeExceeded(rangeInDays, (_c = rangeConstraints.max) === null || _c === void 0 ? void 0 : _c.value)) {
+            tooltipMessage = (_d = rangeConstraints === null || rangeConstraints === void 0 ? void 0 : rangeConstraints.max) === null || _d === void 0 ? void 0 : _d.message;
+        }
+    }
+    return tooltipMessage;
+}
+function getRangeInDays(range) {
+    return range.startDate && range.endDate
+        ? differenceInCalendarDays(range.endDate, range.startDate) + 1
+        : 0;
 }
-function CalendarRangePickerMonth({ date, onSelectDate, onChangeDate, onLeaveDate, startDate, endDate, isEditingStartDate = false, isEditingEndDate = false, rangeLimit, firstAvailableDate, lastAvailableDate, locale, }) {
-    const firstDayOfMonth = useMemo(() => startOfMonth(date), []);
-    const lastDayOfMonth = useMemo(() => endOfMonth(date), []);
-    const byWeeks = useMemo(() => getMonthDaysByWeeks(date), []);
+function CalendarRangePickerMonth({ date, onSelectDate, onChangeDate, onLeaveDate, startDate, endDate, isEditingStartDate = false, isEditingEndDate = false, firstAvailableDate, lastAvailableDate, isDayDisabledFn, isDayInvalidForSelectionFn, hasDayNotificationFn, rangeConstraints, isSundayFirstDayOfWeek, locale, }) {
+    var _a, _b;
+    const byWeeks = useMemo(() => getMonthDaysByWeeks(date, isSundayFirstDayOfWeek), []);
     // we use a state for the selected Date to allow the onSelect event to be memoized then still triggering some logic with updated data thanks to the setter+useEffect dependency mechanism
     const [selectedDate, setSelectedDate] = useState(null);
     const today = new Date().setHours(0, 0, 0, 0);
-    const weekdays = useMemo(() => getWeekDays(), []);
-    const isOutOfRange = isRangeExceeded(startDate, endDate, rangeLimit);
-    const isOutOfRangeStartDate = !!isEditingStartDate && isOutOfRange;
+    const weekdays = useMemo(() => getWeekDays(isSundayFirstDayOfWeek), []);
+    const rangeInDays = getRangeInDays({ startDate, endDate });
+    const rangeExceeded = isRangeExceeded(rangeInDays, (_a = rangeConstraints === null || rangeConstraints === void 0 ? void 0 : rangeConstraints.max) === null || _a === void 0 ? void 0 : _a.value);
+    const rangeTooShort = isRangeTooShort(rangeInDays, (_b = rangeConstraints === null || rangeConstraints === void 0 ? void 0 : rangeConstraints.min) === null || _b === void 0 ? void 0 : _b.value);
+    const isOutOfRangeStartDate = isEditingStartDate && rangeExceeded;
     const onMouseEnter = (day, disabled) => {
-        let isDayOutOfRange = false;
-        if (rangeLimit != null) {
-            if (isEditingStartDate) {
-                isDayOutOfRange =
-                    endDate != null &&
-                        differenceInCalendarDays(endDate, day) >= rangeLimit;
+        var _a, _b;
+        const status = {};
+        if (disabled) {
+            status.isDisabled = true;
+        }
+        if (!disabled) {
+            const currentRange = isEditingStartDate
+                ? { startDate: day, endDate: endDate }
+                : { startDate: startDate, endDate: day };
+            const currentRangeInDays = getRangeInDays({
+                startDate: currentRange.startDate,
+                endDate: currentRange.endDate,
+            });
+            const currentRangeExceeded = isRangeExceeded(currentRangeInDays, (_a = rangeConstraints === null || rangeConstraints === void 0 ? void 0 : rangeConstraints.max) === null || _a === void 0 ? void 0 : _a.value);
+            if (currentRangeExceeded) {
+                status.isRangeExceeded = true;
             }
-            else if (isEditingEndDate) {
-                isDayOutOfRange =
-                    startDate != null &&
-                        differenceInCalendarDays(day, startDate) >= rangeLimit;
+            else {
+                const currentRangeTooShort = isRangeTooShort(currentRangeInDays, (_b = rangeConstraints === null || rangeConstraints === void 0 ? void 0 : rangeConstraints.min) === null || _b === void 0 ? void 0 : _b.value);
+                if (currentRangeTooShort) {
+                    status.isRangeTooShort = true;
+                }
+                else {
+                    status.isCustomInvalid =
+                        isDayInvalidForSelectionFn != null &&
+                            isDayInvalidForSelectionFn(day);
+                }
             }
         }
-        onChangeDate(day, isDayOutOfRange, disabled);
+        onChangeDate(day, status);
     };
     useEffect(() => {
+        var _a, _b;
         // on Date selection...
         if (selectedDate) {
             if (isEditingStartDate) {
-                onSelectDate(selectedDate, isRangeExceeded(selectedDate, endDate, rangeLimit));
+                onSelectDate(selectedDate, isRangeExceeded(getRangeInDays({ startDate: selectedDate, endDate }), (_a = rangeConstraints === null || rangeConstraints === void 0 ? void 0 : rangeConstraints.max) === null || _a === void 0 ? void 0 : _a.value));
             }
             else {
-                onSelectDate(selectedDate, isRangeExceeded(startDate, selectedDate, rangeLimit));
+                onSelectDate(selectedDate, isRangeExceeded(getRangeInDays({ startDate, endDate: selectedDate }), (_b = rangeConstraints === null || rangeConstraints === void 0 ? void 0 : rangeConstraints.max) === null || _b === void 0 ? void 0 : _b.value));
             }
         }
     }, [selectedDate]);
     return (React.createElement("div", { className: cx("cobalt-CalendarRangePicker__month", {
-            "cobalt-CalendarRangePicker__month--invalid": isOutOfRange && !isEditingStartDate,
+            "cobalt-CalendarRangePicker__month--invalid": rangeExceeded && !isEditingStartDate,
         }), "data-month": format(date, "yyyy-MM") },
         React.createElement("div", { className: "cobalt-CalendarRangePicker__month-header" }, format(date, "MMMM yyyy", { locale })),
         React.createElement("div", { className: "cobalt-CalendarRangePicker__month__weeks-container" },
@@ -79,8 +156,47 @@ function CalendarRangePickerMonth({ date, onSelectDate, onChangeDate, onLeaveDat
             byWeeks.map((week, index) => (React.createElement("div", { key: index, className: "cobalt-CalendarRangePicker__month__week" }, week.map((day) => {
                 const isStartDay = startDate != null && isSameDay(day, startDate);
                 const isEndDay = endDate != null && isSameDay(day, endDate);
-                return (React.createElement(MemoizedComponent, { key: day.getTime(), isEditingStartDate: !!isEditingStartDate, isEditingEndDate: !!isEditingEndDate, date: day, onMouseEnter: onMouseEnter, onMouseLeave: onLeaveDate, onSelect: setSelectedDate, isToday: isSameDay(day, today), isStartDay: isStartDay, isEndDay: isEndDay, isFirstDayOfMonth: isSameDay(day, firstDayOfMonth), isLastDayOfMonth: isSameDay(day, lastDayOfMonth), isRange: isRange(startDate, endDate, isOutOfRangeStartDate), invalid: isInvalid(day, startDate, rangeLimit, isOutOfRange, isEditingEndDate), subdued: (isStartDay && isEditingEndDate) ||
-                        (isEndDay && isEditingStartDate), disabled: isDisabled(day, firstAvailableDate, lastAvailableDate), selected: isSelected(day, startDate, endDate, isStartDay, isEndDay, isOutOfRangeStartDate) }));
+                const disabled = isDisabled(day, firstAvailableDate, lastAvailableDate) ||
+                    (isDayDisabledFn && isDayDisabledFn(day));
+                const hasNotification = !disabled &&
+                    hasDayNotificationFn != null &&
+                    hasDayNotificationFn(day);
+                const isRange = rangeInDays !== 0 &&
+                    (isStartDay || isEndDay) &&
+                    (!rangeTooShort || (!isEditingStartDate && !isEditingEndDate));
+                const isDaySelected = isSelected({
+                    day,
+                    startDate,
+                    endDate,
+                    isStartDay,
+                    isEndDay,
+                    isOutOfRangeStartDate,
+                    rangeTooShort,
+                    isEditingStartDate,
+                    isEditingEndDate,
+                });
+                return (React.createElement(MemoizedComponent, { key: day.getTime(), date: day, onMouseEnter: onMouseEnter, onMouseLeave: onLeaveDate, onSelect: setSelectedDate, isToday: isSameDay(day, today), isActive: (isEditingStartDate && isStartDay) ||
+                        (isEditingEndDate && isEndDay), isStartDay: isStartDay, isEndDay: isEndDay, isRange: isRange, isEditingStartDate: isEditingStartDate, isEditingEndDate: isEditingEndDate, isInvalid: isDayInvalid({
+                        day,
+                        isDayInvalidForSelectionFn,
+                        isDaySelected,
+                        startDate,
+                        rangeConstraints,
+                        rangeTooShort,
+                        rangeExceeded,
+                        isEditingStartDate,
+                        isEditingEndDate,
+                        isStartDay,
+                        isEndDay,
+                        endDate,
+                    }), hasNotification: hasNotification, isDisabled: disabled, tooltipMessage: buildTooltipMessage({
+                        rangeInDays,
+                        isEditingStartDate: !!isEditingStartDate,
+                        isEditingEndDate: !!isEditingEndDate,
+                        isStartDay,
+                        isEndDay,
+                        rangeConstraints,
+                    }), isSelected: isDaySelected }));
             })))))));
 }
 

package/components/Calendar/CalendarRangePicker/CalendarRangePickerMonth.js.map

@@ -1 +1 @@
-{"version":3,"file":"CalendarRangePickerMonth.js","sources":["../../../../src/components/Calendar/CalendarRangePicker/CalendarRangePickerMonth.tsx"],"sourcesContent":["import React, { useEffect, useMemo, useState } from \"react\"\nimport { CalendarRangePickerDay } from \"./CalendarRangePickerDay\"\nimport classNames from \"classnames\"\nimport {\n  startOfMonth,\n  endOfMonth,\n  format,\n  isSameDay,\n  differenceInCalendarDays,\n} from \"date-fns\"\nimport { getMonthDaysByWeeks, getWeekDays } from \"../utils\"\n\ntype Props = {\n  date: Date\n  startDate?: Date\n  endDate?: Date\n  onSelectDate: (date: Date, isOutOfRange?: boolean) => void\n  onChangeDate: (date: Date, isOutOfRange: boolean, disabled: boolean) => void\n  onLeaveDate?: (date: Date) => void\n  isEditingStartDate?: boolean\n  isEditingEndDate?: boolean\n  rangeLimit?: number\n  firstAvailableDate: Date\n  lastAvailableDate?: Date\n  locale: any\n}\n\nfunction isDisabled(\n  day: Date,\n  firstAvailableDate: Date,\n  lastAvailableDate: Date | undefined\n) {\n  return (\n    day.getTime() < firstAvailableDate.getTime() ||\n    (lastAvailableDate != null && day.getTime() > lastAvailableDate.getTime())\n  )\n}\n\nfunction isInvalid(\n  day: Date,\n  startDate: Date | undefined,\n  rangeLimit: number | undefined,\n  isOutOfRange: boolean,\n  isEditingEndDate: boolean | undefined\n) {\n  return (\n    rangeLimit != null &&\n    isOutOfRange &&\n    isEditingEndDate &&\n    startDate != null &&\n    differenceInCalendarDays(day, startDate) >= rangeLimit\n  )\n}\n\nfunction isRange(\n  startDate: Date | undefined,\n  endDate: Date | undefined,\n  isOutOfRangeStartDate: boolean\n) {\n  return !!(startDate && endDate) && !isOutOfRangeStartDate\n}\n\nfunction isSelected(\n  day: Date,\n  startDate: Date | undefined,\n  endDate: Date | undefined,\n  isStartDay: boolean,\n  isEndDay: boolean,\n  isOutOfRangeStartDate: boolean\n) {\n  return (\n    isStartDay ||\n    isEndDay ||\n    (!isOutOfRangeStartDate &&\n      endDate &&\n      day.getTime() <= endDate.getTime() &&\n      startDate &&\n      day.getTime() > startDate.getTime())\n  )\n}\n\nfunction isRangeExceeded(\n  startDate: Date | undefined,\n  endDate: Date | undefined,\n  rangeLimit: number | undefined\n) {\n  return (\n    rangeLimit != null &&\n    startDate != null &&\n    endDate != null &&\n    differenceInCalendarDays(endDate, startDate) >= rangeLimit\n  )\n}\n\nexport function CalendarRangePickerMonth({\n  date,\n  onSelectDate,\n  onChangeDate,\n  onLeaveDate,\n  startDate,\n  endDate,\n  isEditingStartDate = false,\n  isEditingEndDate = false,\n  rangeLimit,\n  firstAvailableDate,\n  lastAvailableDate,\n  locale,\n}: Props) {\n  const firstDayOfMonth = useMemo(() => startOfMonth(date), [])\n  const lastDayOfMonth = useMemo(() => endOfMonth(date), [])\n  const byWeeks = useMemo(() => getMonthDaysByWeeks(date), [])\n\n  // we use a state for the selected Date to allow the onSelect event to be memoized then still triggering some logic with updated data thanks to the setter+useEffect dependency mechanism\n  const [selectedDate, setSelectedDate] = useState<Date | null>(null)\n\n  const today = new Date().setHours(0, 0, 0, 0)\n\n  const weekdays: Date[] = useMemo(() => getWeekDays(), [])\n\n  const isOutOfRange = isRangeExceeded(startDate, endDate, rangeLimit)\n\n  const isOutOfRangeStartDate = !!isEditingStartDate && isOutOfRange\n\n  const onMouseEnter = (day: Date, disabled: boolean) => {\n    let isDayOutOfRange = false\n    if (rangeLimit != null) {\n      if (isEditingStartDate) {\n        isDayOutOfRange =\n          endDate != null &&\n          differenceInCalendarDays(endDate, day) >= rangeLimit\n      } else if (isEditingEndDate) {\n        isDayOutOfRange =\n          startDate != null &&\n          differenceInCalendarDays(day, startDate) >= rangeLimit\n      }\n    }\n\n    onChangeDate(day, isDayOutOfRange, disabled)\n  }\n\n  useEffect(() => {\n    // on Date selection...\n    if (selectedDate) {\n      if (isEditingStartDate) {\n        onSelectDate(\n          selectedDate,\n          isRangeExceeded(selectedDate, endDate, rangeLimit)\n        )\n      } else {\n        onSelectDate(\n          selectedDate,\n          isRangeExceeded(startDate, selectedDate, rangeLimit)\n        )\n      }\n    }\n  }, [selectedDate])\n\n  return (\n    <div\n      className={classNames(\"cobalt-CalendarRangePicker__month\", {\n        \"cobalt-CalendarRangePicker__month--invalid\":\n          isOutOfRange && !isEditingStartDate,\n      })}\n      data-month={format(date, \"yyyy-MM\")}\n    >\n      <div className=\"cobalt-CalendarRangePicker__month-header\">\n        {format(date, \"MMMM yyyy\", { locale })}\n      </div>\n      <div className=\"cobalt-CalendarRangePicker__month__weeks-container\">\n        <div className=\"cobalt-CalendarRangePicker__month__week-header\">\n          {weekdays.map((weekday) => (\n            <div\n              key={weekday.getTime()}\n              className=\"cobalt-CalendarRangePicker__month__day-header\"\n            >\n              {format(weekday, \"iiiiii\", { locale })}\n            </div>\n          ))}\n        </div>\n        {byWeeks.map((week, index) => (\n          <div key={index} className=\"cobalt-CalendarRangePicker__month__week\">\n            {week.map((day) => {\n              const isStartDay = startDate != null && isSameDay(day, startDate)\n              const isEndDay = endDate != null && isSameDay(day, endDate)\n              return (\n                <CalendarRangePickerDay\n                  key={day.getTime()}\n                  isEditingStartDate={!!isEditingStartDate}\n                  isEditingEndDate={!!isEditingEndDate}\n                  date={day}\n                  onMouseEnter={onMouseEnter}\n                  onMouseLeave={onLeaveDate}\n                  onSelect={setSelectedDate}\n                  isToday={isSameDay(day, today)}\n                  isStartDay={isStartDay}\n                  isEndDay={isEndDay}\n                  isFirstDayOfMonth={isSameDay(day, firstDayOfMonth)}\n                  isLastDayOfMonth={isSameDay(day, lastDayOfMonth)}\n                  isRange={isRange(startDate, endDate, isOutOfRangeStartDate)}\n                  invalid={isInvalid(\n                    day,\n                    startDate,\n                    rangeLimit,\n                    isOutOfRange,\n                    isEditingEndDate\n                  )}\n                  subdued={\n                    (isStartDay && isEditingEndDate) ||\n                    (isEndDay && isEditingStartDate)\n                  }\n                  disabled={isDisabled(\n                    day,\n                    firstAvailableDate,\n                    lastAvailableDate\n                  )}\n                  selected={isSelected(\n                    day,\n                    startDate,\n                    endDate,\n                    isStartDay,\n                    isEndDay,\n                    isOutOfRangeStartDate\n                  )}\n                />\n              )\n            })}\n          </div>\n        ))}\n      </div>\n    </div>\n  )\n}\n"],"names":["classNames","CalendarRangePickerDay"],"mappings":"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"}
+{"version":3,"file":"CalendarRangePickerMonth.js","sources":["../../../../src/components/Calendar/CalendarRangePicker/CalendarRangePickerMonth.tsx"],"sourcesContent":["import React, { useEffect, useMemo, useState } from \"react\"\nimport { CalendarRangePickerDay } from \"./CalendarRangePickerDay\"\nimport classNames from \"classnames\"\nimport { format, isSameDay, differenceInCalendarDays } from \"date-fns\"\nimport { getMonthDaysByWeeks, getWeekDays } from \"../utils\"\nimport {\n  CalendarRangePickerPropsType,\n  DayStatusInterface,\n  RangeConstraintsInterface,\n} from \"./CalendarRangePicker\"\n\ntype CalendarRangePickerMonthPropsType = {\n  date: Date\n  startDate?: Date\n  endDate?: Date\n  onSelectDate: (date: Date, isOutOfRange?: boolean) => void\n  onChangeDate: (date: Date, status: DayStatusInterface) => void\n  onLeaveDate?: (date: Date) => void\n  isEditingStartDate?: boolean\n  isEditingEndDate?: boolean\n  firstAvailableDate: Date\n  lastAvailableDate?: Date\n  isDayDisabledFn?: CalendarRangePickerPropsType[\"isDayDisabledFn\"]\n  hasDayNotificationFn?: CalendarRangePickerPropsType[\"hasDayNotificationFn\"]\n  isDayInvalidForSelectionFn?: CalendarRangePickerPropsType[\"isDayInvalidForSelectionFn\"]\n  rangeConstraints?: RangeConstraintsInterface\n  isSundayFirstDayOfWeek?: boolean\n  locale: any\n}\n\nfunction isDisabled(\n  day: Date,\n  firstAvailableDate: Date,\n  lastAvailableDate: Date | undefined\n) {\n  return (\n    day.getTime() < firstAvailableDate.getTime() ||\n    (lastAvailableDate != null && day.getTime() > lastAvailableDate.getTime())\n  )\n}\n\nfunction isInvalidOppositeBound({\n  isEditingStartDate,\n  isEditingEndDate,\n  isStartDay,\n  isEndDay,\n  startDate,\n  endDate,\n}: {\n  startDate: Date | undefined\n  endDate: Date | undefined\n  isEditingStartDate: boolean | undefined\n  isEditingEndDate: boolean | undefined\n  isStartDay: boolean\n  isEndDay: boolean\n}) {\n  return (\n    startDate != null &&\n    endDate != null &&\n    startDate > endDate &&\n    ((isEditingStartDate && isEndDay) || (isEditingEndDate && isStartDay))\n  )\n}\n\nfunction isDayOutOfRange({\n  day,\n  rangeConstraints,\n  startDate,\n}: {\n  day: Date\n  startDate: Date | undefined\n  rangeConstraints: RangeConstraintsInterface | undefined\n}) {\n  return (\n    rangeConstraints != null &&\n    rangeConstraints.max != null &&\n    startDate != null &&\n    differenceInCalendarDays(day, startDate) >= rangeConstraints.max.value\n  )\n}\n\nfunction isDayInvalid({\n  day,\n  isDaySelected,\n  rangeConstraints,\n  rangeTooShort,\n  rangeExceeded,\n  isEditingStartDate,\n  isEditingEndDate,\n  isStartDay,\n  isEndDay,\n  isDayInvalidForSelectionFn,\n  startDate,\n  endDate,\n}: {\n  day: Date\n  isDaySelected: boolean\n  startDate: Date | undefined\n  endDate: Date | undefined\n  rangeConstraints: RangeConstraintsInterface | undefined\n  rangeTooShort: boolean\n  rangeExceeded: boolean\n  isEditingStartDate: boolean | undefined\n  isEditingEndDate: boolean | undefined\n  isStartDay: boolean\n  isEndDay: boolean\n  isDayInvalidForSelectionFn?: CalendarRangePickerPropsType[\"isDayInvalidForSelectionFn\"]\n}) {\n  if (!isDaySelected) return false\n\n  let isInvalid = false\n  if (!isEditingStartDate && !isEditingEndDate) {\n    isInvalid = rangeTooShort || rangeExceeded\n  } else if (rangeTooShort && (!isStartDay || isEndDay)) {\n    isInvalid = true\n  } else if (\n    isInvalidOppositeBound({\n      isEditingStartDate,\n      isEditingEndDate,\n      isStartDay,\n      isEndDay,\n      startDate,\n      endDate,\n    })\n  ) {\n    isInvalid = true\n  } else {\n    isInvalid = isDayOutOfRange({\n      day,\n      rangeConstraints,\n      startDate,\n    })\n  }\n\n  if (\n    !isInvalid &&\n    isDayInvalidForSelectionFn &&\n    ((isEditingStartDate && isStartDay) || (isEditingEndDate && isEndDay))\n  ) {\n    isInvalid = isDayInvalidForSelectionFn(day)\n  }\n\n  return isInvalid\n}\n\nfunction isSelected({\n  day,\n  startDate,\n  endDate,\n  isStartDay,\n  isEndDay,\n  isOutOfRangeStartDate,\n  rangeTooShort,\n  isEditingStartDate,\n  isEditingEndDate,\n}: {\n  day: Date\n  startDate: Date | undefined\n  endDate: Date | undefined\n  isStartDay: boolean\n  isEndDay: boolean\n  isOutOfRangeStartDate: boolean\n  rangeTooShort: boolean\n  isEditingStartDate: boolean\n  isEditingEndDate: boolean\n}) {\n  return !!(\n    isStartDay ||\n    isEndDay ||\n    ((!rangeTooShort || (!isEditingStartDate && !isEditingEndDate)) &&\n      !isOutOfRangeStartDate &&\n      endDate &&\n      day.getTime() <= endDate.getTime() &&\n      startDate &&\n      day.getTime() > startDate.getTime())\n  )\n}\n\nfunction isRangeExceeded(rangeInDays: number, rangeLimit: number | undefined) {\n  return rangeLimit != null && rangeInDays > rangeLimit\n}\n\nfunction isRangeTooShort(rangeInDays: number, rangeLimit: number | undefined) {\n  return rangeInDays <= 0\n    ? false\n    : rangeLimit != null && rangeInDays < rangeLimit\n}\n\nfunction buildTooltipMessage({\n  rangeInDays,\n  isEditingStartDate,\n  isStartDay,\n  isEditingEndDate,\n  isEndDay,\n  rangeConstraints,\n}: {\n  rangeInDays: number\n  isEditingStartDate: boolean\n  isStartDay: boolean\n  isEditingEndDate: boolean\n  isEndDay: boolean\n  rangeConstraints?: RangeConstraintsInterface\n}) {\n  let tooltipMessage\n  if (\n    rangeConstraints &&\n    rangeInDays >= 0 &&\n    ((isEditingStartDate && isStartDay) || (isEditingEndDate && isEndDay))\n  ) {\n    if (isRangeTooShort(rangeInDays, rangeConstraints.min?.value)) {\n      tooltipMessage = rangeConstraints?.min?.message\n    } else if (isRangeExceeded(rangeInDays, rangeConstraints.max?.value)) {\n      tooltipMessage = rangeConstraints?.max?.message\n    }\n  }\n\n  return tooltipMessage\n}\n\nfunction getRangeInDays(range: {\n  startDate: Date | undefined\n  endDate: Date | undefined\n}) {\n  return range.startDate && range.endDate\n    ? differenceInCalendarDays(range.endDate, range.startDate) + 1\n    : 0\n}\n\nexport function CalendarRangePickerMonth({\n  date,\n  onSelectDate,\n  onChangeDate,\n  onLeaveDate,\n  startDate,\n  endDate,\n  isEditingStartDate = false,\n  isEditingEndDate = false,\n  firstAvailableDate,\n  lastAvailableDate,\n  isDayDisabledFn,\n  isDayInvalidForSelectionFn,\n  hasDayNotificationFn,\n  rangeConstraints,\n  isSundayFirstDayOfWeek,\n  locale,\n}: CalendarRangePickerMonthPropsType) {\n  const byWeeks = useMemo(\n    () => getMonthDaysByWeeks(date, isSundayFirstDayOfWeek),\n    []\n  )\n\n  // we use a state for the selected Date to allow the onSelect event to be memoized then still triggering some logic with updated data thanks to the setter+useEffect dependency mechanism\n  const [selectedDate, setSelectedDate] = useState<Date | null>(null)\n\n  const today = new Date().setHours(0, 0, 0, 0)\n\n  const weekdays: Date[] = useMemo(\n    () => getWeekDays(isSundayFirstDayOfWeek),\n    []\n  )\n\n  const rangeInDays = getRangeInDays({ startDate, endDate })\n\n  const rangeExceeded = isRangeExceeded(\n    rangeInDays,\n    rangeConstraints?.max?.value\n  )\n\n  const rangeTooShort = isRangeTooShort(\n    rangeInDays,\n    rangeConstraints?.min?.value\n  )\n\n  const isOutOfRangeStartDate = isEditingStartDate && rangeExceeded\n\n  const onMouseEnter = (day: Date, disabled: boolean) => {\n    const status: DayStatusInterface = {}\n\n    if (disabled) {\n      status.isDisabled = true\n    }\n\n    if (!disabled) {\n      const currentRange = isEditingStartDate\n        ? { startDate: day, endDate: endDate! }\n        : { startDate: startDate!, endDate: day }\n\n      const currentRangeInDays = getRangeInDays({\n        startDate: currentRange.startDate,\n        endDate: currentRange.endDate,\n      })\n\n      const currentRangeExceeded = isRangeExceeded(\n        currentRangeInDays,\n        rangeConstraints?.max?.value\n      )\n\n      if (currentRangeExceeded) {\n        status.isRangeExceeded = true\n      } else {\n        const currentRangeTooShort = isRangeTooShort(\n          currentRangeInDays,\n          rangeConstraints?.min?.value\n        )\n\n        if (currentRangeTooShort) {\n          status.isRangeTooShort = true\n        } else {\n          status.isCustomInvalid =\n            isDayInvalidForSelectionFn != null &&\n            isDayInvalidForSelectionFn(day)\n        }\n      }\n    }\n\n    onChangeDate(day, status)\n  }\n\n  useEffect(() => {\n    // on Date selection...\n    if (selectedDate) {\n      if (isEditingStartDate) {\n        onSelectDate(\n          selectedDate,\n          isRangeExceeded(\n            getRangeInDays({ startDate: selectedDate, endDate }),\n            rangeConstraints?.max?.value\n          )\n        )\n      } else {\n        onSelectDate(\n          selectedDate,\n          isRangeExceeded(\n            getRangeInDays({ startDate, endDate: selectedDate }),\n            rangeConstraints?.max?.value\n          )\n        )\n      }\n    }\n  }, [selectedDate])\n\n  return (\n    <div\n      className={classNames(\"cobalt-CalendarRangePicker__month\", {\n        \"cobalt-CalendarRangePicker__month--invalid\":\n          rangeExceeded && !isEditingStartDate,\n      })}\n      data-month={format(date, \"yyyy-MM\")}\n    >\n      <div className=\"cobalt-CalendarRangePicker__month-header\">\n        {format(date, \"MMMM yyyy\", { locale })}\n      </div>\n      <div className=\"cobalt-CalendarRangePicker__month__weeks-container\">\n        <div className=\"cobalt-CalendarRangePicker__month__week-header\">\n          {weekdays.map((weekday) => (\n            <div\n              key={weekday.getTime()}\n              className=\"cobalt-CalendarRangePicker__month__day-header\"\n            >\n              {format(weekday, \"iiiiii\", { locale })}\n            </div>\n          ))}\n        </div>\n        {byWeeks.map((week, index) => (\n          <div key={index} className=\"cobalt-CalendarRangePicker__month__week\">\n            {week.map((day) => {\n              const isStartDay = startDate != null && isSameDay(day, startDate)\n              const isEndDay = endDate != null && isSameDay(day, endDate)\n\n              const disabled =\n                isDisabled(day, firstAvailableDate, lastAvailableDate) ||\n                (isDayDisabledFn && isDayDisabledFn(day))\n\n              const hasNotification =\n                !disabled &&\n                hasDayNotificationFn != null &&\n                hasDayNotificationFn(day)\n\n              const isRange =\n                rangeInDays !== 0 &&\n                (isStartDay || isEndDay) &&\n                (!rangeTooShort || (!isEditingStartDate && !isEditingEndDate))\n\n              const isDaySelected = isSelected({\n                day,\n                startDate,\n                endDate,\n                isStartDay,\n                isEndDay,\n                isOutOfRangeStartDate,\n                rangeTooShort,\n                isEditingStartDate,\n                isEditingEndDate,\n              })\n\n              return (\n                <CalendarRangePickerDay\n                  key={day.getTime()}\n                  date={day}\n                  onMouseEnter={onMouseEnter}\n                  onMouseLeave={onLeaveDate}\n                  onSelect={setSelectedDate}\n                  isToday={isSameDay(day, today)}\n                  isActive={\n                    (isEditingStartDate && isStartDay) ||\n                    (isEditingEndDate && isEndDay)\n                  }\n                  isStartDay={isStartDay}\n                  isEndDay={isEndDay}\n                  isRange={isRange}\n                  isEditingStartDate={isEditingStartDate}\n                  isEditingEndDate={isEditingEndDate}\n                  isInvalid={isDayInvalid({\n                    day,\n                    isDayInvalidForSelectionFn,\n                    isDaySelected,\n                    startDate,\n                    rangeConstraints,\n                    rangeTooShort,\n                    rangeExceeded,\n                    isEditingStartDate,\n                    isEditingEndDate,\n                    isStartDay,\n                    isEndDay,\n                    endDate,\n                  })}\n                  hasNotification={hasNotification}\n                  isDisabled={disabled}\n                  tooltipMessage={buildTooltipMessage({\n                    rangeInDays,\n                    isEditingStartDate: !!isEditingStartDate,\n                    isEditingEndDate: !!isEditingEndDate,\n                    isStartDay,\n                    isEndDay,\n                    rangeConstraints,\n                  })}\n                  isSelected={isDaySelected}\n                />\n              )\n            })}\n          </div>\n        ))}\n      </div>\n    </div>\n  )\n}\n"],"names":["classNames","CalendarRangePickerDay"],"mappings":"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"}

package/components/Calendar/CalendarRangePicker/DayTooltip.js

@@ -0,0 +1,23 @@
+import React from 'react';
+import Tippy from '@tippyjs/react';
+import { sticky } from 'tippy.js';
+
+const DayTooltip = (props) => React.createElement(Tippy, { ...props });
+DayTooltip.defaultProps = {
+    animation: "fade",
+    arrow: true,
+    interactive: true,
+    interactiveBorder: 10,
+    placement: "top",
+    theme: "light range-picker",
+    delay: [0, 0],
+    duration: [0, 0],
+    maxWidth: 500,
+    offset: [0, 8],
+    sticky: true,
+    plugins: [sticky],
+    appendTo: document.body,
+};
+
+export { DayTooltip as default };
+//# sourceMappingURL=DayTooltip.js.map

package/components/Calendar/CalendarRangePicker/DayTooltip.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DayTooltip.js","sources":["../../../../src/components/Calendar/CalendarRangePicker/DayTooltip.tsx"],"sourcesContent":["import React from \"react\"\nimport Tippy, { TippyProps } from \"@tippyjs/react\"\nimport { sticky } from \"tippy.js\"\n\nconst DayTooltip = (props: TippyProps) => <Tippy {...props} />\nDayTooltip.defaultProps = {\n  animation: \"fade\",\n  arrow: true,\n  interactive: true,\n  interactiveBorder: 10,\n  placement: \"top\",\n  theme: \"light range-picker\",\n  delay: [0, 0],\n  duration: [0, 0],\n  maxWidth: 500,\n  offset: [0, 8],\n  sticky: true,\n  plugins: [sticky],\n  appendTo: document.body,\n}\n\nexport default DayTooltip\n"],"names":[],"mappings":";;;;AAIA,MAAM,UAAU,GAAG,CAAC,KAAiB,KAAK,KAAA,CAAA,aAAA,CAAC,KAAK,EAAA,EAAA,GAAK,KAAK,EAAA,EAAI;AAC9D,UAAU,CAAC,YAAY,GAAG;AACxB,IAAA,SAAS,EAAE,MAAM;AACjB,IAAA,KAAK,EAAE,IAAI;AACX,IAAA,WAAW,EAAE,IAAI;AACjB,IAAA,iBAAiB,EAAE,EAAE;AACrB,IAAA,SAAS,EAAE,KAAK;AAChB,IAAA,KAAK,EAAE,oBAAoB;AAC3B,IAAA,KAAK,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC;AACb,IAAA,QAAQ,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC;AAChB,IAAA,QAAQ,EAAE,GAAG;AACb,IAAA,MAAM,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC;AACd,IAAA,MAAM,EAAE,IAAI;IACZ,OAAO,EAAE,CAAC,MAAM,CAAC;IACjB,QAAQ,EAAE,QAAQ,CAAC,IAAI;CACxB;;;;"}

package/components/Calendar/utils.js

@@ -4,13 +4,15 @@ import getDay from 'date-fns/getDay';
 import endOfMonth from 'date-fns/endOfMonth';
 import eachDayOfInterval from 'date-fns/eachDayOfInterval';
 
-const getWeekDays = () => {
+const getWeekDays = (isSundayFirstDayOfWeek = false) => {
+    const extraIndex = isSundayFirstDayOfWeek ? 0 : 1;
     const now = new Date().setHours(0, 0, 0, 0);
-    return [...Array(7).keys()].map((index) => setISODay(now, index + 1));
+    return [...Array(7).keys()].map((index) => setISODay(now, index + extraIndex));
 };
-const getMonthDaysByWeeks = (monthDate) => {
+const getMonthDaysByWeeks = (monthDate, isSundayFirstDayOfWeek = false) => {
+    const extraOffset = isSundayFirstDayOfWeek ? 0 : 1;
     const firstDayOfMonth = startOfMonth(monthDate);
-    const firstDayOfMonthOffset = getDay(firstDayOfMonth) - 1;
+    const firstDayOfMonthOffset = getDay(firstDayOfMonth) - extraOffset;
     const lastDayOfMonth = endOfMonth(monthDate);
     const days = eachDayOfInterval({
         start: firstDayOfMonth,