@elliemae/ds-form-date-range-picker 3.4.2 → 3.4.3

package/dist/esm/config/useRangePickerLogic.js

@@ -21,117 +21,150 @@ const useRangePickerLogic = ({
   useEffect(() => {
     setLatestChangedDate(toDate);
   }, [toDate]);
-  const getChangedDayStringValues = useCallback((changedDay) => {
-    const dateFromString = calendarChangeIsFrom ? changedDay : fromDate;
-    const dateFrom = getDayFromDateString(dateFromString);
-    const dateToString = calendarChangeIsFrom ? toDate : changedDay;
-    const dateTo = getDayFromDateString(dateToString);
-    const isToBeforeFrom = dateTo?.getTime() < dateFrom?.getTime();
-    const newDateFromString = isToBeforeFrom ? dateToString : dateFromString;
-    const forcingFromDatePick = isToBeforeFrom ? !calendarChangeIsFrom : false;
-    const newDateToString = isToBeforeFrom ? dateFromString : dateToString;
-    const forcingToDatePick = isToBeforeFrom ? calendarChangeIsFrom : false;
-    let nextToggleStateIsFrom = !calendarChangeIsFrom;
-    if (forcingFromDatePick)
-      nextToggleStateIsFrom = false;
-    if (forcingToDatePick)
-      nextToggleStateIsFrom = true;
-    return {
-      newDateFromString,
-      forcingFromDatePick,
-      newDateToString,
-      forcingToDatePick,
-      isToBeforeFrom,
-      nextToggleStateIsFrom,
-      currentClickCountAsFrom: !nextToggleStateIsFrom
-    };
-  }, [fromDate, calendarChangeIsFrom, toDate]);
-  const handlePickerMonthDateChange = useCallback((newMonth, e, metaInfo) => {
-    const { newDateString } = metaInfo;
-    const { currentClickCountAsFrom } = getChangedDayStringValues(newDateString);
-    if (currentClickCountAsFrom)
-      onMonthFromChange(newMonth, e, metaInfo);
-    else
-      onMonthToChange(newMonth, e, metaInfo);
-  }, [getChangedDayStringValues, onMonthFromChange, onMonthToChange]);
-  const handlePickerDayDateChange = useCallback((newDay, e, metaInfo) => {
-    const { newDateString } = metaInfo;
-    const { currentClickCountAsFrom } = getChangedDayStringValues(newDateString);
-    if (currentClickCountAsFrom)
-      onDayFromChange(newDay, e, metaInfo);
-    else
-      onDayToChange(newDay, e, metaInfo);
-  }, [getChangedDayStringValues, onDayFromChange, onDayToChange]);
-  const handlePickerYearDateChange = useCallback((newYear, e, metaInfo) => {
-    const { newDateString } = metaInfo;
-    const { currentClickCountAsFrom } = getChangedDayStringValues(newDateString);
-    if (currentClickCountAsFrom)
-      onYearFromChange(newYear, e, metaInfo);
-    else
-      onYearToChange(newYear, e, metaInfo);
-  }, [getChangedDayStringValues, onYearFromChange, onYearToChange]);
+  const getChangedDayStringValues = useCallback(
+    (changedDay) => {
+      const dateFromString = calendarChangeIsFrom ? changedDay : fromDate;
+      const dateFrom = getDayFromDateString(dateFromString);
+      const dateToString = calendarChangeIsFrom ? toDate : changedDay;
+      const dateTo = getDayFromDateString(dateToString);
+      const isToBeforeFrom = dateTo?.getTime() < dateFrom?.getTime();
+      const newDateFromString = isToBeforeFrom ? dateToString : dateFromString;
+      const forcingFromDatePick = isToBeforeFrom ? !calendarChangeIsFrom : false;
+      const newDateToString = isToBeforeFrom ? dateFromString : dateToString;
+      const forcingToDatePick = isToBeforeFrom ? calendarChangeIsFrom : false;
+      let nextToggleStateIsFrom = !calendarChangeIsFrom;
+      if (forcingFromDatePick)
+        nextToggleStateIsFrom = false;
+      if (forcingToDatePick)
+        nextToggleStateIsFrom = true;
+      return {
+        newDateFromString,
+        forcingFromDatePick,
+        newDateToString,
+        forcingToDatePick,
+        isToBeforeFrom,
+        nextToggleStateIsFrom,
+        currentClickCountAsFrom: !nextToggleStateIsFrom
+      };
+    },
+    [fromDate, calendarChangeIsFrom, toDate]
+  );
+  const handlePickerMonthDateChange = useCallback(
+    (newMonth, e, metaInfo) => {
+      const { newDateString } = metaInfo;
+      const { currentClickCountAsFrom } = getChangedDayStringValues(newDateString);
+      if (currentClickCountAsFrom)
+        onMonthFromChange(newMonth, e, metaInfo);
+      else
+        onMonthToChange(newMonth, e, metaInfo);
+    },
+    [getChangedDayStringValues, onMonthFromChange, onMonthToChange]
+  );
+  const handlePickerDayDateChange = useCallback(
+    (newDay, e, metaInfo) => {
+      const { newDateString } = metaInfo;
+      const { currentClickCountAsFrom } = getChangedDayStringValues(newDateString);
+      if (currentClickCountAsFrom)
+        onDayFromChange(newDay, e, metaInfo);
+      else
+        onDayToChange(newDay, e, metaInfo);
+    },
+    [getChangedDayStringValues, onDayFromChange, onDayToChange]
+  );
+  const handlePickerYearDateChange = useCallback(
+    (newYear, e, metaInfo) => {
+      const { newDateString } = metaInfo;
+      const { currentClickCountAsFrom } = getChangedDayStringValues(newDateString);
+      if (currentClickCountAsFrom)
+        onYearFromChange(newYear, e, metaInfo);
+      else
+        onYearToChange(newYear, e, metaInfo);
+    },
+    [getChangedDayStringValues, onYearFromChange, onYearToChange]
+  );
   const onCalendarOpen = useCallback(() => {
     setCalendarChangeIsFrom(true);
   }, []);
   const onCalendarClose = useCallback(() => {
     setCalendarChangeIsFrom(true);
   }, []);
-  const handlePickerDateChange = useCallback((changedDay, metaInfo) => {
-    const { newDateFromString, newDateToString, nextToggleStateIsFrom, isToBeforeFrom } = getChangedDayStringValues(changedDay);
-    onFromDateChange(newDateFromString, { ...metaInfo, automaticSwitchedDates: isToBeforeFrom });
-    onToDateChange(newDateToString, { ...metaInfo, automaticSwitchedDates: isToBeforeFrom });
-    setCalendarChangeIsFrom(nextToggleStateIsFrom);
-  }, [getChangedDayStringValues, onFromDateChange, onToDateChange]);
-  const getIsStartRangeDay = useCallback((dayString) => dayString === fromDate, [fromDate]);
-  const getIsDayInRange = useCallback((dayString) => {
-    const dayFrom = getDayFromDateString(fromDate);
-    const dayTo = getDayFromDateString(toDate);
-    if (!dayFrom || !dayTo || !dayString)
-      return false;
-    const newDayTime = getDayFromDateString(dayString)?.getTime();
-    return newDayTime <= dayTo.getTime() && newDayTime >= dayFrom.getTime();
-  }, [fromDate, toDate]);
-  const getIsEndRangeDay = useCallback((dayString) => dayString === toDate, [toDate]);
+  const handlePickerDateChange = useCallback(
+    (changedDay, metaInfo) => {
+      const { newDateFromString, newDateToString, nextToggleStateIsFrom, isToBeforeFrom } = getChangedDayStringValues(changedDay);
+      onFromDateChange(newDateFromString, { ...metaInfo, automaticSwitchedDates: isToBeforeFrom });
+      onToDateChange(newDateToString, { ...metaInfo, automaticSwitchedDates: isToBeforeFrom });
+      setCalendarChangeIsFrom(nextToggleStateIsFrom);
+    },
+    [getChangedDayStringValues, onFromDateChange, onToDateChange]
+  );
+  const getIsStartRangeDay = useCallback(
+    (dayString) => dayString === fromDate,
+    [fromDate]
+  );
+  const getIsDayInRange = useCallback(
+    (dayString) => {
+      const dayFrom = getDayFromDateString(fromDate);
+      const dayTo = getDayFromDateString(toDate);
+      if (!dayFrom || !dayTo || !dayString)
+        return false;
+      const newDayTime = getDayFromDateString(dayString)?.getTime();
+      return newDayTime <= dayTo.getTime() && newDayTime >= dayFrom.getTime();
+    },
+    [fromDate, toDate]
+  );
+  const getIsEndRangeDay = useCallback(
+    (dayString) => dayString === toDate,
+    [toDate]
+  );
   const getIsToBeforeFrom = useCallback((fromString, toString) => {
     const dateFrom = getDayFromDateString(fromString);
     const dateTo = getDayFromDateString(toString);
     return dateTo?.getTime() < dateFrom?.getTime();
   }, []);
-  const handleFromDateChange = useCallback((newVal, metaInfo) => {
-    const isIncorrectOrder = getIsToBeforeFrom(newVal, toDate);
-    onFromDateChange(newVal, { ...metaInfo, rangeDateChangeType: "from", isIncorrectOrder });
-  }, [getIsToBeforeFrom, onFromDateChange, toDate]);
-  const handleToDateChange = useCallback((newVal, metaInfo) => {
-    const isIncorrectOrder = getIsToBeforeFrom(fromDate, newVal);
-    onToDateChange(newVal, { ...metaInfo, rangeDateChangeType: "to", isIncorrectOrder });
-  }, [fromDate, getIsToBeforeFrom, onToDateChange]);
-  return useMemo(() => ({
-    latestChangedDate,
-    onCalendarOpen,
-    onCalendarClose,
-    handleFromDateChange,
-    handleToDateChange,
-    handlePickerDateChange,
-    handlePickerMonthDateChange,
-    handlePickerDayDateChange,
-    handlePickerYearDateChange,
-    getIsStartRangeDay,
-    getIsDayInRange,
-    getIsEndRangeDay
-  }), [
-    latestChangedDate,
-    onCalendarOpen,
-    onCalendarClose,
-    handleFromDateChange,
-    handleToDateChange,
-    handlePickerDateChange,
-    handlePickerMonthDateChange,
-    handlePickerDayDateChange,
-    handlePickerYearDateChange,
-    getIsStartRangeDay,
-    getIsDayInRange,
-    getIsEndRangeDay
-  ]);
+  const handleFromDateChange = useCallback(
+    (newVal, metaInfo) => {
+      const isIncorrectOrder = getIsToBeforeFrom(newVal, toDate);
+      onFromDateChange(newVal, { ...metaInfo, rangeDateChangeType: "from", isIncorrectOrder });
+    },
+    [getIsToBeforeFrom, onFromDateChange, toDate]
+  );
+  const handleToDateChange = useCallback(
+    (newVal, metaInfo) => {
+      const isIncorrectOrder = getIsToBeforeFrom(fromDate, newVal);
+      onToDateChange(newVal, { ...metaInfo, rangeDateChangeType: "to", isIncorrectOrder });
+    },
+    [fromDate, getIsToBeforeFrom, onToDateChange]
+  );
+  return useMemo(
+    () => ({
+      latestChangedDate,
+      onCalendarOpen,
+      onCalendarClose,
+      handleFromDateChange,
+      handleToDateChange,
+      handlePickerDateChange,
+      handlePickerMonthDateChange,
+      handlePickerDayDateChange,
+      handlePickerYearDateChange,
+      getIsStartRangeDay,
+      getIsDayInRange,
+      getIsEndRangeDay
+    }),
+    [
+      latestChangedDate,
+      onCalendarOpen,
+      onCalendarClose,
+      handleFromDateChange,
+      handleToDateChange,
+      handlePickerDateChange,
+      handlePickerMonthDateChange,
+      handlePickerDayDateChange,
+      handlePickerYearDateChange,
+      getIsStartRangeDay,
+      getIsDayInRange,
+      getIsEndRangeDay
+    ]
+  );
 };
 export {
   useRangePickerLogic

package/dist/esm/config/useRangePickerLogic.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/config/useRangePickerLogic.tsx"],
   "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable max-lines */\n/* eslint-disable complexity */\nimport { useCallback, useState, useMemo, useEffect } from 'react';\n\nimport { getDayFromDateString } from '@elliemae/ds-form-date-time-picker';\nimport type { DateRangePickerPropsT, RangePickerLogicT } from '../index.d';\n\nexport const useRangePickerLogic = ({\n  fromDate,\n  onFromDateChange,\n  onMonthFromChange,\n  onDayFromChange,\n  onYearFromChange,\n  toDate,\n  onMonthToChange,\n  onDayToChange,\n  onYearToChange,\n  onToDateChange,\n}: DateRangePickerPropsT): RangePickerLogicT => {\n  // the implementation is based on controlled-date-time-picker that is not meant to \"understand\"\n  // the \"from\" - \"to\" logic on click, we are \"overloading\" the \"from\" - \"to\" logic here\n  // we track wheter we are going to set the \"from\" OR \"to\" controlled date based on this toggle\n  const [calendarChangeIsFrom, setCalendarChangeIsFrom] = useState(true);\n  const [latestChangedDate, setLatestChangedDate] = useState(fromDate);\n  useEffect(() => {\n    setLatestChangedDate(fromDate);\n  }, [fromDate]);\n  useEffect(() => {\n    setLatestChangedDate(toDate);\n  }, [toDate]);\n\n  const getChangedDayStringValues = useCallback(\n    (changedDay) => {\n      // based on wheter we are handling a \"from\"/\"to\" change, we calculate some values\n      const dateFromString: string = calendarChangeIsFrom ? changedDay : fromDate;\n      const dateFrom = getDayFromDateString(dateFromString);\n      const dateToString: string = calendarChangeIsFrom ? toDate : changedDay;\n      const dateTo = getDayFromDateString(dateToString);\n      // we force the \"from\" to ALWAYS be before the \"to\" date\n      const isToBeforeFrom = dateTo?.getTime() < dateFrom?.getTime();\n      const newDateFromString = isToBeforeFrom ? dateToString : dateFromString;\n      const forcingFromDatePick = isToBeforeFrom ? !calendarChangeIsFrom : false;\n      const newDateToString = isToBeforeFrom ? dateFromString : dateToString;\n      const forcingToDatePick = isToBeforeFrom ? calendarChangeIsFrom : false;\n\n      // next change should be based on\n      //   the force pick next interactions\n      //   toggle between from/to  if we didn't force any pick\n      let nextToggleStateIsFrom = !calendarChangeIsFrom;\n      if (forcingFromDatePick) nextToggleStateIsFrom = false;\n      if (forcingToDatePick) nextToggleStateIsFrom = true;\n\n      return {\n        newDateFromString,\n        forcingFromDatePick,\n        newDateToString,\n        forcingToDatePick,\n        isToBeforeFrom,\n        nextToggleStateIsFrom,\n        currentClickCountAsFrom: !nextToggleStateIsFrom,\n      };\n    },\n    [fromDate, calendarChangeIsFrom, toDate],\n  );\n  const handlePickerMonthDateChange = useCallback(\n    (newMonth, e, metaInfo) => {\n      const { newDateString } = metaInfo;\n      const { currentClickCountAsFrom } = getChangedDayStringValues(newDateString);\n      if (currentClickCountAsFrom) onMonthFromChange(newMonth, e, metaInfo);\n      else onMonthToChange(newMonth, e, metaInfo);\n    },\n    [getChangedDayStringValues, onMonthFromChange, onMonthToChange],\n  );\n  const handlePickerDayDateChange = useCallback(\n    (newDay, e, metaInfo) => {\n      const { newDateString } = metaInfo;\n      const { currentClickCountAsFrom } = getChangedDayStringValues(newDateString);\n      if (currentClickCountAsFrom) onDayFromChange(newDay, e, metaInfo);\n      else onDayToChange(newDay, e, metaInfo);\n    },\n    [getChangedDayStringValues, onDayFromChange, onDayToChange],\n  );\n  const handlePickerYearDateChange = useCallback(\n    (newYear, e, metaInfo) => {\n      const { newDateString } = metaInfo;\n      const { currentClickCountAsFrom } = getChangedDayStringValues(newDateString);\n      if (currentClickCountAsFrom) onYearFromChange(newYear, e, metaInfo);\n      else onYearToChange(newYear, e, metaInfo);\n    },\n    [getChangedDayStringValues, onYearFromChange, onYearToChange],\n  );\n\n  // every time the calendar opens/closes, we assume first click is \"from\"\n  const onCalendarOpen: RangePickerLogicT['onCalendarOpen'] = useCallback(() => {\n    setCalendarChangeIsFrom(true);\n  }, []);\n  const onCalendarClose: RangePickerLogicT['onCalendarClose'] = useCallback(() => {\n    setCalendarChangeIsFrom(true);\n  }, []);\n  const handlePickerDateChange: RangePickerLogicT['handlePickerDateChange'] = useCallback(\n    (changedDay, metaInfo) => {\n      const { newDateFromString, newDateToString, nextToggleStateIsFrom, isToBeforeFrom } =\n        getChangedDayStringValues(changedDay);\n\n      // every \"change\" on the picker range we calculate it as a new \"onChange\" for both values\n      // and we pass over the correct \"new\" from/to value\n      onFromDateChange(newDateFromString, { ...metaInfo, automaticSwitchedDates: isToBeforeFrom });\n      onToDateChange(newDateToString, { ...metaInfo, automaticSwitchedDates: isToBeforeFrom });\n\n      // and we notify what the next change type should be\n      setCalendarChangeIsFrom(nextToggleStateIsFrom);\n    },\n    [getChangedDayStringValues, onFromDateChange, onToDateChange],\n  );\n\n  const getIsStartRangeDay: RangePickerLogicT['getIsStartRangeDay'] = useCallback(\n    (dayString) => dayString === fromDate,\n    [fromDate],\n  );\n  const getIsDayInRange: RangePickerLogicT['getIsDayInRange'] = useCallback(\n    (dayString) => {\n      const dayFrom = getDayFromDateString(fromDate);\n      const dayTo = getDayFromDateString(toDate);\n      if (!dayFrom || !dayTo || !dayString) return false;\n      const newDayTime = getDayFromDateString(dayString)?.getTime();\n      return newDayTime <= dayTo.getTime() && newDayTime >= dayFrom.getTime();\n    },\n    [fromDate, toDate],\n  );\n  const getIsEndRangeDay: RangePickerLogicT['getIsEndRangeDay'] = useCallback(\n    (dayString) => dayString === toDate,\n    [toDate],\n  );\n\n  const getIsToBeforeFrom = useCallback((fromString, toString) => {\n    const dateFrom = getDayFromDateString(fromString);\n    const dateTo = getDayFromDateString(toString);\n    return dateTo?.getTime() < dateFrom?.getTime();\n  }, []);\n  const handleFromDateChange: RangePickerLogicT['handleFromDateChange'] = useCallback(\n    (newVal, metaInfo) => {\n      const isIncorrectOrder = getIsToBeforeFrom(newVal, toDate);\n      onFromDateChange(newVal, { ...metaInfo, rangeDateChangeType: 'from', isIncorrectOrder });\n    },\n    [getIsToBeforeFrom, onFromDateChange, toDate],\n  );\n  const handleToDateChange: RangePickerLogicT['handleToDateChange'] = useCallback(\n    (newVal, metaInfo) => {\n      const isIncorrectOrder = getIsToBeforeFrom(fromDate, newVal);\n      onToDateChange(newVal, { ...metaInfo, rangeDateChangeType: 'to', isIncorrectOrder });\n    },\n    [fromDate, getIsToBeforeFrom, onToDateChange],\n  );\n\n  return useMemo(\n    () => ({\n      latestChangedDate,\n      onCalendarOpen,\n      onCalendarClose,\n      handleFromDateChange,\n      handleToDateChange,\n      handlePickerDateChange,\n      handlePickerMonthDateChange,\n      handlePickerDayDateChange,\n      handlePickerYearDateChange,\n      getIsStartRangeDay,\n      getIsDayInRange,\n      getIsEndRangeDay,\n    }),\n    [\n      latestChangedDate,\n      onCalendarOpen,\n      onCalendarClose,\n      handleFromDateChange,\n      handleToDateChange,\n      handlePickerDateChange,\n      handlePickerMonthDateChange,\n      handlePickerDayDateChange,\n      handlePickerYearDateChange,\n      getIsStartRangeDay,\n      getIsDayInRange,\n      getIsEndRangeDay,\n    ],\n  );\n};\n"],
-  "mappings": "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",
+  "mappings": "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",
   "names": []
 }

package/dist/esm/config/useValidateProps.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/config/useValidateProps.tsx"],
   "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable max-len */\n/* eslint-disable max-statements */\n/* eslint-disable max-lines */\n/* eslint-disable complexity */\nimport { DateRangePickerPropsT } from '../index.d';\n// const PREPEND = `ControlledDateTimePicker:\n//   Invalid configuration detected::\n\n//     `;\n// const NOT_A_DEFECT = '';\n// // '\\n\\n\\t\\tThis is not a defect, please check\\n\\n\\t\\thttps://qa.dimsum.rd.elliemae.io/?path=/story/components-desktop-components-d-controlledform-date-time-picker--basic\\n\\n\\t\\tfor instructions on how to use the component correctly\\n\\n';\n// const INLINE_RECEIVED_PREPEND = `\n\n//     Received:`;\n// const throwInvalidDateTimeError = (invalidValue) => {\n//   throw new Error(\n//     `${PREPEND}the \"dateTime\" you are providing is not respecting the format it must respect.${INLINE_RECEIVED_PREPEND}${invalidValue}(${typeof invalidValue})${NOT_A_DEFECT}`,\n//   );\n// };\n// const throwUncontrolledDateError = (date, onDateChange) => {\n//   throw new Error(\n//     `${PREPEND}you are trying to use a date selector while providing a non-string \"date\" or providing a non-function to \"onDateChange\"\n//   the full-controlled pattern must be used\\n\\tcheck https://reactjs.org/docs/forms.html#controlled-components for more informations\n\n//   Received:\n//     ${date}(${typeof date})\n//     ${onDateChange}(${typeof onDateChange})\n//   ${NOT_A_DEFECT}`,\n//   );\n// };\nexport const useValidateProps = (props: Partial<DateRangePickerPropsT>): void => {};\n"],
-  "mappings": "AAAA;AC8BO,MAAM,mBAAmB,CAAC,UAAgD;AAAC;",
+  "mappings": "AAAA,YAAY,WAAW;AC8BhB,MAAM,mBAAmB,CAAC,UAAgD;AAAC;",
   "names": []
 }

package/dist/esm/exported-related/theming.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/exported-related/theming.ts"],
   "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "export const DSControlledDateRangePickerName = 'DSControlledDateRangePicker';\n\nexport const DSControlledDateRangePickerSlots = {\n  CONTAINER: 'root',\n};\n"],
-  "mappings": "AAAA;ACAO,MAAM,kCAAkC;AAExC,MAAM,mCAAmC;AAAA,EAC9C,WAAW;AACb;",
+  "mappings": "AAAA,YAAY,WAAW;ACAhB,MAAM,kCAAkC;AAExC,MAAM,mCAAmC;AAAA,EAC9C,WAAW;AACb;",
   "names": []
 }

package/dist/esm/index.d.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../scripts/build/transpile/react-shim.js"],
   "sourcesContent": ["import * as React from 'react';\nexport { React };\n"],
-  "mappings": "AAAA;",
+  "mappings": "AAAA,YAAY,WAAW;",
   "names": []
 }

package/dist/esm/index.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../scripts/build/transpile/react-shim.js", "../../src/index.ts"],
   "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "export * from './ControlledDateRangePicker';\nexport * from './exported-related/theming';\nexport { ControlledDateRangePickerDatatestid } from './ControlledDateRangePickerDatatestid';\nexport { CONTROLLED_DATE_RANGE_PICKER_TYPES } from './ControlledDateRangePickerTypes';\n"],
-  "mappings": "AAAA;ACAA;AACA;AACA;AACA;",
+  "mappings": "AAAA,YAAY,WAAW;ACAvB,cAAc;AACd,cAAc;AACd,SAAS,2CAA2C;AACpD,SAAS,0CAA0C;",
   "names": []
 }

package/dist/esm/parts/ControlledDateRangeCalendar.js

@@ -1,5 +1,6 @@
 import * as React from "react";
-import React2, { useContext } from "react";
+import { jsx } from "react/jsx-runtime";
+import { useContext } from "react";
 import { CONTROLLED_DATE_TIME_PICKER_TYPES, DSControlledDateTimePicker } from "@elliemae/ds-form-date-time-picker";
 import { ControlledDateRangePickerContext } from "../ControlledDateRangePickerCTX";
 const ControlledDateRangeCalendar = () => {
@@ -12,6 +13,7 @@ const ControlledDateRangeCalendar = () => {
       getIsOutOfRangeDay,
       hasError,
       autoFocus,
+      innerRef,
       pickerFooterMsg
     },
     rangePickerLogic: {
@@ -28,7 +30,7 @@ const ControlledDateRangeCalendar = () => {
     },
     isControllerOnly
   } = useContext(ControlledDateRangePickerContext);
-  return /* @__PURE__ */ React2.createElement(DSControlledDateTimePicker, {
+  return /* @__PURE__ */ jsx(DSControlledDateTimePicker, {
     type: isControllerOnly ? CONTROLLED_DATE_TIME_PICKER_TYPES.DATE.CONTROLLER_ONLY : CONTROLLED_DATE_TIME_PICKER_TYPES.DATE.PICKER,
     date: latestChangedDate,
     onDateChange: handlePickerDateChange,

package/dist/esm/parts/ControlledDateRangeCalendar.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/parts/ControlledDateRangeCalendar.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React, { useContext } from 'react';\nimport { CONTROLLED_DATE_TIME_PICKER_TYPES, DSControlledDateTimePicker } from '@elliemae/ds-form-date-time-picker';\nimport { ControlledDateRangePickerContext } from '../ControlledDateRangePickerCTX';\n\nexport const ControlledDateRangeCalendar = (): JSX.Element => {\n  const {\n    props: {\n      emptyPickerStartingMonth,\n      onCalendarOpenFocusedDay,\n      isClearable,\n      getIsDisabledDay,\n      getIsOutOfRangeDay,\n      hasError,\n      autoFocus,\n      pickerFooterMsg,\n    },\n    rangePickerLogic: {\n      latestChangedDate,\n      onCalendarOpen,\n      onCalendarClose,\n      handlePickerDateChange,\n      handlePickerMonthDateChange,\n      handlePickerDayDateChange,\n      handlePickerYearDateChange,\n      getIsStartRangeDay,\n      getIsDayInRange,\n      getIsEndRangeDay,\n    },\n    isControllerOnly,\n  } = useContext(ControlledDateRangePickerContext);\n\n  return (\n    <DSControlledDateTimePicker\n      type={\n        isControllerOnly\n          ? CONTROLLED_DATE_TIME_PICKER_TYPES.DATE.CONTROLLER_ONLY\n          : CONTROLLED_DATE_TIME_PICKER_TYPES.DATE.PICKER\n      }\n      date={latestChangedDate}\n      onDateChange={handlePickerDateChange}\n      onMonthChange={handlePickerMonthDateChange}\n      onDayChange={handlePickerDayDateChange}\n      onYearChange={handlePickerYearDateChange}\n      getIsStartRangeDay={getIsStartRangeDay}\n      getIsDayInRange={getIsDayInRange}\n      getIsEndRangeDay={getIsEndRangeDay}\n      onPickerOpen={onCalendarOpen}\n      onPickerClose={onCalendarClose}\n      isClearable={isClearable}\n      getIsDisabledDay={getIsDisabledDay}\n      getIsOutOfRangeDay={getIsOutOfRangeDay}\n      emptyPickerStartingMonth={emptyPickerStartingMonth}\n      onCalendarOpenFocusedDay={onCalendarOpenFocusedDay}\n      preventCloseOnSelection\n      hasError={hasError}\n      pickerFooterMsg={pickerFooterMsg}\n      autoFocus={autoFocus}\n    />\n  );\n};\n"],
-  "mappings": "AAAA;ACAA;AACA;AACA;AAEO,MAAM,8BAA8B,MAAmB;AAC5D,QAAM;AAAA,IACJ,OAAO;AAAA,MACL;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA;AAAA,IAEF,kBAAkB;AAAA,MAChB;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA;AAAA,IAEF;AAAA,MACE,WAAW,gCAAgC;AAE/C,SACE,qCAAC;AAAA,IACC,MACE,mBACI,kCAAkC,KAAK,kBACvC,kCAAkC,KAAK;AAAA,IAE7C,MAAM;AAAA,IACN,cAAc;AAAA,IACd,eAAe;AAAA,IACf,aAAa;AAAA,IACb,cAAc;AAAA,IACd;AAAA,IACA;AAAA,IACA;AAAA,IACA,cAAc;AAAA,IACd,eAAe;AAAA,IACf;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,yBAAuB;AAAA,IACvB;AAAA,IACA;AAAA,IACA;AAAA,GACF;AAEJ;",
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React, { useContext } from 'react';\nimport { CONTROLLED_DATE_TIME_PICKER_TYPES, DSControlledDateTimePicker } from '@elliemae/ds-form-date-time-picker';\nimport { ControlledDateRangePickerContext } from '../ControlledDateRangePickerCTX';\n\nexport const ControlledDateRangeCalendar = (): JSX.Element => {\n  const {\n    props: {\n      emptyPickerStartingMonth,\n      onCalendarOpenFocusedDay,\n      isClearable,\n      getIsDisabledDay,\n      getIsOutOfRangeDay,\n      hasError,\n      autoFocus,\n      innerRef,\n      pickerFooterMsg,\n    },\n    rangePickerLogic: {\n      latestChangedDate,\n      onCalendarOpen,\n      onCalendarClose,\n      handlePickerDateChange,\n      handlePickerMonthDateChange,\n      handlePickerDayDateChange,\n      handlePickerYearDateChange,\n      getIsStartRangeDay,\n      getIsDayInRange,\n      getIsEndRangeDay,\n    },\n    isControllerOnly,\n  } = useContext(ControlledDateRangePickerContext);\n\n  return (\n    <DSControlledDateTimePicker\n      type={\n        isControllerOnly\n          ? CONTROLLED_DATE_TIME_PICKER_TYPES.DATE.CONTROLLER_ONLY\n          : CONTROLLED_DATE_TIME_PICKER_TYPES.DATE.PICKER\n      }\n      date={latestChangedDate}\n      onDateChange={handlePickerDateChange}\n      onMonthChange={handlePickerMonthDateChange}\n      onDayChange={handlePickerDayDateChange}\n      onYearChange={handlePickerYearDateChange}\n      getIsStartRangeDay={getIsStartRangeDay}\n      getIsDayInRange={getIsDayInRange}\n      getIsEndRangeDay={getIsEndRangeDay}\n      onPickerOpen={onCalendarOpen}\n      onPickerClose={onCalendarClose}\n      isClearable={isClearable}\n      getIsDisabledDay={getIsDisabledDay}\n      getIsOutOfRangeDay={getIsOutOfRangeDay}\n      emptyPickerStartingMonth={emptyPickerStartingMonth}\n      onCalendarOpenFocusedDay={onCalendarOpenFocusedDay}\n      preventCloseOnSelection\n      hasError={hasError}\n      pickerFooterMsg={pickerFooterMsg}\n      autoFocus={autoFocus}\n    />\n  );\n};\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACAvB;AAAA,SAAgB,kBAAkB;AAClC,SAAS,mCAAmC,kCAAkC;AAC9E,SAAS,wCAAwC;AAE1C,MAAM,8BAA8B,MAAmB;AAC5D,QAAM;AAAA,IACJ,OAAO;AAAA,MACL;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACF;AAAA,IACA,kBAAkB;AAAA,MAChB;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACF;AAAA,IACA;AAAA,EACF,IAAI,WAAW,gCAAgC;AAE/C,SACE,oBAAC;AAAA,IACC,MACE,mBACI,kCAAkC,KAAK,kBACvC,kCAAkC,KAAK;AAAA,IAE7C,MAAM;AAAA,IACN,cAAc;AAAA,IACd,eAAe;AAAA,IACf,aAAa;AAAA,IACb,cAAc;AAAA,IACd;AAAA,IACA;AAAA,IACA;AAAA,IACA,cAAc;AAAA,IACd,eAAe;AAAA,IACf;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,yBAAuB;AAAA,IACvB;AAAA,IACA;AAAA,IACA;AAAA,GACF;AAEJ;",
   "names": []
 }

package/dist/esm/parts/ControlledDateRangeContent.js

@@ -1,5 +1,6 @@
 import * as React from "react";
-import React2, { useContext } from "react";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { useContext } from "react";
 import { styled, sizing, space, layout } from "@elliemae/ds-system";
 import { ControlledDateRangePickerContext } from "../ControlledDateRangePickerCTX";
 import { ControlledDateRangeFromDate } from "./ControlledDateRangeFromDate";
@@ -34,14 +35,23 @@ const ControlledDateRangeContent = () => {
     xstyledAttrs,
     globalAttrs
   } = useContext(ControlledDateRangePickerContext);
-  return /* @__PURE__ */ React2.createElement(StyledWrapper, {
+  return /* @__PURE__ */ jsxs(StyledWrapper, {
     isControllerOnly,
     isPickerOnly,
     "data-testid": ControlledDateRangePickerDatatestid.WRAPPER,
     type,
     ...globalAttrs,
-    ...xstyledAttrs
-  }, withInputs ? /* @__PURE__ */ React2.createElement(React2.Fragment, null, /* @__PURE__ */ React2.createElement(ControlledDateRangeFromDate, null), /* @__PURE__ */ React2.createElement(ControlledDateRangeToDate, null)) : null, withIcon || isControllerOnly ? /* @__PURE__ */ React2.createElement(ControlledDateRangeCalendar, null) : null);
+    ...xstyledAttrs,
+    children: [
+      withInputs ? /* @__PURE__ */ jsxs(Fragment, {
+        children: [
+          /* @__PURE__ */ jsx(ControlledDateRangeFromDate, {}),
+          /* @__PURE__ */ jsx(ControlledDateRangeToDate, {})
+        ]
+      }) : null,
+      withIcon || isControllerOnly ? /* @__PURE__ */ jsx(ControlledDateRangeCalendar, {}) : null
+    ]
+  });
 };
 export {
   ControlledDateRangeContent

package/dist/esm/parts/ControlledDateRangeContent.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/parts/ControlledDateRangeContent.tsx"],
   "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React, { useContext } from 'react';\nimport { styled, sizing, space, layout } from '@elliemae/ds-system';\nimport { ControlledDateRangePickerContext } from '../ControlledDateRangePickerCTX';\nimport { ControlledDateRangeFromDate } from './ControlledDateRangeFromDate';\nimport { ControlledDateRangeToDate } from './ControlledDateRangeToDate';\nimport { ControlledDateRangeCalendar } from './ControlledDateRangeCalendar';\nimport { ControlledDateRangePickerDatatestid } from '../ControlledDateRangePickerDatatestid';\nimport { gridMap } from '../utils/utils';\nimport type { ControlledDateRangeTypeT } from '../index.d';\nimport { DSControlledDateRangePickerName, DSControlledDateRangePickerSlots } from '../exported-related/theming';\n\ninterface StyledWrapperT {\n  isControllerOnly: boolean;\n  isPickerOnly: boolean;\n  type: ControlledDateRangeTypeT;\n}\n\nconst StyledWrapper = styled('div', {\n  name: DSControlledDateRangePickerName,\n  slot: DSControlledDateRangePickerSlots.CONTAINER,\n})<StyledWrapperT>`\n  display: grid;\n  grid-template-columns: ${({ type }) => gridMap[type]};\n  grid-template-rows: auto;\n  ${({ isControllerOnly, isPickerOnly }) => (isControllerOnly || isPickerOnly ? '' : 'gap: 0px 8px;')}\n  grid-auto-flow: row;\n  grid-template-areas: '. .';\n  justify-content: center;\n  align-items: center;\n  ${sizing}\n  ${space}\n  ${layout}\n`;\n\nexport const ControlledDateRangeContent = (): JSX.Element => {\n  const {\n    props: { type },\n    withIcon,\n    withInputs,\n    isControllerOnly,\n    isPickerOnly,\n    xstyledAttrs,\n    globalAttrs,\n  } = useContext(ControlledDateRangePickerContext);\n\n  return (\n    <StyledWrapper\n      isControllerOnly={isControllerOnly}\n      isPickerOnly={isPickerOnly}\n      data-testid={ControlledDateRangePickerDatatestid.WRAPPER}\n      type={type}\n      {...globalAttrs}\n      {...xstyledAttrs}\n    >\n      {withInputs ? (\n        <>\n          <ControlledDateRangeFromDate />\n          <ControlledDateRangeToDate />\n        </>\n      ) : null}\n      {withIcon || isControllerOnly ? <ControlledDateRangeCalendar /> : null}\n    </StyledWrapper>\n  );\n};\n"],
-  "mappings": "AAAA;ACAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AAQA,MAAM,gBAAgB,OAAO,OAAO;AAAA,EAClC,MAAM;AAAA,EACN,MAAM,iCAAiC;AACzC,CAAC;AAAA;AAAA,2BAE0B,CAAC,EAAE,WAAW,QAAQ;AAAA;AAAA,IAE7C,CAAC,EAAE,kBAAkB,mBAAoB,oBAAoB,eAAe,KAAK;AAAA;AAAA;AAAA;AAAA;AAAA,IAKjF;AAAA,IACA;AAAA,IACA;AAAA;AAGG,MAAM,6BAA6B,MAAmB;AAC3D,QAAM;AAAA,IACJ,OAAO,EAAE;AAAA,IACT;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,MACE,WAAW,gCAAgC;AAE/C,SACE,qCAAC;AAAA,IACC;AAAA,IACA;AAAA,IACA,eAAa,oCAAoC;AAAA,IACjD;AAAA,IACC,GAAG;AAAA,IACH,GAAG;AAAA,KAEH,aACC,4DACE,qCAAC,iCAA4B,GAC7B,qCAAC,+BAA0B,CAC7B,IACE,MACH,YAAY,mBAAmB,qCAAC,iCAA4B,IAAK,IACpE;AAEJ;",
+  "mappings": "AAAA,YAAY,WAAW;ACAvB;AAAA,SAAgB,kBAAkB;AAClC,SAAS,QAAQ,QAAQ,OAAO,cAAc;AAC9C,SAAS,wCAAwC;AACjD,SAAS,mCAAmC;AAC5C,SAAS,iCAAiC;AAC1C,SAAS,mCAAmC;AAC5C,SAAS,2CAA2C;AACpD,SAAS,eAAe;AAExB,SAAS,iCAAiC,wCAAwC;AAQlF,MAAM,gBAAgB,OAAO,OAAO;AAAA,EAClC,MAAM;AAAA,EACN,MAAM,iCAAiC;AACzC,CAAC;AAAA;AAAA,2BAE0B,CAAC,EAAE,KAAK,MAAM,QAAQ;AAAA;AAAA,IAE7C,CAAC,EAAE,kBAAkB,aAAa,MAAO,oBAAoB,eAAe,KAAK;AAAA;AAAA;AAAA;AAAA;AAAA,IAKjF;AAAA,IACA;AAAA,IACA;AAAA;AAGG,MAAM,6BAA6B,MAAmB;AAC3D,QAAM;AAAA,IACJ,OAAO,EAAE,KAAK;AAAA,IACd;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,IAAI,WAAW,gCAAgC;AAE/C,SACE,qBAAC;AAAA,IACC;AAAA,IACA;AAAA,IACA,eAAa,oCAAoC;AAAA,IACjD;AAAA,IACC,GAAG;AAAA,IACH,GAAG;AAAA,IAEH;AAAA,mBACC;AAAA,QACE;AAAA,8BAAC,+BAA4B;AAAA,UAC7B,oBAAC,6BAA0B;AAAA;AAAA,OAC7B,IACE;AAAA,MACH,YAAY,mBAAmB,oBAAC,+BAA4B,IAAK;AAAA;AAAA,GACpE;AAEJ;",
   "names": []
 }

package/dist/esm/parts/ControlledDateRangeFromDate.js

@@ -1,5 +1,6 @@
 import * as React from "react";
-import React2, { useContext } from "react";
+import { jsx } from "react/jsx-runtime";
+import { useContext } from "react";
 import { CONTROLLED_DATE_TIME_PICKER_TYPES, DSControlledDateTimePicker } from "@elliemae/ds-form-date-time-picker";
 import { ControlledDateRangePickerContext } from "../ControlledDateRangePickerCTX";
 const ControlledDateRangeFromDate = () => {
@@ -13,11 +14,12 @@ const ControlledDateRangeFromDate = () => {
       getIsDisabledDay,
       getIsOutOfRangeDay,
       hasError,
-      autoFocus
+      autoFocus,
+      innerRef
     },
     rangePickerLogic: { handleFromDateChange }
   } = useContext(ControlledDateRangePickerContext);
-  return /* @__PURE__ */ React2.createElement(DSControlledDateTimePicker, {
+  return /* @__PURE__ */ jsx(DSControlledDateTimePicker, {
     type: CONTROLLED_DATE_TIME_PICKER_TYPES.DATE.INPUTS,
     date: fromDate,
     onDateChange: handleFromDateChange,
@@ -28,7 +30,8 @@ const ControlledDateRangeFromDate = () => {
     getIsDisabledDay,
     getIsOutOfRangeDay,
     hasError,
-    autoFocus
+    autoFocus,
+    innerRef
   });
 };
 export {

package/dist/esm/parts/ControlledDateRangeFromDate.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/parts/ControlledDateRangeFromDate.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React, { useContext } from 'react';\nimport { CONTROLLED_DATE_TIME_PICKER_TYPES, DSControlledDateTimePicker } from '@elliemae/ds-form-date-time-picker';\nimport { ControlledDateRangePickerContext } from '../ControlledDateRangePickerCTX';\n\nexport const ControlledDateRangeFromDate = (): JSX.Element => {\n  const {\n    props: {\n      fromDate,\n      onMonthFromChange,\n      onDayFromChange,\n      onYearFromChange,\n      isClearable,\n      getIsDisabledDay,\n      getIsOutOfRangeDay,\n      hasError,\n      autoFocus,\n    },\n    rangePickerLogic: { handleFromDateChange },\n  } = useContext(ControlledDateRangePickerContext);\n  return (\n    <DSControlledDateTimePicker\n      type={CONTROLLED_DATE_TIME_PICKER_TYPES.DATE.INPUTS}\n      date={fromDate}\n      onDateChange={handleFromDateChange}\n      onMonthChange={onMonthFromChange}\n      onDayChange={onDayFromChange}\n      onYearChange={onYearFromChange}\n      isClearable={isClearable}\n      getIsDisabledDay={getIsDisabledDay}\n      getIsOutOfRangeDay={getIsOutOfRangeDay}\n      hasError={hasError}\n      autoFocus={autoFocus}\n    />\n  );\n};\n"],
-  "mappings": "AAAA;ACAA;AACA;AACA;AAEO,MAAM,8BAA8B,MAAmB;AAC5D,QAAM;AAAA,IACJ,OAAO;AAAA,MACL;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA;AAAA,IAEF,kBAAkB,EAAE;AAAA,MAClB,WAAW,gCAAgC;AAC/C,SACE,qCAAC;AAAA,IACC,MAAM,kCAAkC,KAAK;AAAA,IAC7C,MAAM;AAAA,IACN,cAAc;AAAA,IACd,eAAe;AAAA,IACf,aAAa;AAAA,IACb,cAAc;AAAA,IACd;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,GACF;AAEJ;",
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React, { useContext } from 'react';\nimport { CONTROLLED_DATE_TIME_PICKER_TYPES, DSControlledDateTimePicker } from '@elliemae/ds-form-date-time-picker';\nimport { ControlledDateRangePickerContext } from '../ControlledDateRangePickerCTX';\n\nexport const ControlledDateRangeFromDate = (): JSX.Element => {\n  const {\n    props: {\n      fromDate,\n      onMonthFromChange,\n      onDayFromChange,\n      onYearFromChange,\n      isClearable,\n      getIsDisabledDay,\n      getIsOutOfRangeDay,\n      hasError,\n      autoFocus,\n      innerRef,\n    },\n    rangePickerLogic: { handleFromDateChange },\n  } = useContext(ControlledDateRangePickerContext);\n  return (\n    <DSControlledDateTimePicker\n      type={CONTROLLED_DATE_TIME_PICKER_TYPES.DATE.INPUTS}\n      date={fromDate}\n      onDateChange={handleFromDateChange}\n      onMonthChange={onMonthFromChange}\n      onDayChange={onDayFromChange}\n      onYearChange={onYearFromChange}\n      isClearable={isClearable}\n      getIsDisabledDay={getIsDisabledDay}\n      getIsOutOfRangeDay={getIsOutOfRangeDay}\n      hasError={hasError}\n      autoFocus={autoFocus}\n      innerRef={innerRef}\n    />\n  );\n};\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACAvB;AAAA,SAAgB,kBAAkB;AAClC,SAAS,mCAAmC,kCAAkC;AAC9E,SAAS,wCAAwC;AAE1C,MAAM,8BAA8B,MAAmB;AAC5D,QAAM;AAAA,IACJ,OAAO;AAAA,MACL;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACF;AAAA,IACA,kBAAkB,EAAE,qBAAqB;AAAA,EAC3C,IAAI,WAAW,gCAAgC;AAC/C,SACE,oBAAC;AAAA,IACC,MAAM,kCAAkC,KAAK;AAAA,IAC7C,MAAM;AAAA,IACN,cAAc;AAAA,IACd,eAAe;AAAA,IACf,aAAa;AAAA,IACb,cAAc;AAAA,IACd;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,GACF;AAEJ;",
   "names": []
 }

package/dist/esm/parts/ControlledDateRangeToDate.js

@@ -1,5 +1,6 @@
 import * as React from "react";
-import React2, { useContext } from "react";
+import { jsx } from "react/jsx-runtime";
+import { useContext } from "react";
 import { CONTROLLED_DATE_TIME_PICKER_TYPES, DSControlledDateTimePicker } from "@elliemae/ds-form-date-time-picker";
 import { ControlledDateRangePickerContext } from "../ControlledDateRangePickerCTX";
 const ControlledDateRangeToDate = () => {
@@ -16,7 +17,7 @@ const ControlledDateRangeToDate = () => {
     },
     rangePickerLogic: { handleToDateChange }
   } = useContext(ControlledDateRangePickerContext);
-  return /* @__PURE__ */ React2.createElement(DSControlledDateTimePicker, {
+  return /* @__PURE__ */ jsx(DSControlledDateTimePicker, {
     type: CONTROLLED_DATE_TIME_PICKER_TYPES.DATE.INPUTS,
     date: toDate,
     onDateChange: handleToDateChange,

package/dist/esm/parts/ControlledDateRangeToDate.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/parts/ControlledDateRangeToDate.tsx"],
   "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React, { useContext } from 'react';\nimport { CONTROLLED_DATE_TIME_PICKER_TYPES, DSControlledDateTimePicker } from '@elliemae/ds-form-date-time-picker';\nimport { ControlledDateRangePickerContext } from '../ControlledDateRangePickerCTX';\n\nexport const ControlledDateRangeToDate = (): JSX.Element => {\n  const {\n    props: {\n      toDate,\n      onMonthToChange,\n      onDayToChange,\n      onYearToChange,\n      isClearable,\n      getIsDisabledDay,\n      getIsOutOfRangeDay,\n      hasError,\n    },\n    rangePickerLogic: { handleToDateChange },\n  } = useContext(ControlledDateRangePickerContext);\n  return (\n    <DSControlledDateTimePicker\n      type={CONTROLLED_DATE_TIME_PICKER_TYPES.DATE.INPUTS}\n      date={toDate}\n      onDateChange={handleToDateChange}\n      onMonthChange={onMonthToChange}\n      onDayChange={onDayToChange}\n      onYearChange={onYearToChange}\n      isClearable={isClearable}\n      getIsDisabledDay={getIsDisabledDay}\n      getIsOutOfRangeDay={getIsOutOfRangeDay}\n      hasError={hasError}\n    />\n  );\n};\n"],
-  "mappings": "AAAA;ACAA;AACA;AACA;AAEO,MAAM,4BAA4B,MAAmB;AAC1D,QAAM;AAAA,IACJ,OAAO;AAAA,MACL;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA;AAAA,IAEF,kBAAkB,EAAE;AAAA,MAClB,WAAW,gCAAgC;AAC/C,SACE,qCAAC;AAAA,IACC,MAAM,kCAAkC,KAAK;AAAA,IAC7C,MAAM;AAAA,IACN,cAAc;AAAA,IACd,eAAe;AAAA,IACf,aAAa;AAAA,IACb,cAAc;AAAA,IACd;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,GACF;AAEJ;",
+  "mappings": "AAAA,YAAY,WAAW;ACAvB;AAAA,SAAgB,kBAAkB;AAClC,SAAS,mCAAmC,kCAAkC;AAC9E,SAAS,wCAAwC;AAE1C,MAAM,4BAA4B,MAAmB;AAC1D,QAAM;AAAA,IACJ,OAAO;AAAA,MACL;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACF;AAAA,IACA,kBAAkB,EAAE,mBAAmB;AAAA,EACzC,IAAI,WAAW,gCAAgC;AAC/C,SACE,oBAAC;AAAA,IACC,MAAM,kCAAkC,KAAK;AAAA,IAC7C,MAAM;AAAA,IACN,cAAc;AAAA,IACd,eAAe;AAAA,IACf,aAAa;AAAA,IACb,cAAc;AAAA,IACd;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,GACF;AAEJ;",
   "names": []
 }

package/dist/esm/propTypes.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../scripts/build/transpile/react-shim.js", "../../src/propTypes.tsx"],
   "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { PropTypes, globalAttributesPropTypes, xstyledPropTypes } from '@elliemae/ds-utilities';\nimport { WeakValidationMap } from 'react';\n\nexport const propTypes = {\n  ...globalAttributesPropTypes,\n  ...xstyledPropTypes,\n  type: PropTypes.oneOf([\n    'full-date-range',\n    'date-range-picker-controller-only',\n    'date-range-picker',\n    'date-range-inputs',\n  ]).description('Type of date range form control to use'),\n} as WeakValidationMap<unknown>;\n"],
-  "mappings": "AAAA;ACAA;AAGO,MAAM,YAAY;AAAA,EACvB,GAAG;AAAA,EACH,GAAG;AAAA,EACH,MAAM,UAAU,MAAM;AAAA,IACpB;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,CAAC,EAAE,YAAY,wCAAwC;AACzD;",
+  "mappings": "AAAA,YAAY,WAAW;ACAvB,SAAS,WAAW,2BAA2B,wBAAwB;AAGhE,MAAM,YAAY;AAAA,EACvB,GAAG;AAAA,EACH,GAAG;AAAA,EACH,MAAM,UAAU,MAAM;AAAA,IACpB;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,CAAC,EAAE,YAAY,wCAAwC;AACzD;",
   "names": []
 }

package/dist/esm/utils/utils.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/utils/utils.ts"],
   "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "export const gridMap = {\n  'full-date-range': 'auto auto auto',\n  'date-range-inputs': 'auto auto',\n  'date-range-picker-controller-only': 'auto',\n  'date-range-picker': 'auto',\n};\n"],
-  "mappings": "AAAA;ACAO,MAAM,UAAU;AAAA,EACrB,mBAAmB;AAAA,EACnB,qBAAqB;AAAA,EACrB,qCAAqC;AAAA,EACrC,qBAAqB;AACvB;",
+  "mappings": "AAAA,YAAY,WAAW;ACAhB,MAAM,UAAU;AAAA,EACrB,mBAAmB;AAAA,EACnB,qBAAqB;AAAA,EACrB,qCAAqC;AAAA,EACrC,qBAAqB;AACvB;",
   "names": []
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@elliemae/ds-form-date-range-picker",
-  "version": "3.4.2",
+  "version": "3.4.3",
   "license": "MIT",
   "description": "ICE MT - Dimsum - Controlled Form Date Range Picker",
   "files": [
@@ -35,10 +35,10 @@
     "indent": 4
   },
   "dependencies": {
-    "@elliemae/ds-form-date-time-picker": "3.4.2",
-    "@elliemae/ds-form-layout-blocks": "3.4.2",
-    "@elliemae/ds-system": "3.4.2",
-    "@elliemae/ds-utilities": "3.4.2",
+    "@elliemae/ds-form-date-time-picker": "3.4.3",
+    "@elliemae/ds-form-layout-blocks": "3.4.3",
+    "@elliemae/ds-system": "3.4.3",
+    "@elliemae/ds-utilities": "3.4.3",
     "styled-components": "~5.3.5",
     "uid": "~2.0.0"
   },