@elliemae/ds-form-date-range-picker 3.70.0-next.63 → 3.70.0-next.69

package/dist/cjs/config/useRangePickerLogic.js

@@ -44,7 +44,9 @@ const useRangePickerLogic = ({
   onMonthToChange,
   onDayToChange,
   onYearToChange,
-  onToDateChange
+  onToDateChange,
+  onPickerOpen,
+  onPickerClose
 }) => {
   const [calendarChangeIsFrom, setCalendarChangeIsFrom] = (0, import_react.useState)(true);
   const [latestChangedDate, setLatestChangedDate] = (0, import_react.useState)(fromDate);
@@ -109,10 +111,12 @@ const useRangePickerLogic = ({
   );
   const onCalendarOpen = (0, import_react.useCallback)(() => {
     setCalendarChangeIsFrom(true);
-  }, []);
+    onPickerOpen();
+  }, [onPickerOpen]);
   const onCalendarClose = (0, import_react.useCallback)(() => {
     setCalendarChangeIsFrom(true);
-  }, []);
+    onPickerClose();
+  }, [onPickerClose]);
   const handlePickerDateChange = (0, import_react.useCallback)(
     (changedDay, metaInfo) => {
       const { newDateFromString, newDateToString, nextToggleStateIsFrom, isToBeforeFrom } = getChangedDayStringValues(changedDay);

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/config/useRangePickerLogic.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["/* eslint-disable max-lines */\n/* eslint-disable complexity */\nimport { useCallback, useState, useMemo, useEffect } from 'react';\nimport { getDayFromDateString } from '@elliemae/ds-form-date-time-picker';\nimport type { ControlledDateRangePickerContextT } from './useControlledDateRangePicker.js';\nimport type { DSControlledDateRangePickerT } from '../react-desc-prop-types.js';\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}: DSControlledDateRangePickerT.InternalProps): ControlledDateRangePickerContextT['rangePickerLogic'] => {\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: string) => {\n      // based on wheter we are handling a \"from\"/\"to\" change, we calculate some values\n      const dateFromString = calendarChangeIsFrom ? changedDay : fromDate;\n      const dateFrom = getDayFromDateString(dateFromString);\n      const dateToString = calendarChangeIsFrom ? toDate : changedDay;\n      const dateTo = getDayFromDateString(dateToString);\n      // we force the \"from\" to ALWAYS be before the \"to\" date\n      const isToBeforeFrom = !!dateTo && !!dateFrom && 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: ControlledDateRangePickerContextT['rangePickerLogic']['handlePickerMonthDateChange'] =\n    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: ControlledDateRangePickerContextT['rangePickerLogic']['handlePickerDayDateChange'] =\n    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: ControlledDateRangePickerContextT['rangePickerLogic']['handlePickerYearDateChange'] =\n    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: ControlledDateRangePickerContextT['rangePickerLogic']['onCalendarOpen'] = useCallback(() => {\n    setCalendarChangeIsFrom(true);\n  }, []);\n  const onCalendarClose: ControlledDateRangePickerContextT['rangePickerLogic']['onCalendarClose'] = useCallback(() => {\n    setCalendarChangeIsFrom(true);\n  }, []);\n  const handlePickerDateChange: ControlledDateRangePickerContextT['rangePickerLogic']['handlePickerDateChange'] =\n    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: ControlledDateRangePickerContextT['rangePickerLogic']['getIsStartRangeDay'] = useCallback(\n    (dayString) => dayString === fromDate,\n    [fromDate],\n  );\n  const getIsDayInRange: ControlledDateRangePickerContextT['rangePickerLogic']['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 && newDayTime <= dayTo.getTime() && newDayTime >= dayFrom.getTime();\n    },\n    [fromDate, toDate],\n  );\n  const getIsEndRangeDay: ControlledDateRangePickerContextT['rangePickerLogic']['getIsEndRangeDay'] = useCallback(\n    (dayString) => dayString === toDate,\n    [toDate],\n  );\n\n  const getIsToBeforeFrom = useCallback((fromString: string, toString: string) => {\n    const dateFrom = getDayFromDateString(fromString);\n    const dateTo = getDayFromDateString(toString);\n    return !!dateTo && !!dateFrom && dateTo?.getTime() < dateFrom?.getTime();\n  }, []);\n  const handleFromDateChange: ControlledDateRangePickerContextT['rangePickerLogic']['handleFromDateChange'] =\n    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: ControlledDateRangePickerContextT['rangePickerLogic']['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      calendarChangeIsFrom,\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      calendarChangeIsFrom,\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", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADEvB,mBAA0D;AAC1D,sCAAqC;AAI9B,MAAM,sBAAsB,CAAC;AAAA,EAClC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAAyG;AAIvG,QAAM,CAAC,sBAAsB,uBAAuB,QAAI,uBAAS,IAAI;AACrE,QAAM,CAAC,mBAAmB,oBAAoB,QAAI,uBAAS,QAAQ;AACnE,8BAAU,MAAM;AACd,yBAAqB,QAAQ;AAAA,EAC/B,GAAG,CAAC,QAAQ,CAAC;AACb,8BAAU,MAAM;AACd,yBAAqB,MAAM;AAAA,EAC7B,GAAG,CAAC,MAAM,CAAC;AAEX,QAAM,gCAA4B;AAAA,IAChC,CAAC,eAAuB;AAEtB,YAAM,iBAAiB,uBAAuB,aAAa;AAC3D,YAAM,eAAW,sDAAqB,cAAc;AACpD,YAAM,eAAe,uBAAuB,SAAS;AACrD,YAAM,aAAS,sDAAqB,YAAY;AAEhD,YAAM,iBAAiB,CAAC,CAAC,UAAU,CAAC,CAAC,YAAY,QAAQ,QAAQ,IAAI,UAAU,QAAQ;AACvF,YAAM,oBAAoB,iBAAiB,eAAe;AAC1D,YAAM,sBAAsB,iBAAiB,CAAC,uBAAuB;AACrE,YAAM,kBAAkB,iBAAiB,iBAAiB;AAC1D,YAAM,oBAAoB,iBAAiB,uBAAuB;AAKlE,UAAI,wBAAwB,CAAC;AAC7B,UAAI,oBAAqB,yBAAwB;AACjD,UAAI,kBAAmB,yBAAwB;AAE/C,aAAO;AAAA,QACL;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA,yBAAyB,CAAC;AAAA,MAC5B;AAAA,IACF;AAAA,IACA,CAAC,UAAU,sBAAsB,MAAM;AAAA,EACzC;AACA,QAAM,kCACJ;AAAA,IACE,CAAC,UAAU,GAAG,aAAa;AACzB,YAAM,EAAE,gBAAgB,GAAG,IAAI;AAC/B,YAAM,EAAE,wBAAwB,IAAI,0BAA0B,aAAa;AAC3E,UAAI,wBAAyB,mBAAkB,UAAU,GAAG,QAAQ;AAAA,UAC/D,iBAAgB,UAAU,GAAG,QAAQ;AAAA,IAC5C;AAAA,IACA,CAAC,2BAA2B,mBAAmB,eAAe;AAAA,EAChE;AACF,QAAM,gCACJ;AAAA,IACE,CAAC,QAAQ,GAAG,aAAa;AACvB,YAAM,EAAE,gBAAgB,GAAG,IAAI;AAC/B,YAAM,EAAE,wBAAwB,IAAI,0BAA0B,aAAa;AAC3E,UAAI,wBAAyB,iBAAgB,QAAQ,GAAG,QAAQ;AAAA,UAC3D,eAAc,QAAQ,GAAG,QAAQ;AAAA,IACxC;AAAA,IACA,CAAC,2BAA2B,iBAAiB,aAAa;AAAA,EAC5D;AACF,QAAM,iCACJ;AAAA,IACE,CAAC,SAAS,GAAG,aAAa;AACxB,YAAM,EAAE,gBAAgB,GAAG,IAAI;AAC/B,YAAM,EAAE,wBAAwB,IAAI,0BAA0B,aAAa;AAC3E,UAAI,wBAAyB,kBAAiB,SAAS,GAAG,QAAQ;AAAA,UAC7D,gBAAe,SAAS,GAAG,QAAQ;AAAA,IAC1C;AAAA,IACA,CAAC,2BAA2B,kBAAkB,cAAc;AAAA,EAC9D;AAGF,QAAM,qBAA0F,0BAAY,MAAM;AAChH,4BAAwB,IAAI;AAAA,EAC9B,GAAG,CAAC,CAAC;AACL,QAAM,sBAA4F,0BAAY,MAAM;AAClH,4BAAwB,IAAI;AAAA,EAC9B,GAAG,CAAC,CAAC;AACL,QAAM,6BACJ;AAAA,IACE,CAAC,YAAY,aAAa;AACxB,YAAM,EAAE,mBAAmB,iBAAiB,uBAAuB,eAAe,IAChF,0BAA0B,UAAU;AAItC,uBAAiB,mBAAmB,EAAE,GAAG,UAAU,wBAAwB,eAAe,CAAC;AAC3F,qBAAe,iBAAiB,EAAE,GAAG,UAAU,wBAAwB,eAAe,CAAC;AAGvF,8BAAwB,qBAAqB;AAAA,IAC/C;AAAA,IACA,CAAC,2BAA2B,kBAAkB,cAAc;AAAA,EAC9D;AAEF,QAAM,yBAAkG;AAAA,IACtG,CAAC,cAAc,cAAc;AAAA,IAC7B,CAAC,QAAQ;AAAA,EACX;AACA,QAAM,sBAA4F;AAAA,IAChG,CAAC,cAAc;AACb,YAAM,cAAU,sDAAqB,QAAQ;AAC7C,YAAM,YAAQ,sDAAqB,MAAM;AACzC,UAAI,CAAC,WAAW,CAAC,SAAS,CAAC,UAAW,QAAO;AAC7C,YAAM,iBAAa,sDAAqB,SAAS,GAAG,QAAQ;AAC5D,aAAO,CAAC,CAAC,cAAc,cAAc,MAAM,QAAQ,KAAK,cAAc,QAAQ,QAAQ;AAAA,IACxF;AAAA,IACA,CAAC,UAAU,MAAM;AAAA,EACnB;AACA,QAAM,uBAA8F;AAAA,IAClG,CAAC,cAAc,cAAc;AAAA,IAC7B,CAAC,MAAM;AAAA,EACT;AAEA,QAAM,wBAAoB,0BAAY,CAAC,YAAoB,aAAqB;AAC9E,UAAM,eAAW,sDAAqB,UAAU;AAChD,UAAM,aAAS,sDAAqB,QAAQ;AAC5C,WAAO,CAAC,CAAC,UAAU,CAAC,CAAC,YAAY,QAAQ,QAAQ,IAAI,UAAU,QAAQ;AAAA,EACzE,GAAG,CAAC,CAAC;AACL,QAAM,2BACJ;AAAA,IACE,CAAC,QAAQ,aAAa;AACpB,YAAM,mBAAmB,kBAAkB,QAAQ,MAAM;AACzD,uBAAiB,QAAQ,EAAE,GAAG,UAAU,qBAAqB,QAAQ,iBAAiB,CAAC;AAAA,IACzF;AAAA,IACA,CAAC,mBAAmB,kBAAkB,MAAM;AAAA,EAC9C;AACF,QAAM,yBAAkG;AAAA,IACtG,CAAC,QAAQ,aAAa;AACpB,YAAM,mBAAmB,kBAAkB,UAAU,MAAM;AAC3D,qBAAe,QAAQ,EAAE,GAAG,UAAU,qBAAqB,MAAM,iBAAiB,CAAC;AAAA,IACrF;AAAA,IACA,CAAC,UAAU,mBAAmB,cAAc;AAAA,EAC9C;AAEA,aAAO;AAAA,IACL,OAAO;AAAA,MACL;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACF;AAAA,IACA;AAAA,MACE;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACF;AAAA,EACF;AACF;",
+  "sourcesContent": ["/* eslint-disable max-lines */\n/* eslint-disable complexity */\nimport { useCallback, useState, useMemo, useEffect } from 'react';\nimport { getDayFromDateString } from '@elliemae/ds-form-date-time-picker';\nimport type { ControlledDateRangePickerContextT } from './useControlledDateRangePicker.js';\nimport type { DSControlledDateRangePickerT } from '../react-desc-prop-types.js';\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  onPickerOpen,\n  onPickerClose,\n}: DSControlledDateRangePickerT.InternalProps): ControlledDateRangePickerContextT['rangePickerLogic'] => {\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: string) => {\n      // based on wheter we are handling a \"from\"/\"to\" change, we calculate some values\n      const dateFromString = calendarChangeIsFrom ? changedDay : fromDate;\n      const dateFrom = getDayFromDateString(dateFromString);\n      const dateToString = calendarChangeIsFrom ? toDate : changedDay;\n      const dateTo = getDayFromDateString(dateToString);\n      // we force the \"from\" to ALWAYS be before the \"to\" date\n      const isToBeforeFrom = !!dateTo && !!dateFrom && 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: ControlledDateRangePickerContextT['rangePickerLogic']['handlePickerMonthDateChange'] =\n    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: ControlledDateRangePickerContextT['rangePickerLogic']['handlePickerDayDateChange'] =\n    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: ControlledDateRangePickerContextT['rangePickerLogic']['handlePickerYearDateChange'] =\n    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: ControlledDateRangePickerContextT['rangePickerLogic']['onCalendarOpen'] = useCallback(() => {\n    setCalendarChangeIsFrom(true);\n    onPickerOpen();\n  }, [onPickerOpen]);\n  const onCalendarClose: ControlledDateRangePickerContextT['rangePickerLogic']['onCalendarClose'] = useCallback(() => {\n    setCalendarChangeIsFrom(true);\n    onPickerClose();\n  }, [onPickerClose]);\n  const handlePickerDateChange: ControlledDateRangePickerContextT['rangePickerLogic']['handlePickerDateChange'] =\n    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: ControlledDateRangePickerContextT['rangePickerLogic']['getIsStartRangeDay'] = useCallback(\n    (dayString) => dayString === fromDate,\n    [fromDate],\n  );\n  const getIsDayInRange: ControlledDateRangePickerContextT['rangePickerLogic']['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 && newDayTime <= dayTo.getTime() && newDayTime >= dayFrom.getTime();\n    },\n    [fromDate, toDate],\n  );\n  const getIsEndRangeDay: ControlledDateRangePickerContextT['rangePickerLogic']['getIsEndRangeDay'] = useCallback(\n    (dayString) => dayString === toDate,\n    [toDate],\n  );\n\n  const getIsToBeforeFrom = useCallback((fromString: string, toString: string) => {\n    const dateFrom = getDayFromDateString(fromString);\n    const dateTo = getDayFromDateString(toString);\n    return !!dateTo && !!dateFrom && dateTo?.getTime() < dateFrom?.getTime();\n  }, []);\n  const handleFromDateChange: ControlledDateRangePickerContextT['rangePickerLogic']['handleFromDateChange'] =\n    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: ControlledDateRangePickerContextT['rangePickerLogic']['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      calendarChangeIsFrom,\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      calendarChangeIsFrom,\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", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": "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",
   "names": []
 }

package/dist/cjs/react-desc-prop-types.js

@@ -52,6 +52,8 @@ const defaultProps = {
   onMonthToChange: noop,
   onDayToChange: noop,
   onYearToChange: noop,
+  onPickerOpen: noop,
+  onPickerClose: noop,
   getIsDisabledDay: defaultReturnFalse,
   getIsOutOfRangeDay: defaultReturnFalse,
   hasError: false,
@@ -85,6 +87,10 @@ const DSControlledDateRangePickerPropTypes = {
   }).signature("(( newVal: string, e: React.SyntheticEvent, metaInfo: Record<string,unknown> ) => void )"),
   onYearToChange: import_ds_props_helpers.PropTypes.func.description('function to react to "to" year changing').defaultValue(() => {
   }).signature("(( newVal: string, e: React.SyntheticEvent, metaInfo: Record<string,unknown> ) => void )"),
+  onPickerOpen: import_ds_props_helpers.PropTypes.func.description("function to react to the calendar context menu being opened").defaultValue(() => {
+  }).signature("(() => void)"),
+  onPickerClose: import_ds_props_helpers.PropTypes.func.description("function to react to the calendar context menu being closed").defaultValue(() => {
+  }).signature("(() => void)"),
   getIsDisabledDay: import_ds_props_helpers.PropTypes.func.description('function used to mark day as "disable"').defaultValue(() => false).signature("(( day: string ) => boolean )"),
   getIsOutOfRangeDay: import_ds_props_helpers.PropTypes.func.description('function used to mark day as "out of range"').defaultValue(() => false).signature("(( day: string ) => boolean )"),
   pickerFooterMsg: import_ds_props_helpers.PropTypes.string.description(""),

package/dist/cjs/react-desc-prop-types.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/react-desc-prop-types.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["import {\n  PropTypes,\n  globalAttributesPropTypes,\n  xstyledPropTypes,\n  getPropsPerSlotPropTypes,\n} from '@elliemae/ds-props-helpers';\nimport type { ValidationMap, GlobalAttributesT, DSPropTypesSchema, XstyledProps } from '@elliemae/ds-props-helpers';\nimport { type DSControlledDateTimePickerT } from '@elliemae/ds-form-date-time-picker';\nimport { type TypescriptHelpersT } from '@elliemae/ds-typescript-helpers';\nimport { DSControlledDateRangePickerName, DSControlledDateRangePickerSlots } from './exported-related/theming.js';\n\n// eslint-disable-next-line @typescript-eslint/no-empty-function\nconst noop = (): void => {};\n\nconst defaultReturnFalse = (): boolean => false;\n\nexport declare namespace DSControlledDateRangePickerT {\n  export interface RangePickerMetaInfoT extends DSControlledDateTimePickerT.InternalInputsChangeMetaInfo {\n    rangeDateChangeType?: 'from' | 'to';\n    automaticSwitchedDates?: boolean;\n    isIncorrectOrder?: boolean;\n  }\n\n  export type RangeOnDateChange = (val: string, metaInfo: RangePickerMetaInfoT) => void;\n\n  export type AppOnInputChange = DSControlledDateTimePickerT.AppOnInputChange;\n\n  export type ControlledDateRangeType =\n    | 'full-date-range'\n    | 'date-range-picker-controller-only'\n    | 'date-range-picker'\n    | 'date-range-inputs';\n\n  export interface RequiredProps {}\n\n  export interface DefaultProps {\n    type: ControlledDateRangeType;\n    fromDate: string;\n    onFromDateChange: RangeOnDateChange;\n    onMonthFromChange: AppOnInputChange;\n    onDayFromChange: AppOnInputChange;\n    onYearFromChange: AppOnInputChange;\n    hasError: boolean;\n    pickerFooterMsg: string;\n\n    toDate: string;\n    onToDateChange: RangeOnDateChange;\n    onMonthToChange: AppOnInputChange;\n    onDayToChange: AppOnInputChange;\n    onYearToChange: AppOnInputChange;\n\n    isClearable: boolean;\n    getIsDisabledDay: (day: string) => boolean;\n    getIsOutOfRangeDay: (day: string) => boolean;\n    autoFocus: boolean;\n    readOnly: boolean;\n  }\n\n  export interface OptionalProps\n    extends TypescriptHelpersT.PropsForGlobalOnSlots<\n      typeof DSControlledDateRangePickerName,\n      typeof DSControlledDateRangePickerSlots\n    > {\n    emptyPickerStartingMonth?: string;\n    onCalendarOpenFocusedDay?: string;\n    innerRef?:\n      | React.MutableRefObject<HTMLInputElement | HTMLButtonElement | null>\n      | ((ref: HTMLInputElement | HTMLButtonElement | null) => void);\n    lastElementRef?: React.MutableRefObject<HTMLElement | null>;\n    tabIndex?: TypescriptHelpersT.WCAGTabIndex;\n    applyAriaDisabled?: boolean;\n    dateTimePickerFromProps?: Partial<DSControlledDateTimePickerT.Props>;\n    dateTimePickerToProps?: Partial<DSControlledDateTimePickerT.Props>;\n  }\n\n  export interface Props\n    extends Partial<DefaultProps>,\n      Omit<GlobalAttributesT<HTMLDivElement>, keyof DefaultProps | keyof OptionalProps>,\n      OptionalProps,\n      XstyledProps,\n      RequiredProps {}\n\n  export interface InternalProps\n    extends DefaultProps,\n      Omit<GlobalAttributesT<HTMLDivElement>, keyof DefaultProps | keyof OptionalProps>,\n      Omit<OptionalProps, `dsControlleddaterangepicker${Capitalize<string>}`>,\n      XstyledProps,\n      RequiredProps {}\n}\n\nexport const defaultProps: DSControlledDateRangePickerT.DefaultProps = {\n  type: 'full-date-range',\n  fromDate: '',\n  onFromDateChange: noop,\n  onMonthFromChange: noop,\n  onDayFromChange: noop,\n  onYearFromChange: noop,\n  pickerFooterMsg: '',\n  toDate: '',\n  onToDateChange: noop,\n  onMonthToChange: noop,\n  onDayToChange: noop,\n  onYearToChange: noop,\n  getIsDisabledDay: defaultReturnFalse,\n  getIsOutOfRangeDay: defaultReturnFalse,\n  hasError: false,\n  isClearable: false,\n  autoFocus: false,\n  readOnly: false,\n};\n\nexport const DSControlledDateRangePickerPropTypes: DSPropTypesSchema<DSControlledDateRangePickerT.Props> = {\n  ...getPropsPerSlotPropTypes(DSControlledDateRangePickerName, DSControlledDateRangePickerSlots),\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  ])\n    .description('Type of date range form control to use')\n    .defaultValue('full-date-range'),\n  fromDate: PropTypes.string.description(`strictly formatted string representing user's selected \"from\" date`)\n    .isRequired,\n  onFromDateChange: PropTypes.func\n    .description('function to react to \"from\" date changing')\n    .signature('(( newVal: string, e: React.SyntheticEvent, metaInfo: Record<string,unknown> ) => void )').isRequired,\n  onMonthFromChange: PropTypes.func\n    .description('function to react to \"from\" month changing')\n    .defaultValue(() => {})\n    .signature('(( newVal: string, e: React.SyntheticEvent, metaInfo: Record<string,unknown> ) => void )'),\n  onDayFromChange: PropTypes.func\n    .description('function to react to \"from\" day changing')\n    .defaultValue(() => {})\n    .signature('(( newVal: string, e: React.SyntheticEvent, metaInfo: Record<string,unknown> ) => void )'),\n  onYearFromChange: PropTypes.func\n    .description('function to react to \"from\" year changing')\n    .defaultValue(() => {})\n    .signature('(( newVal: string, e: React.SyntheticEvent, metaInfo: Record<string,unknown> ) => void )'),\n  toDate: PropTypes.string.description(`strictly formatted string representing user's selected \"to\" date`).isRequired,\n  onToDateChange: PropTypes.func\n    .description('function to react to \"to\" date changing')\n    .signature('(( newVal: string, e: React.SyntheticEvent, metaInfo: Record<string,unknown> ) => void )').isRequired,\n  onMonthToChange: PropTypes.func\n    .description('function to react to \"to\" month changing')\n    .defaultValue(() => {})\n    .signature('(( newVal: string, e: React.SyntheticEvent, metaInfo: Record<string,unknown> ) => void )'),\n  onDayToChange: PropTypes.func\n    .description('function to react to \"to\" day changing')\n    .defaultValue(() => {})\n    .signature('(( newVal: string, e: React.SyntheticEvent, metaInfo: Record<string,unknown> ) => void )'),\n  onYearToChange: PropTypes.func\n    .description('function to react to \"to\" year changing')\n    .defaultValue(() => {})\n    .signature('(( newVal: string, e: React.SyntheticEvent, metaInfo: Record<string,unknown> ) => void )'),\n  getIsDisabledDay: PropTypes.func\n    .description('function used to mark day as \"disable\"')\n    .defaultValue(() => false)\n    .signature('(( day: string ) => boolean )'),\n  getIsOutOfRangeDay: PropTypes.func\n    .description('function used to mark day as \"out of range\"')\n    .defaultValue(() => false)\n    .signature('(( day: string ) => boolean )'),\n  pickerFooterMsg: PropTypes.string.description(''),\n  hasError: PropTypes.bool\n    .description('boolean indicating wheter the selected range is to be marked as wrong')\n    .defaultValue(false),\n  isClearable: PropTypes.bool\n    .description('boolean to optionally activate \"clearable\" icons in the inputs')\n    .defaultValue(false),\n  autoFocus: PropTypes.bool\n    .description('boolean to auto-focus the \"from\" date month on render as per html auto-focus propriety')\n    .defaultValue(false),\n  emptyPickerStartingMonth: PropTypes.string.description(\n    'strictly formatted string representing the starting month to be displayed when calendar context menu is invoked without any selected dates',\n  ),\n  onCalendarOpenFocusedDay: PropTypes.string.description(\n    'strictly formatted string representing the day to be focused when calendar context menu is invoked without any selected dates',\n  ),\n  innerRef: PropTypes.oneOfType([PropTypes.func, PropTypes.object]).description(\n    '\"from\" month input html node reference',\n  ),\n  lastElementRef: PropTypes.oneOfType([PropTypes.func, PropTypes.object]).description(\n    'ref for the last focusable element in the component based on its configuration, used for focus management in focus trap logic',\n  ),\n  tabIndex: PropTypes.string.description('tabIndex to be applied to the \"from\" month input'),\n  readOnly: PropTypes.bool\n    .description('Makes the component non-editable while remaining accessible')\n    .defaultValue(false),\n  applyAriaDisabled: PropTypes.bool.description(\n    'Whether to apply disabled styling and announce as disabled in SR. CAN STILL RECEIVE FOCUS. PREVENTS ONLY MAIN ACTION.',\n  ),\n  dateTimePickerFromProps: PropTypes.object.description('props to pass to the \"from\" date picker'),\n  dateTimePickerToProps: PropTypes.object.description('props to pass to the \"to\" date picker'),\n};\n\nexport const DSControlledDateRangePickerPropTypesWithSchema =\n  DSControlledDateRangePickerPropTypes as unknown as ValidationMap<DSControlledDateRangePickerT.Props>;\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": "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",
+  "sourcesContent": ["/* eslint-disable max-lines */\nimport {\n  PropTypes,\n  globalAttributesPropTypes,\n  xstyledPropTypes,\n  getPropsPerSlotPropTypes,\n} from '@elliemae/ds-props-helpers';\nimport type { ValidationMap, GlobalAttributesT, DSPropTypesSchema, XstyledProps } from '@elliemae/ds-props-helpers';\nimport { type DSControlledDateTimePickerT } from '@elliemae/ds-form-date-time-picker';\nimport { type TypescriptHelpersT } from '@elliemae/ds-typescript-helpers';\nimport { DSControlledDateRangePickerName, DSControlledDateRangePickerSlots } from './exported-related/theming.js';\n\n// eslint-disable-next-line @typescript-eslint/no-empty-function\nconst noop = (): void => {};\n\nconst defaultReturnFalse = (): boolean => false;\n\nexport declare namespace DSControlledDateRangePickerT {\n  export interface RangePickerMetaInfoT extends DSControlledDateTimePickerT.InternalInputsChangeMetaInfo {\n    rangeDateChangeType?: 'from' | 'to';\n    automaticSwitchedDates?: boolean;\n    isIncorrectOrder?: boolean;\n  }\n\n  export type RangeOnDateChange = (val: string, metaInfo: RangePickerMetaInfoT) => void;\n\n  export type AppOnInputChange = DSControlledDateTimePickerT.AppOnInputChange;\n\n  export type ControlledDateRangeType =\n    'full-date-range' | 'date-range-picker-controller-only' | 'date-range-picker' | 'date-range-inputs';\n\n  export interface RequiredProps {}\n\n  export interface DefaultProps {\n    type: ControlledDateRangeType;\n    fromDate: string;\n    onFromDateChange: RangeOnDateChange;\n    onMonthFromChange: AppOnInputChange;\n    onDayFromChange: AppOnInputChange;\n    onYearFromChange: AppOnInputChange;\n    hasError: boolean;\n    pickerFooterMsg: string;\n\n    toDate: string;\n    onToDateChange: RangeOnDateChange;\n    onMonthToChange: AppOnInputChange;\n    onDayToChange: AppOnInputChange;\n    onYearToChange: AppOnInputChange;\n\n    onPickerOpen: TypescriptHelpersT.VoidGenericFunc;\n    onPickerClose: TypescriptHelpersT.VoidGenericFunc;\n\n    isClearable: boolean;\n    getIsDisabledDay: (day: string) => boolean;\n    getIsOutOfRangeDay: (day: string) => boolean;\n    autoFocus: boolean;\n    readOnly: boolean;\n  }\n\n  export interface OptionalProps extends TypescriptHelpersT.PropsForGlobalOnSlots<\n    typeof DSControlledDateRangePickerName,\n    typeof DSControlledDateRangePickerSlots\n  > {\n    emptyPickerStartingMonth?: string;\n    onCalendarOpenFocusedDay?: string;\n    innerRef?:\n      | React.MutableRefObject<HTMLInputElement | HTMLButtonElement | null>\n      | ((ref: HTMLInputElement | HTMLButtonElement | null) => void);\n    lastElementRef?: React.MutableRefObject<HTMLElement | null>;\n    tabIndex?: TypescriptHelpersT.WCAGTabIndex;\n    applyAriaDisabled?: boolean;\n    dateTimePickerFromProps?: Partial<DSControlledDateTimePickerT.Props>;\n    dateTimePickerToProps?: Partial<DSControlledDateTimePickerT.Props>;\n  }\n\n  export interface Props\n    extends\n      Partial<DefaultProps>,\n      Omit<GlobalAttributesT<HTMLDivElement>, keyof DefaultProps | keyof OptionalProps>,\n      OptionalProps,\n      XstyledProps,\n      RequiredProps {}\n\n  export interface InternalProps\n    extends\n      DefaultProps,\n      Omit<GlobalAttributesT<HTMLDivElement>, keyof DefaultProps | keyof OptionalProps>,\n      Omit<OptionalProps, `dsControlleddaterangepicker${Capitalize<string>}`>,\n      XstyledProps,\n      RequiredProps {}\n}\n\nexport const defaultProps: DSControlledDateRangePickerT.DefaultProps = {\n  type: 'full-date-range',\n  fromDate: '',\n  onFromDateChange: noop,\n  onMonthFromChange: noop,\n  onDayFromChange: noop,\n  onYearFromChange: noop,\n  pickerFooterMsg: '',\n  toDate: '',\n  onToDateChange: noop,\n  onMonthToChange: noop,\n  onDayToChange: noop,\n  onYearToChange: noop,\n  onPickerOpen: noop,\n  onPickerClose: noop,\n  getIsDisabledDay: defaultReturnFalse,\n  getIsOutOfRangeDay: defaultReturnFalse,\n  hasError: false,\n  isClearable: false,\n  autoFocus: false,\n  readOnly: false,\n};\n\nexport const DSControlledDateRangePickerPropTypes: DSPropTypesSchema<DSControlledDateRangePickerT.Props> = {\n  ...getPropsPerSlotPropTypes(DSControlledDateRangePickerName, DSControlledDateRangePickerSlots),\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  ])\n    .description('Type of date range form control to use')\n    .defaultValue('full-date-range'),\n  fromDate: PropTypes.string.description(`strictly formatted string representing user's selected \"from\" date`)\n    .isRequired,\n  onFromDateChange: PropTypes.func\n    .description('function to react to \"from\" date changing')\n    .signature('(( newVal: string, e: React.SyntheticEvent, metaInfo: Record<string,unknown> ) => void )').isRequired,\n  onMonthFromChange: PropTypes.func\n    .description('function to react to \"from\" month changing')\n    .defaultValue(() => {})\n    .signature('(( newVal: string, e: React.SyntheticEvent, metaInfo: Record<string,unknown> ) => void )'),\n  onDayFromChange: PropTypes.func\n    .description('function to react to \"from\" day changing')\n    .defaultValue(() => {})\n    .signature('(( newVal: string, e: React.SyntheticEvent, metaInfo: Record<string,unknown> ) => void )'),\n  onYearFromChange: PropTypes.func\n    .description('function to react to \"from\" year changing')\n    .defaultValue(() => {})\n    .signature('(( newVal: string, e: React.SyntheticEvent, metaInfo: Record<string,unknown> ) => void )'),\n  toDate: PropTypes.string.description(`strictly formatted string representing user's selected \"to\" date`).isRequired,\n  onToDateChange: PropTypes.func\n    .description('function to react to \"to\" date changing')\n    .signature('(( newVal: string, e: React.SyntheticEvent, metaInfo: Record<string,unknown> ) => void )').isRequired,\n  onMonthToChange: PropTypes.func\n    .description('function to react to \"to\" month changing')\n    .defaultValue(() => {})\n    .signature('(( newVal: string, e: React.SyntheticEvent, metaInfo: Record<string,unknown> ) => void )'),\n  onDayToChange: PropTypes.func\n    .description('function to react to \"to\" day changing')\n    .defaultValue(() => {})\n    .signature('(( newVal: string, e: React.SyntheticEvent, metaInfo: Record<string,unknown> ) => void )'),\n  onYearToChange: PropTypes.func\n    .description('function to react to \"to\" year changing')\n    .defaultValue(() => {})\n    .signature('(( newVal: string, e: React.SyntheticEvent, metaInfo: Record<string,unknown> ) => void )'),\n  onPickerOpen: PropTypes.func\n    .description('function to react to the calendar context menu being opened')\n    .defaultValue(() => {})\n    .signature('(() => void)'),\n  onPickerClose: PropTypes.func\n    .description('function to react to the calendar context menu being closed')\n    .defaultValue(() => {})\n    .signature('(() => void)'),\n  getIsDisabledDay: PropTypes.func\n    .description('function used to mark day as \"disable\"')\n    .defaultValue(() => false)\n    .signature('(( day: string ) => boolean )'),\n  getIsOutOfRangeDay: PropTypes.func\n    .description('function used to mark day as \"out of range\"')\n    .defaultValue(() => false)\n    .signature('(( day: string ) => boolean )'),\n  pickerFooterMsg: PropTypes.string.description(''),\n  hasError: PropTypes.bool\n    .description('boolean indicating wheter the selected range is to be marked as wrong')\n    .defaultValue(false),\n  isClearable: PropTypes.bool\n    .description('boolean to optionally activate \"clearable\" icons in the inputs')\n    .defaultValue(false),\n  autoFocus: PropTypes.bool\n    .description('boolean to auto-focus the \"from\" date month on render as per html auto-focus propriety')\n    .defaultValue(false),\n  emptyPickerStartingMonth: PropTypes.string.description(\n    'strictly formatted string representing the starting month to be displayed when calendar context menu is invoked without any selected dates',\n  ),\n  onCalendarOpenFocusedDay: PropTypes.string.description(\n    'strictly formatted string representing the day to be focused when calendar context menu is invoked without any selected dates',\n  ),\n  innerRef: PropTypes.oneOfType([PropTypes.func, PropTypes.object]).description(\n    '\"from\" month input html node reference',\n  ),\n  lastElementRef: PropTypes.oneOfType([PropTypes.func, PropTypes.object]).description(\n    'ref for the last focusable element in the component based on its configuration, used for focus management in focus trap logic',\n  ),\n  tabIndex: PropTypes.string.description('tabIndex to be applied to the \"from\" month input'),\n  readOnly: PropTypes.bool\n    .description('Makes the component non-editable while remaining accessible')\n    .defaultValue(false),\n  applyAriaDisabled: PropTypes.bool.description(\n    'Whether to apply disabled styling and announce as disabled in SR. CAN STILL RECEIVE FOCUS. PREVENTS ONLY MAIN ACTION.',\n  ),\n  dateTimePickerFromProps: PropTypes.object.description('props to pass to the \"from\" date picker'),\n  dateTimePickerToProps: PropTypes.object.description('props to pass to the \"to\" date picker'),\n};\n\nexport const DSControlledDateRangePickerPropTypesWithSchema =\n  DSControlledDateRangePickerPropTypes as unknown as ValidationMap<DSControlledDateRangePickerT.Props>;\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": "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",
   "names": []
 }

package/dist/cjs/typescript-testing/typescript-date-range-picker-valid.js

@@ -64,6 +64,8 @@ const testCompleteDefaults = {
   onMonthToChange: noop,
   onDayToChange: noop,
   onYearToChange: noop,
+  onPickerOpen: noop,
+  onPickerClose: noop,
   getIsDisabledDay: defaultReturnFalse,
   getIsOutOfRangeDay: defaultReturnFalse,
   hasError: false,
@@ -92,6 +94,8 @@ const testExplicitDefinition = {
   onMonthToChange: noop,
   onDayToChange: noop,
   onYearToChange: noop,
+  onPickerOpen: noop,
+  onPickerClose: noop,
   getIsDisabledDay: defaultReturnFalse,
   getIsOutOfRangeDay: defaultReturnFalse,
   hasError: false,
@@ -115,6 +119,8 @@ const testInferedTypeCompatibility = {
   onMonthToChange: noop,
   onDayToChange: noop,
   onYearToChange: noop,
+  onPickerOpen: noop,
+  onPickerClose: noop,
   getIsDisabledDay: defaultReturnFalse,
   getIsOutOfRangeDay: defaultReturnFalse,
   hasError: false,
@@ -138,6 +144,8 @@ const testDefinitionAsConst = {
   onMonthToChange: noop,
   onDayToChange: noop,
   onYearToChange: noop,
+  onPickerOpen: noop,
+  onPickerClose: noop,
   getIsDisabledDay: defaultReturnFalse,
   getIsOutOfRangeDay: defaultReturnFalse,
   hasError: false,
@@ -167,6 +175,8 @@ const ExampleUsageComponent = () => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)
       onMonthToChange: noop,
       onDayToChange: noop,
       onYearToChange: noop,
+      onPickerOpen: noop,
+      onPickerClose: noop,
       getIsDisabledDay: defaultReturnFalse,
       getIsOutOfRangeDay: defaultReturnFalse,
       hasError: false,

package/dist/cjs/typescript-testing/typescript-date-range-picker-valid.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../src/typescript-testing/typescript-date-range-picker-valid.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable @typescript-eslint/no-unused-vars, no-unused-vars */\nimport React from 'react';\nimport { DSControlledDateRangePicker } from '../index.js';\nimport type { DSControlledDateRangePickerT } from '../index.js';\n\n// test we expose the namespace and the namespace follows our deliverable conventions\ntype ComponentPropsForApp = DSControlledDateRangePickerT.Props;\ntype ComponentPropsInternals = DSControlledDateRangePickerT.InternalProps;\ntype ComponentPropsDefaultProps = DSControlledDateRangePickerT.DefaultProps;\ntype ComponentPropsOptionalProps = DSControlledDateRangePickerT.OptionalProps;\n\nconst ref = React.createRef() as React.MutableRefObject<HTMLInputElement>;\nconst noop = (): void => {};\nconst defaultReturnFalse = (): boolean => false;\n\nconst testOptionalProps: ComponentPropsOptionalProps = {\n  emptyPickerStartingMonth: '12/__/2000',\n  onCalendarOpenFocusedDay: '12/27/2000',\n  tabIndex: 0,\n  innerRef: ref,\n};\n\n// difference Props and InternalProps is that InternalProps has all the default props filled in\n// Props allows for partial defaults\nconst testPartialDefaults: Partial<ComponentPropsDefaultProps> = {\n  type: 'full-date-range',\n  fromDate: '',\n  onMonthFromChange: noop,\n  getIsDisabledDay: defaultReturnFalse,\n\n  hasError: false,\n  isClearable: false,\n};\nconst testProps: ComponentPropsForApp = {\n  ...testOptionalProps,\n  ...testPartialDefaults,\n};\nconst testPropsAsSyntax = {\n  ...testOptionalProps,\n  ...testPartialDefaults,\n} as ComponentPropsForApp;\n\n// InternalProps requires all defaults to be filled in\nconst testCompleteDefaults: Required<ComponentPropsDefaultProps> = {\n  type: 'full-date-range',\n  fromDate: '',\n  onFromDateChange: noop,\n  onMonthFromChange: noop,\n  onDayFromChange: noop,\n  onYearFromChange: noop,\n  pickerFooterMsg: '',\n  toDate: '',\n  onToDateChange: noop,\n  onMonthToChange: noop,\n  onDayToChange: noop,\n  onYearToChange: noop,\n  getIsDisabledDay: defaultReturnFalse,\n  getIsOutOfRangeDay: defaultReturnFalse,\n  hasError: false,\n  isClearable: false,\n  autoFocus: false,\n  readOnly: false,\n};\nconst testInternalProps: ComponentPropsInternals = {\n  ...testOptionalProps,\n  ...testCompleteDefaults,\n};\nconst testInternalPropsAsSyntax = {\n  ...testOptionalProps,\n  ...testCompleteDefaults,\n} as ComponentPropsInternals;\n\n// using the explicit type definition, if there is an error, it will be marked on the key that is wrong\nconst testExplicitDefinition: ComponentPropsForApp = {\n  type: 'full-date-range',\n  fromDate: '',\n  onFromDateChange: noop,\n  onMonthFromChange: noop,\n  onDayFromChange: noop,\n  onYearFromChange: noop,\n  pickerFooterMsg: '',\n  toDate: '',\n  onToDateChange: noop,\n  onMonthToChange: noop,\n  onDayToChange: noop,\n  onYearToChange: noop,\n  getIsDisabledDay: defaultReturnFalse,\n  getIsOutOfRangeDay: defaultReturnFalse,\n  hasError: false,\n  isClearable: false,\n  autoFocus: false,\n  emptyPickerStartingMonth: '12/__/2000',\n  onCalendarOpenFocusedDay: '12/27/2000',\n  tabIndex: 0,\n  innerRef: ref,\n};\n\n// using the \"as\" syntax, if there is an error, it will be marking the whole object as wrong because it is not compatible with the type\nconst testInferedTypeCompatibility = {\n  type: 'full-date-range',\n  fromDate: '',\n  onFromDateChange: noop,\n  onMonthFromChange: noop,\n  onDayFromChange: noop,\n  onYearFromChange: noop,\n  pickerFooterMsg: '',\n  toDate: '',\n  onToDateChange: noop,\n  onMonthToChange: noop,\n  onDayToChange: noop,\n  onYearToChange: noop,\n  getIsDisabledDay: defaultReturnFalse,\n  getIsOutOfRangeDay: defaultReturnFalse,\n  hasError: false,\n  isClearable: false,\n  autoFocus: false,\n  emptyPickerStartingMonth: '12/__/2000',\n  onCalendarOpenFocusedDay: '12/27/2000',\n  tabIndex: 0,\n  innerRef: ref,\n} as ComponentPropsForApp;\n\nconst testDefinitionAsConst = {\n  type: 'full-date-range',\n  fromDate: '',\n  onFromDateChange: noop,\n  onMonthFromChange: noop,\n  onDayFromChange: noop,\n  onYearFromChange: noop,\n  pickerFooterMsg: '',\n  toDate: '',\n  onToDateChange: noop,\n  onMonthToChange: noop,\n  onDayToChange: noop,\n  onYearToChange: noop,\n  getIsDisabledDay: defaultReturnFalse,\n  getIsOutOfRangeDay: defaultReturnFalse,\n  hasError: false,\n  isClearable: false,\n  autoFocus: false,\n  emptyPickerStartingMonth: '12/__/2000',\n  onCalendarOpenFocusedDay: '12/27/2000',\n  tabIndex: 0,\n  innerRef: ref,\n} as const;\n\nconst ExampleUsageComponent = () => (\n  <>\n    {/* works with explicitly casted props, all syntaxes */}\n    <DSControlledDateRangePicker {...testExplicitDefinition} />\n    <DSControlledDateRangePicker {...testInferedTypeCompatibility} />\n    <DSControlledDateRangePicker {...testDefinitionAsConst} />\n    {/* works with inline values */}\n    <DSControlledDateRangePicker\n      type=\"full-date-range\"\n      fromDate=\"\"\n      onFromDateChange={noop}\n      onMonthFromChange={noop}\n      onDayFromChange={noop}\n      onYearFromChange={noop}\n      pickerFooterMsg=\"\"\n      toDate=\"\"\n      onToDateChange={noop}\n      onMonthToChange={noop}\n      onDayToChange={noop}\n      onYearToChange={noop}\n      getIsDisabledDay={defaultReturnFalse}\n      getIsOutOfRangeDay={defaultReturnFalse}\n      hasError={false}\n      isClearable={false}\n      autoFocus={false}\n      emptyPickerStartingMonth=\"12/__/2000\"\n      onCalendarOpenFocusedDay=\"12/27/2000\"\n      tabIndex={0}\n      innerRef={ref}\n    />\n  </>\n);\n"],
-  "mappings": "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",
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable @typescript-eslint/no-unused-vars, no-unused-vars */\nimport React from 'react';\nimport { DSControlledDateRangePicker } from '../index.js';\nimport type { DSControlledDateRangePickerT } from '../index.js';\n\n// test we expose the namespace and the namespace follows our deliverable conventions\ntype ComponentPropsForApp = DSControlledDateRangePickerT.Props;\ntype ComponentPropsInternals = DSControlledDateRangePickerT.InternalProps;\ntype ComponentPropsDefaultProps = DSControlledDateRangePickerT.DefaultProps;\ntype ComponentPropsOptionalProps = DSControlledDateRangePickerT.OptionalProps;\n\nconst ref = React.createRef() as React.MutableRefObject<HTMLInputElement>;\nconst noop = (): void => {};\nconst defaultReturnFalse = (): boolean => false;\n\nconst testOptionalProps: ComponentPropsOptionalProps = {\n  emptyPickerStartingMonth: '12/__/2000',\n  onCalendarOpenFocusedDay: '12/27/2000',\n  tabIndex: 0,\n  innerRef: ref,\n};\n\n// difference Props and InternalProps is that InternalProps has all the default props filled in\n// Props allows for partial defaults\nconst testPartialDefaults: Partial<ComponentPropsDefaultProps> = {\n  type: 'full-date-range',\n  fromDate: '',\n  onMonthFromChange: noop,\n  getIsDisabledDay: defaultReturnFalse,\n\n  hasError: false,\n  isClearable: false,\n};\nconst testProps: ComponentPropsForApp = {\n  ...testOptionalProps,\n  ...testPartialDefaults,\n};\nconst testPropsAsSyntax = {\n  ...testOptionalProps,\n  ...testPartialDefaults,\n} as ComponentPropsForApp;\n\n// InternalProps requires all defaults to be filled in\nconst testCompleteDefaults: Required<ComponentPropsDefaultProps> = {\n  type: 'full-date-range',\n  fromDate: '',\n  onFromDateChange: noop,\n  onMonthFromChange: noop,\n  onDayFromChange: noop,\n  onYearFromChange: noop,\n  pickerFooterMsg: '',\n  toDate: '',\n  onToDateChange: noop,\n  onMonthToChange: noop,\n  onDayToChange: noop,\n  onYearToChange: noop,\n  onPickerOpen: noop,\n  onPickerClose: noop,\n  getIsDisabledDay: defaultReturnFalse,\n  getIsOutOfRangeDay: defaultReturnFalse,\n  hasError: false,\n  isClearable: false,\n  autoFocus: false,\n  readOnly: false,\n};\nconst testInternalProps: ComponentPropsInternals = {\n  ...testOptionalProps,\n  ...testCompleteDefaults,\n};\nconst testInternalPropsAsSyntax = {\n  ...testOptionalProps,\n  ...testCompleteDefaults,\n} as ComponentPropsInternals;\n\n// using the explicit type definition, if there is an error, it will be marked on the key that is wrong\nconst testExplicitDefinition: ComponentPropsForApp = {\n  type: 'full-date-range',\n  fromDate: '',\n  onFromDateChange: noop,\n  onMonthFromChange: noop,\n  onDayFromChange: noop,\n  onYearFromChange: noop,\n  pickerFooterMsg: '',\n  toDate: '',\n  onToDateChange: noop,\n  onMonthToChange: noop,\n  onDayToChange: noop,\n  onYearToChange: noop,\n  onPickerOpen: noop,\n  onPickerClose: noop,\n  getIsDisabledDay: defaultReturnFalse,\n  getIsOutOfRangeDay: defaultReturnFalse,\n  hasError: false,\n  isClearable: false,\n  autoFocus: false,\n  emptyPickerStartingMonth: '12/__/2000',\n  onCalendarOpenFocusedDay: '12/27/2000',\n  tabIndex: 0,\n  innerRef: ref,\n};\n\n// using the \"as\" syntax, if there is an error, it will be marking the whole object as wrong because it is not compatible with the type\nconst testInferedTypeCompatibility = {\n  type: 'full-date-range',\n  fromDate: '',\n  onFromDateChange: noop,\n  onMonthFromChange: noop,\n  onDayFromChange: noop,\n  onYearFromChange: noop,\n  pickerFooterMsg: '',\n  toDate: '',\n  onToDateChange: noop,\n  onMonthToChange: noop,\n  onDayToChange: noop,\n  onYearToChange: noop,\n  onPickerOpen: noop,\n  onPickerClose: noop,\n  getIsDisabledDay: defaultReturnFalse,\n  getIsOutOfRangeDay: defaultReturnFalse,\n  hasError: false,\n  isClearable: false,\n  autoFocus: false,\n  emptyPickerStartingMonth: '12/__/2000',\n  onCalendarOpenFocusedDay: '12/27/2000',\n  tabIndex: 0,\n  innerRef: ref,\n} as ComponentPropsForApp;\n\nconst testDefinitionAsConst = {\n  type: 'full-date-range',\n  fromDate: '',\n  onFromDateChange: noop,\n  onMonthFromChange: noop,\n  onDayFromChange: noop,\n  onYearFromChange: noop,\n  pickerFooterMsg: '',\n  toDate: '',\n  onToDateChange: noop,\n  onMonthToChange: noop,\n  onDayToChange: noop,\n  onYearToChange: noop,\n  onPickerOpen: noop,\n  onPickerClose: noop,\n  getIsDisabledDay: defaultReturnFalse,\n  getIsOutOfRangeDay: defaultReturnFalse,\n  hasError: false,\n  isClearable: false,\n  autoFocus: false,\n  emptyPickerStartingMonth: '12/__/2000',\n  onCalendarOpenFocusedDay: '12/27/2000',\n  tabIndex: 0,\n  innerRef: ref,\n} as const;\n\nconst ExampleUsageComponent = () => (\n  <>\n    {/* works with explicitly casted props, all syntaxes */}\n    <DSControlledDateRangePicker {...testExplicitDefinition} />\n    <DSControlledDateRangePicker {...testInferedTypeCompatibility} />\n    <DSControlledDateRangePicker {...testDefinitionAsConst} />\n    {/* works with inline values */}\n    <DSControlledDateRangePicker\n      type=\"full-date-range\"\n      fromDate=\"\"\n      onFromDateChange={noop}\n      onMonthFromChange={noop}\n      onDayFromChange={noop}\n      onYearFromChange={noop}\n      pickerFooterMsg=\"\"\n      toDate=\"\"\n      onToDateChange={noop}\n      onMonthToChange={noop}\n      onDayToChange={noop}\n      onYearToChange={noop}\n      onPickerOpen={noop}\n      onPickerClose={noop}\n      getIsDisabledDay={defaultReturnFalse}\n      getIsOutOfRangeDay={defaultReturnFalse}\n      hasError={false}\n      isClearable={false}\n      autoFocus={false}\n      emptyPickerStartingMonth=\"12/__/2000\"\n      onCalendarOpenFocusedDay=\"12/27/2000\"\n      tabIndex={0}\n      innerRef={ref}\n    />\n  </>\n);\n"],
+  "mappings": "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",
   "names": ["React"]
 }

package/dist/esm/config/useRangePickerLogic.js

@@ -11,7 +11,9 @@ const useRangePickerLogic = ({
   onMonthToChange,
   onDayToChange,
   onYearToChange,
-  onToDateChange
+  onToDateChange,
+  onPickerOpen,
+  onPickerClose
 }) => {
   const [calendarChangeIsFrom, setCalendarChangeIsFrom] = useState(true);
   const [latestChangedDate, setLatestChangedDate] = useState(fromDate);
@@ -76,10 +78,12 @@ const useRangePickerLogic = ({
   );
   const onCalendarOpen = useCallback(() => {
     setCalendarChangeIsFrom(true);
-  }, []);
+    onPickerOpen();
+  }, [onPickerOpen]);
   const onCalendarClose = useCallback(() => {
     setCalendarChangeIsFrom(true);
-  }, []);
+    onPickerClose();
+  }, [onPickerClose]);
   const handlePickerDateChange = useCallback(
     (changedDay, metaInfo) => {
       const { newDateFromString, newDateToString, nextToggleStateIsFrom, isToBeforeFrom } = getChangedDayStringValues(changedDay);

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

@@ -1,7 +1,7 @@
 {
   "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';\nimport { getDayFromDateString } from '@elliemae/ds-form-date-time-picker';\nimport type { ControlledDateRangePickerContextT } from './useControlledDateRangePicker.js';\nimport type { DSControlledDateRangePickerT } from '../react-desc-prop-types.js';\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}: DSControlledDateRangePickerT.InternalProps): ControlledDateRangePickerContextT['rangePickerLogic'] => {\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: string) => {\n      // based on wheter we are handling a \"from\"/\"to\" change, we calculate some values\n      const dateFromString = calendarChangeIsFrom ? changedDay : fromDate;\n      const dateFrom = getDayFromDateString(dateFromString);\n      const dateToString = calendarChangeIsFrom ? toDate : changedDay;\n      const dateTo = getDayFromDateString(dateToString);\n      // we force the \"from\" to ALWAYS be before the \"to\" date\n      const isToBeforeFrom = !!dateTo && !!dateFrom && 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: ControlledDateRangePickerContextT['rangePickerLogic']['handlePickerMonthDateChange'] =\n    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: ControlledDateRangePickerContextT['rangePickerLogic']['handlePickerDayDateChange'] =\n    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: ControlledDateRangePickerContextT['rangePickerLogic']['handlePickerYearDateChange'] =\n    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: ControlledDateRangePickerContextT['rangePickerLogic']['onCalendarOpen'] = useCallback(() => {\n    setCalendarChangeIsFrom(true);\n  }, []);\n  const onCalendarClose: ControlledDateRangePickerContextT['rangePickerLogic']['onCalendarClose'] = useCallback(() => {\n    setCalendarChangeIsFrom(true);\n  }, []);\n  const handlePickerDateChange: ControlledDateRangePickerContextT['rangePickerLogic']['handlePickerDateChange'] =\n    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: ControlledDateRangePickerContextT['rangePickerLogic']['getIsStartRangeDay'] = useCallback(\n    (dayString) => dayString === fromDate,\n    [fromDate],\n  );\n  const getIsDayInRange: ControlledDateRangePickerContextT['rangePickerLogic']['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 && newDayTime <= dayTo.getTime() && newDayTime >= dayFrom.getTime();\n    },\n    [fromDate, toDate],\n  );\n  const getIsEndRangeDay: ControlledDateRangePickerContextT['rangePickerLogic']['getIsEndRangeDay'] = useCallback(\n    (dayString) => dayString === toDate,\n    [toDate],\n  );\n\n  const getIsToBeforeFrom = useCallback((fromString: string, toString: string) => {\n    const dateFrom = getDayFromDateString(fromString);\n    const dateTo = getDayFromDateString(toString);\n    return !!dateTo && !!dateFrom && dateTo?.getTime() < dateFrom?.getTime();\n  }, []);\n  const handleFromDateChange: ControlledDateRangePickerContextT['rangePickerLogic']['handleFromDateChange'] =\n    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: ControlledDateRangePickerContextT['rangePickerLogic']['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      calendarChangeIsFrom,\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      calendarChangeIsFrom,\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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",
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable max-lines */\n/* eslint-disable complexity */\nimport { useCallback, useState, useMemo, useEffect } from 'react';\nimport { getDayFromDateString } from '@elliemae/ds-form-date-time-picker';\nimport type { ControlledDateRangePickerContextT } from './useControlledDateRangePicker.js';\nimport type { DSControlledDateRangePickerT } from '../react-desc-prop-types.js';\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  onPickerOpen,\n  onPickerClose,\n}: DSControlledDateRangePickerT.InternalProps): ControlledDateRangePickerContextT['rangePickerLogic'] => {\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: string) => {\n      // based on wheter we are handling a \"from\"/\"to\" change, we calculate some values\n      const dateFromString = calendarChangeIsFrom ? changedDay : fromDate;\n      const dateFrom = getDayFromDateString(dateFromString);\n      const dateToString = calendarChangeIsFrom ? toDate : changedDay;\n      const dateTo = getDayFromDateString(dateToString);\n      // we force the \"from\" to ALWAYS be before the \"to\" date\n      const isToBeforeFrom = !!dateTo && !!dateFrom && 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: ControlledDateRangePickerContextT['rangePickerLogic']['handlePickerMonthDateChange'] =\n    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: ControlledDateRangePickerContextT['rangePickerLogic']['handlePickerDayDateChange'] =\n    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: ControlledDateRangePickerContextT['rangePickerLogic']['handlePickerYearDateChange'] =\n    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: ControlledDateRangePickerContextT['rangePickerLogic']['onCalendarOpen'] = useCallback(() => {\n    setCalendarChangeIsFrom(true);\n    onPickerOpen();\n  }, [onPickerOpen]);\n  const onCalendarClose: ControlledDateRangePickerContextT['rangePickerLogic']['onCalendarClose'] = useCallback(() => {\n    setCalendarChangeIsFrom(true);\n    onPickerClose();\n  }, [onPickerClose]);\n  const handlePickerDateChange: ControlledDateRangePickerContextT['rangePickerLogic']['handlePickerDateChange'] =\n    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: ControlledDateRangePickerContextT['rangePickerLogic']['getIsStartRangeDay'] = useCallback(\n    (dayString) => dayString === fromDate,\n    [fromDate],\n  );\n  const getIsDayInRange: ControlledDateRangePickerContextT['rangePickerLogic']['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 && newDayTime <= dayTo.getTime() && newDayTime >= dayFrom.getTime();\n    },\n    [fromDate, toDate],\n  );\n  const getIsEndRangeDay: ControlledDateRangePickerContextT['rangePickerLogic']['getIsEndRangeDay'] = useCallback(\n    (dayString) => dayString === toDate,\n    [toDate],\n  );\n\n  const getIsToBeforeFrom = useCallback((fromString: string, toString: string) => {\n    const dateFrom = getDayFromDateString(fromString);\n    const dateTo = getDayFromDateString(toString);\n    return !!dateTo && !!dateFrom && dateTo?.getTime() < dateFrom?.getTime();\n  }, []);\n  const handleFromDateChange: ControlledDateRangePickerContextT['rangePickerLogic']['handleFromDateChange'] =\n    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: ControlledDateRangePickerContextT['rangePickerLogic']['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      calendarChangeIsFrom,\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      calendarChangeIsFrom,\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": "AAAA,YAAY,WAAW;ACEvB,SAAS,aAAa,UAAU,SAAS,iBAAiB;AAC1D,SAAS,4BAA4B;AAI9B,MAAM,sBAAsB,CAAC;AAAA,EAClC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAAyG;AAIvG,QAAM,CAAC,sBAAsB,uBAAuB,IAAI,SAAS,IAAI;AACrE,QAAM,CAAC,mBAAmB,oBAAoB,IAAI,SAAS,QAAQ;AACnE,YAAU,MAAM;AACd,yBAAqB,QAAQ;AAAA,EAC/B,GAAG,CAAC,QAAQ,CAAC;AACb,YAAU,MAAM;AACd,yBAAqB,MAAM;AAAA,EAC7B,GAAG,CAAC,MAAM,CAAC;AAEX,QAAM,4BAA4B;AAAA,IAChC,CAAC,eAAuB;AAEtB,YAAM,iBAAiB,uBAAuB,aAAa;AAC3D,YAAM,WAAW,qBAAqB,cAAc;AACpD,YAAM,eAAe,uBAAuB,SAAS;AACrD,YAAM,SAAS,qBAAqB,YAAY;AAEhD,YAAM,iBAAiB,CAAC,CAAC,UAAU,CAAC,CAAC,YAAY,QAAQ,QAAQ,IAAI,UAAU,QAAQ;AACvF,YAAM,oBAAoB,iBAAiB,eAAe;AAC1D,YAAM,sBAAsB,iBAAiB,CAAC,uBAAuB;AACrE,YAAM,kBAAkB,iBAAiB,iBAAiB;AAC1D,YAAM,oBAAoB,iBAAiB,uBAAuB;AAKlE,UAAI,wBAAwB,CAAC;AAC7B,UAAI,oBAAqB,yBAAwB;AACjD,UAAI,kBAAmB,yBAAwB;AAE/C,aAAO;AAAA,QACL;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA,yBAAyB,CAAC;AAAA,MAC5B;AAAA,IACF;AAAA,IACA,CAAC,UAAU,sBAAsB,MAAM;AAAA,EACzC;AACA,QAAM,8BACJ;AAAA,IACE,CAAC,UAAU,GAAG,aAAa;AACzB,YAAM,EAAE,gBAAgB,GAAG,IAAI;AAC/B,YAAM,EAAE,wBAAwB,IAAI,0BAA0B,aAAa;AAC3E,UAAI,wBAAyB,mBAAkB,UAAU,GAAG,QAAQ;AAAA,UAC/D,iBAAgB,UAAU,GAAG,QAAQ;AAAA,IAC5C;AAAA,IACA,CAAC,2BAA2B,mBAAmB,eAAe;AAAA,EAChE;AACF,QAAM,4BACJ;AAAA,IACE,CAAC,QAAQ,GAAG,aAAa;AACvB,YAAM,EAAE,gBAAgB,GAAG,IAAI;AAC/B,YAAM,EAAE,wBAAwB,IAAI,0BAA0B,aAAa;AAC3E,UAAI,wBAAyB,iBAAgB,QAAQ,GAAG,QAAQ;AAAA,UAC3D,eAAc,QAAQ,GAAG,QAAQ;AAAA,IACxC;AAAA,IACA,CAAC,2BAA2B,iBAAiB,aAAa;AAAA,EAC5D;AACF,QAAM,6BACJ;AAAA,IACE,CAAC,SAAS,GAAG,aAAa;AACxB,YAAM,EAAE,gBAAgB,GAAG,IAAI;AAC/B,YAAM,EAAE,wBAAwB,IAAI,0BAA0B,aAAa;AAC3E,UAAI,wBAAyB,kBAAiB,SAAS,GAAG,QAAQ;AAAA,UAC7D,gBAAe,SAAS,GAAG,QAAQ;AAAA,IAC1C;AAAA,IACA,CAAC,2BAA2B,kBAAkB,cAAc;AAAA,EAC9D;AAGF,QAAM,iBAA0F,YAAY,MAAM;AAChH,4BAAwB,IAAI;AAC5B,iBAAa;AAAA,EACf,GAAG,CAAC,YAAY,CAAC;AACjB,QAAM,kBAA4F,YAAY,MAAM;AAClH,4BAAwB,IAAI;AAC5B,kBAAc;AAAA,EAChB,GAAG,CAAC,aAAa,CAAC;AAClB,QAAM,yBACJ;AAAA,IACE,CAAC,YAAY,aAAa;AACxB,YAAM,EAAE,mBAAmB,iBAAiB,uBAAuB,eAAe,IAChF,0BAA0B,UAAU;AAItC,uBAAiB,mBAAmB,EAAE,GAAG,UAAU,wBAAwB,eAAe,CAAC;AAC3F,qBAAe,iBAAiB,EAAE,GAAG,UAAU,wBAAwB,eAAe,CAAC;AAGvF,8BAAwB,qBAAqB;AAAA,IAC/C;AAAA,IACA,CAAC,2BAA2B,kBAAkB,cAAc;AAAA,EAC9D;AAEF,QAAM,qBAAkG;AAAA,IACtG,CAAC,cAAc,cAAc;AAAA,IAC7B,CAAC,QAAQ;AAAA,EACX;AACA,QAAM,kBAA4F;AAAA,IAChG,CAAC,cAAc;AACb,YAAM,UAAU,qBAAqB,QAAQ;AAC7C,YAAM,QAAQ,qBAAqB,MAAM;AACzC,UAAI,CAAC,WAAW,CAAC,SAAS,CAAC,UAAW,QAAO;AAC7C,YAAM,aAAa,qBAAqB,SAAS,GAAG,QAAQ;AAC5D,aAAO,CAAC,CAAC,cAAc,cAAc,MAAM,QAAQ,KAAK,cAAc,QAAQ,QAAQ;AAAA,IACxF;AAAA,IACA,CAAC,UAAU,MAAM;AAAA,EACnB;AACA,QAAM,mBAA8F;AAAA,IAClG,CAAC,cAAc,cAAc;AAAA,IAC7B,CAAC,MAAM;AAAA,EACT;AAEA,QAAM,oBAAoB,YAAY,CAAC,YAAoB,aAAqB;AAC9E,UAAM,WAAW,qBAAqB,UAAU;AAChD,UAAM,SAAS,qBAAqB,QAAQ;AAC5C,WAAO,CAAC,CAAC,UAAU,CAAC,CAAC,YAAY,QAAQ,QAAQ,IAAI,UAAU,QAAQ;AAAA,EACzE,GAAG,CAAC,CAAC;AACL,QAAM,uBACJ;AAAA,IACE,CAAC,QAAQ,aAAa;AACpB,YAAM,mBAAmB,kBAAkB,QAAQ,MAAM;AACzD,uBAAiB,QAAQ,EAAE,GAAG,UAAU,qBAAqB,QAAQ,iBAAiB,CAAC;AAAA,IACzF;AAAA,IACA,CAAC,mBAAmB,kBAAkB,MAAM;AAAA,EAC9C;AACF,QAAM,qBAAkG;AAAA,IACtG,CAAC,QAAQ,aAAa;AACpB,YAAM,mBAAmB,kBAAkB,UAAU,MAAM;AAC3D,qBAAe,QAAQ,EAAE,GAAG,UAAU,qBAAqB,MAAM,iBAAiB,CAAC;AAAA,IACrF;AAAA,IACA,CAAC,UAAU,mBAAmB,cAAc;AAAA,EAC9C;AAEA,SAAO;AAAA,IACL,OAAO;AAAA,MACL;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACF;AAAA,IACA;AAAA,MACE;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACF;AAAA,EACF;AACF;",
   "names": []
 }

package/dist/esm/react-desc-prop-types.js

@@ -22,6 +22,8 @@ const defaultProps = {
   onMonthToChange: noop,
   onDayToChange: noop,
   onYearToChange: noop,
+  onPickerOpen: noop,
+  onPickerClose: noop,
   getIsDisabledDay: defaultReturnFalse,
   getIsOutOfRangeDay: defaultReturnFalse,
   hasError: false,
@@ -55,6 +57,10 @@ const DSControlledDateRangePickerPropTypes = {
   }).signature("(( newVal: string, e: React.SyntheticEvent, metaInfo: Record<string,unknown> ) => void )"),
   onYearToChange: PropTypes.func.description('function to react to "to" year changing').defaultValue(() => {
   }).signature("(( newVal: string, e: React.SyntheticEvent, metaInfo: Record<string,unknown> ) => void )"),
+  onPickerOpen: PropTypes.func.description("function to react to the calendar context menu being opened").defaultValue(() => {
+  }).signature("(() => void)"),
+  onPickerClose: PropTypes.func.description("function to react to the calendar context menu being closed").defaultValue(() => {
+  }).signature("(() => void)"),
   getIsDisabledDay: PropTypes.func.description('function used to mark day as "disable"').defaultValue(() => false).signature("(( day: string ) => boolean )"),
   getIsOutOfRangeDay: PropTypes.func.description('function used to mark day as "out of range"').defaultValue(() => false).signature("(( day: string ) => boolean )"),
   pickerFooterMsg: PropTypes.string.description(""),

package/dist/esm/react-desc-prop-types.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../src/react-desc-prop-types.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import {\n  PropTypes,\n  globalAttributesPropTypes,\n  xstyledPropTypes,\n  getPropsPerSlotPropTypes,\n} from '@elliemae/ds-props-helpers';\nimport type { ValidationMap, GlobalAttributesT, DSPropTypesSchema, XstyledProps } from '@elliemae/ds-props-helpers';\nimport { type DSControlledDateTimePickerT } from '@elliemae/ds-form-date-time-picker';\nimport { type TypescriptHelpersT } from '@elliemae/ds-typescript-helpers';\nimport { DSControlledDateRangePickerName, DSControlledDateRangePickerSlots } from './exported-related/theming.js';\n\n// eslint-disable-next-line @typescript-eslint/no-empty-function\nconst noop = (): void => {};\n\nconst defaultReturnFalse = (): boolean => false;\n\nexport declare namespace DSControlledDateRangePickerT {\n  export interface RangePickerMetaInfoT extends DSControlledDateTimePickerT.InternalInputsChangeMetaInfo {\n    rangeDateChangeType?: 'from' | 'to';\n    automaticSwitchedDates?: boolean;\n    isIncorrectOrder?: boolean;\n  }\n\n  export type RangeOnDateChange = (val: string, metaInfo: RangePickerMetaInfoT) => void;\n\n  export type AppOnInputChange = DSControlledDateTimePickerT.AppOnInputChange;\n\n  export type ControlledDateRangeType =\n    | 'full-date-range'\n    | 'date-range-picker-controller-only'\n    | 'date-range-picker'\n    | 'date-range-inputs';\n\n  export interface RequiredProps {}\n\n  export interface DefaultProps {\n    type: ControlledDateRangeType;\n    fromDate: string;\n    onFromDateChange: RangeOnDateChange;\n    onMonthFromChange: AppOnInputChange;\n    onDayFromChange: AppOnInputChange;\n    onYearFromChange: AppOnInputChange;\n    hasError: boolean;\n    pickerFooterMsg: string;\n\n    toDate: string;\n    onToDateChange: RangeOnDateChange;\n    onMonthToChange: AppOnInputChange;\n    onDayToChange: AppOnInputChange;\n    onYearToChange: AppOnInputChange;\n\n    isClearable: boolean;\n    getIsDisabledDay: (day: string) => boolean;\n    getIsOutOfRangeDay: (day: string) => boolean;\n    autoFocus: boolean;\n    readOnly: boolean;\n  }\n\n  export interface OptionalProps\n    extends TypescriptHelpersT.PropsForGlobalOnSlots<\n      typeof DSControlledDateRangePickerName,\n      typeof DSControlledDateRangePickerSlots\n    > {\n    emptyPickerStartingMonth?: string;\n    onCalendarOpenFocusedDay?: string;\n    innerRef?:\n      | React.MutableRefObject<HTMLInputElement | HTMLButtonElement | null>\n      | ((ref: HTMLInputElement | HTMLButtonElement | null) => void);\n    lastElementRef?: React.MutableRefObject<HTMLElement | null>;\n    tabIndex?: TypescriptHelpersT.WCAGTabIndex;\n    applyAriaDisabled?: boolean;\n    dateTimePickerFromProps?: Partial<DSControlledDateTimePickerT.Props>;\n    dateTimePickerToProps?: Partial<DSControlledDateTimePickerT.Props>;\n  }\n\n  export interface Props\n    extends Partial<DefaultProps>,\n      Omit<GlobalAttributesT<HTMLDivElement>, keyof DefaultProps | keyof OptionalProps>,\n      OptionalProps,\n      XstyledProps,\n      RequiredProps {}\n\n  export interface InternalProps\n    extends DefaultProps,\n      Omit<GlobalAttributesT<HTMLDivElement>, keyof DefaultProps | keyof OptionalProps>,\n      Omit<OptionalProps, `dsControlleddaterangepicker${Capitalize<string>}`>,\n      XstyledProps,\n      RequiredProps {}\n}\n\nexport const defaultProps: DSControlledDateRangePickerT.DefaultProps = {\n  type: 'full-date-range',\n  fromDate: '',\n  onFromDateChange: noop,\n  onMonthFromChange: noop,\n  onDayFromChange: noop,\n  onYearFromChange: noop,\n  pickerFooterMsg: '',\n  toDate: '',\n  onToDateChange: noop,\n  onMonthToChange: noop,\n  onDayToChange: noop,\n  onYearToChange: noop,\n  getIsDisabledDay: defaultReturnFalse,\n  getIsOutOfRangeDay: defaultReturnFalse,\n  hasError: false,\n  isClearable: false,\n  autoFocus: false,\n  readOnly: false,\n};\n\nexport const DSControlledDateRangePickerPropTypes: DSPropTypesSchema<DSControlledDateRangePickerT.Props> = {\n  ...getPropsPerSlotPropTypes(DSControlledDateRangePickerName, DSControlledDateRangePickerSlots),\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  ])\n    .description('Type of date range form control to use')\n    .defaultValue('full-date-range'),\n  fromDate: PropTypes.string.description(`strictly formatted string representing user's selected \"from\" date`)\n    .isRequired,\n  onFromDateChange: PropTypes.func\n    .description('function to react to \"from\" date changing')\n    .signature('(( newVal: string, e: React.SyntheticEvent, metaInfo: Record<string,unknown> ) => void )').isRequired,\n  onMonthFromChange: PropTypes.func\n    .description('function to react to \"from\" month changing')\n    .defaultValue(() => {})\n    .signature('(( newVal: string, e: React.SyntheticEvent, metaInfo: Record<string,unknown> ) => void )'),\n  onDayFromChange: PropTypes.func\n    .description('function to react to \"from\" day changing')\n    .defaultValue(() => {})\n    .signature('(( newVal: string, e: React.SyntheticEvent, metaInfo: Record<string,unknown> ) => void )'),\n  onYearFromChange: PropTypes.func\n    .description('function to react to \"from\" year changing')\n    .defaultValue(() => {})\n    .signature('(( newVal: string, e: React.SyntheticEvent, metaInfo: Record<string,unknown> ) => void )'),\n  toDate: PropTypes.string.description(`strictly formatted string representing user's selected \"to\" date`).isRequired,\n  onToDateChange: PropTypes.func\n    .description('function to react to \"to\" date changing')\n    .signature('(( newVal: string, e: React.SyntheticEvent, metaInfo: Record<string,unknown> ) => void )').isRequired,\n  onMonthToChange: PropTypes.func\n    .description('function to react to \"to\" month changing')\n    .defaultValue(() => {})\n    .signature('(( newVal: string, e: React.SyntheticEvent, metaInfo: Record<string,unknown> ) => void )'),\n  onDayToChange: PropTypes.func\n    .description('function to react to \"to\" day changing')\n    .defaultValue(() => {})\n    .signature('(( newVal: string, e: React.SyntheticEvent, metaInfo: Record<string,unknown> ) => void )'),\n  onYearToChange: PropTypes.func\n    .description('function to react to \"to\" year changing')\n    .defaultValue(() => {})\n    .signature('(( newVal: string, e: React.SyntheticEvent, metaInfo: Record<string,unknown> ) => void )'),\n  getIsDisabledDay: PropTypes.func\n    .description('function used to mark day as \"disable\"')\n    .defaultValue(() => false)\n    .signature('(( day: string ) => boolean )'),\n  getIsOutOfRangeDay: PropTypes.func\n    .description('function used to mark day as \"out of range\"')\n    .defaultValue(() => false)\n    .signature('(( day: string ) => boolean )'),\n  pickerFooterMsg: PropTypes.string.description(''),\n  hasError: PropTypes.bool\n    .description('boolean indicating wheter the selected range is to be marked as wrong')\n    .defaultValue(false),\n  isClearable: PropTypes.bool\n    .description('boolean to optionally activate \"clearable\" icons in the inputs')\n    .defaultValue(false),\n  autoFocus: PropTypes.bool\n    .description('boolean to auto-focus the \"from\" date month on render as per html auto-focus propriety')\n    .defaultValue(false),\n  emptyPickerStartingMonth: PropTypes.string.description(\n    'strictly formatted string representing the starting month to be displayed when calendar context menu is invoked without any selected dates',\n  ),\n  onCalendarOpenFocusedDay: PropTypes.string.description(\n    'strictly formatted string representing the day to be focused when calendar context menu is invoked without any selected dates',\n  ),\n  innerRef: PropTypes.oneOfType([PropTypes.func, PropTypes.object]).description(\n    '\"from\" month input html node reference',\n  ),\n  lastElementRef: PropTypes.oneOfType([PropTypes.func, PropTypes.object]).description(\n    'ref for the last focusable element in the component based on its configuration, used for focus management in focus trap logic',\n  ),\n  tabIndex: PropTypes.string.description('tabIndex to be applied to the \"from\" month input'),\n  readOnly: PropTypes.bool\n    .description('Makes the component non-editable while remaining accessible')\n    .defaultValue(false),\n  applyAriaDisabled: PropTypes.bool.description(\n    'Whether to apply disabled styling and announce as disabled in SR. CAN STILL RECEIVE FOCUS. PREVENTS ONLY MAIN ACTION.',\n  ),\n  dateTimePickerFromProps: PropTypes.object.description('props to pass to the \"from\" date picker'),\n  dateTimePickerToProps: PropTypes.object.description('props to pass to the \"to\" date picker'),\n};\n\nexport const DSControlledDateRangePickerPropTypesWithSchema =\n  DSControlledDateRangePickerPropTypes as unknown as ValidationMap<DSControlledDateRangePickerT.Props>;\n"],
-  "mappings": "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",
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable max-lines */\nimport {\n  PropTypes,\n  globalAttributesPropTypes,\n  xstyledPropTypes,\n  getPropsPerSlotPropTypes,\n} from '@elliemae/ds-props-helpers';\nimport type { ValidationMap, GlobalAttributesT, DSPropTypesSchema, XstyledProps } from '@elliemae/ds-props-helpers';\nimport { type DSControlledDateTimePickerT } from '@elliemae/ds-form-date-time-picker';\nimport { type TypescriptHelpersT } from '@elliemae/ds-typescript-helpers';\nimport { DSControlledDateRangePickerName, DSControlledDateRangePickerSlots } from './exported-related/theming.js';\n\n// eslint-disable-next-line @typescript-eslint/no-empty-function\nconst noop = (): void => {};\n\nconst defaultReturnFalse = (): boolean => false;\n\nexport declare namespace DSControlledDateRangePickerT {\n  export interface RangePickerMetaInfoT extends DSControlledDateTimePickerT.InternalInputsChangeMetaInfo {\n    rangeDateChangeType?: 'from' | 'to';\n    automaticSwitchedDates?: boolean;\n    isIncorrectOrder?: boolean;\n  }\n\n  export type RangeOnDateChange = (val: string, metaInfo: RangePickerMetaInfoT) => void;\n\n  export type AppOnInputChange = DSControlledDateTimePickerT.AppOnInputChange;\n\n  export type ControlledDateRangeType =\n    'full-date-range' | 'date-range-picker-controller-only' | 'date-range-picker' | 'date-range-inputs';\n\n  export interface RequiredProps {}\n\n  export interface DefaultProps {\n    type: ControlledDateRangeType;\n    fromDate: string;\n    onFromDateChange: RangeOnDateChange;\n    onMonthFromChange: AppOnInputChange;\n    onDayFromChange: AppOnInputChange;\n    onYearFromChange: AppOnInputChange;\n    hasError: boolean;\n    pickerFooterMsg: string;\n\n    toDate: string;\n    onToDateChange: RangeOnDateChange;\n    onMonthToChange: AppOnInputChange;\n    onDayToChange: AppOnInputChange;\n    onYearToChange: AppOnInputChange;\n\n    onPickerOpen: TypescriptHelpersT.VoidGenericFunc;\n    onPickerClose: TypescriptHelpersT.VoidGenericFunc;\n\n    isClearable: boolean;\n    getIsDisabledDay: (day: string) => boolean;\n    getIsOutOfRangeDay: (day: string) => boolean;\n    autoFocus: boolean;\n    readOnly: boolean;\n  }\n\n  export interface OptionalProps extends TypescriptHelpersT.PropsForGlobalOnSlots<\n    typeof DSControlledDateRangePickerName,\n    typeof DSControlledDateRangePickerSlots\n  > {\n    emptyPickerStartingMonth?: string;\n    onCalendarOpenFocusedDay?: string;\n    innerRef?:\n      | React.MutableRefObject<HTMLInputElement | HTMLButtonElement | null>\n      | ((ref: HTMLInputElement | HTMLButtonElement | null) => void);\n    lastElementRef?: React.MutableRefObject<HTMLElement | null>;\n    tabIndex?: TypescriptHelpersT.WCAGTabIndex;\n    applyAriaDisabled?: boolean;\n    dateTimePickerFromProps?: Partial<DSControlledDateTimePickerT.Props>;\n    dateTimePickerToProps?: Partial<DSControlledDateTimePickerT.Props>;\n  }\n\n  export interface Props\n    extends\n      Partial<DefaultProps>,\n      Omit<GlobalAttributesT<HTMLDivElement>, keyof DefaultProps | keyof OptionalProps>,\n      OptionalProps,\n      XstyledProps,\n      RequiredProps {}\n\n  export interface InternalProps\n    extends\n      DefaultProps,\n      Omit<GlobalAttributesT<HTMLDivElement>, keyof DefaultProps | keyof OptionalProps>,\n      Omit<OptionalProps, `dsControlleddaterangepicker${Capitalize<string>}`>,\n      XstyledProps,\n      RequiredProps {}\n}\n\nexport const defaultProps: DSControlledDateRangePickerT.DefaultProps = {\n  type: 'full-date-range',\n  fromDate: '',\n  onFromDateChange: noop,\n  onMonthFromChange: noop,\n  onDayFromChange: noop,\n  onYearFromChange: noop,\n  pickerFooterMsg: '',\n  toDate: '',\n  onToDateChange: noop,\n  onMonthToChange: noop,\n  onDayToChange: noop,\n  onYearToChange: noop,\n  onPickerOpen: noop,\n  onPickerClose: noop,\n  getIsDisabledDay: defaultReturnFalse,\n  getIsOutOfRangeDay: defaultReturnFalse,\n  hasError: false,\n  isClearable: false,\n  autoFocus: false,\n  readOnly: false,\n};\n\nexport const DSControlledDateRangePickerPropTypes: DSPropTypesSchema<DSControlledDateRangePickerT.Props> = {\n  ...getPropsPerSlotPropTypes(DSControlledDateRangePickerName, DSControlledDateRangePickerSlots),\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  ])\n    .description('Type of date range form control to use')\n    .defaultValue('full-date-range'),\n  fromDate: PropTypes.string.description(`strictly formatted string representing user's selected \"from\" date`)\n    .isRequired,\n  onFromDateChange: PropTypes.func\n    .description('function to react to \"from\" date changing')\n    .signature('(( newVal: string, e: React.SyntheticEvent, metaInfo: Record<string,unknown> ) => void )').isRequired,\n  onMonthFromChange: PropTypes.func\n    .description('function to react to \"from\" month changing')\n    .defaultValue(() => {})\n    .signature('(( newVal: string, e: React.SyntheticEvent, metaInfo: Record<string,unknown> ) => void )'),\n  onDayFromChange: PropTypes.func\n    .description('function to react to \"from\" day changing')\n    .defaultValue(() => {})\n    .signature('(( newVal: string, e: React.SyntheticEvent, metaInfo: Record<string,unknown> ) => void )'),\n  onYearFromChange: PropTypes.func\n    .description('function to react to \"from\" year changing')\n    .defaultValue(() => {})\n    .signature('(( newVal: string, e: React.SyntheticEvent, metaInfo: Record<string,unknown> ) => void )'),\n  toDate: PropTypes.string.description(`strictly formatted string representing user's selected \"to\" date`).isRequired,\n  onToDateChange: PropTypes.func\n    .description('function to react to \"to\" date changing')\n    .signature('(( newVal: string, e: React.SyntheticEvent, metaInfo: Record<string,unknown> ) => void )').isRequired,\n  onMonthToChange: PropTypes.func\n    .description('function to react to \"to\" month changing')\n    .defaultValue(() => {})\n    .signature('(( newVal: string, e: React.SyntheticEvent, metaInfo: Record<string,unknown> ) => void )'),\n  onDayToChange: PropTypes.func\n    .description('function to react to \"to\" day changing')\n    .defaultValue(() => {})\n    .signature('(( newVal: string, e: React.SyntheticEvent, metaInfo: Record<string,unknown> ) => void )'),\n  onYearToChange: PropTypes.func\n    .description('function to react to \"to\" year changing')\n    .defaultValue(() => {})\n    .signature('(( newVal: string, e: React.SyntheticEvent, metaInfo: Record<string,unknown> ) => void )'),\n  onPickerOpen: PropTypes.func\n    .description('function to react to the calendar context menu being opened')\n    .defaultValue(() => {})\n    .signature('(() => void)'),\n  onPickerClose: PropTypes.func\n    .description('function to react to the calendar context menu being closed')\n    .defaultValue(() => {})\n    .signature('(() => void)'),\n  getIsDisabledDay: PropTypes.func\n    .description('function used to mark day as \"disable\"')\n    .defaultValue(() => false)\n    .signature('(( day: string ) => boolean )'),\n  getIsOutOfRangeDay: PropTypes.func\n    .description('function used to mark day as \"out of range\"')\n    .defaultValue(() => false)\n    .signature('(( day: string ) => boolean )'),\n  pickerFooterMsg: PropTypes.string.description(''),\n  hasError: PropTypes.bool\n    .description('boolean indicating wheter the selected range is to be marked as wrong')\n    .defaultValue(false),\n  isClearable: PropTypes.bool\n    .description('boolean to optionally activate \"clearable\" icons in the inputs')\n    .defaultValue(false),\n  autoFocus: PropTypes.bool\n    .description('boolean to auto-focus the \"from\" date month on render as per html auto-focus propriety')\n    .defaultValue(false),\n  emptyPickerStartingMonth: PropTypes.string.description(\n    'strictly formatted string representing the starting month to be displayed when calendar context menu is invoked without any selected dates',\n  ),\n  onCalendarOpenFocusedDay: PropTypes.string.description(\n    'strictly formatted string representing the day to be focused when calendar context menu is invoked without any selected dates',\n  ),\n  innerRef: PropTypes.oneOfType([PropTypes.func, PropTypes.object]).description(\n    '\"from\" month input html node reference',\n  ),\n  lastElementRef: PropTypes.oneOfType([PropTypes.func, PropTypes.object]).description(\n    'ref for the last focusable element in the component based on its configuration, used for focus management in focus trap logic',\n  ),\n  tabIndex: PropTypes.string.description('tabIndex to be applied to the \"from\" month input'),\n  readOnly: PropTypes.bool\n    .description('Makes the component non-editable while remaining accessible')\n    .defaultValue(false),\n  applyAriaDisabled: PropTypes.bool.description(\n    'Whether to apply disabled styling and announce as disabled in SR. CAN STILL RECEIVE FOCUS. PREVENTS ONLY MAIN ACTION.',\n  ),\n  dateTimePickerFromProps: PropTypes.object.description('props to pass to the \"from\" date picker'),\n  dateTimePickerToProps: PropTypes.object.description('props to pass to the \"to\" date picker'),\n};\n\nexport const DSControlledDateRangePickerPropTypesWithSchema =\n  DSControlledDateRangePickerPropTypes as unknown as ValidationMap<DSControlledDateRangePickerT.Props>;\n"],
+  "mappings": "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",
   "names": []
 }

package/dist/esm/typescript-testing/typescript-date-range-picker-valid.js

@@ -41,6 +41,8 @@ const testCompleteDefaults = {
   onMonthToChange: noop,
   onDayToChange: noop,
   onYearToChange: noop,
+  onPickerOpen: noop,
+  onPickerClose: noop,
   getIsDisabledDay: defaultReturnFalse,
   getIsOutOfRangeDay: defaultReturnFalse,
   hasError: false,
@@ -69,6 +71,8 @@ const testExplicitDefinition = {
   onMonthToChange: noop,
   onDayToChange: noop,
   onYearToChange: noop,
+  onPickerOpen: noop,
+  onPickerClose: noop,
   getIsDisabledDay: defaultReturnFalse,
   getIsOutOfRangeDay: defaultReturnFalse,
   hasError: false,
@@ -92,6 +96,8 @@ const testInferedTypeCompatibility = {
   onMonthToChange: noop,
   onDayToChange: noop,
   onYearToChange: noop,
+  onPickerOpen: noop,
+  onPickerClose: noop,
   getIsDisabledDay: defaultReturnFalse,
   getIsOutOfRangeDay: defaultReturnFalse,
   hasError: false,
@@ -115,6 +121,8 @@ const testDefinitionAsConst = {
   onMonthToChange: noop,
   onDayToChange: noop,
   onYearToChange: noop,
+  onPickerOpen: noop,
+  onPickerClose: noop,
   getIsDisabledDay: defaultReturnFalse,
   getIsOutOfRangeDay: defaultReturnFalse,
   hasError: false,
@@ -144,6 +152,8 @@ const ExampleUsageComponent = () => /* @__PURE__ */ jsxs(Fragment, { children: [
       onMonthToChange: noop,
       onDayToChange: noop,
       onYearToChange: noop,
+      onPickerOpen: noop,
+      onPickerClose: noop,
       getIsDisabledDay: defaultReturnFalse,
       getIsOutOfRangeDay: defaultReturnFalse,
       hasError: false,

package/dist/esm/typescript-testing/typescript-date-range-picker-valid.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../src/typescript-testing/typescript-date-range-picker-valid.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable @typescript-eslint/no-unused-vars, no-unused-vars */\nimport React from 'react';\nimport { DSControlledDateRangePicker } from '../index.js';\nimport type { DSControlledDateRangePickerT } from '../index.js';\n\n// test we expose the namespace and the namespace follows our deliverable conventions\ntype ComponentPropsForApp = DSControlledDateRangePickerT.Props;\ntype ComponentPropsInternals = DSControlledDateRangePickerT.InternalProps;\ntype ComponentPropsDefaultProps = DSControlledDateRangePickerT.DefaultProps;\ntype ComponentPropsOptionalProps = DSControlledDateRangePickerT.OptionalProps;\n\nconst ref = React.createRef() as React.MutableRefObject<HTMLInputElement>;\nconst noop = (): void => {};\nconst defaultReturnFalse = (): boolean => false;\n\nconst testOptionalProps: ComponentPropsOptionalProps = {\n  emptyPickerStartingMonth: '12/__/2000',\n  onCalendarOpenFocusedDay: '12/27/2000',\n  tabIndex: 0,\n  innerRef: ref,\n};\n\n// difference Props and InternalProps is that InternalProps has all the default props filled in\n// Props allows for partial defaults\nconst testPartialDefaults: Partial<ComponentPropsDefaultProps> = {\n  type: 'full-date-range',\n  fromDate: '',\n  onMonthFromChange: noop,\n  getIsDisabledDay: defaultReturnFalse,\n\n  hasError: false,\n  isClearable: false,\n};\nconst testProps: ComponentPropsForApp = {\n  ...testOptionalProps,\n  ...testPartialDefaults,\n};\nconst testPropsAsSyntax = {\n  ...testOptionalProps,\n  ...testPartialDefaults,\n} as ComponentPropsForApp;\n\n// InternalProps requires all defaults to be filled in\nconst testCompleteDefaults: Required<ComponentPropsDefaultProps> = {\n  type: 'full-date-range',\n  fromDate: '',\n  onFromDateChange: noop,\n  onMonthFromChange: noop,\n  onDayFromChange: noop,\n  onYearFromChange: noop,\n  pickerFooterMsg: '',\n  toDate: '',\n  onToDateChange: noop,\n  onMonthToChange: noop,\n  onDayToChange: noop,\n  onYearToChange: noop,\n  getIsDisabledDay: defaultReturnFalse,\n  getIsOutOfRangeDay: defaultReturnFalse,\n  hasError: false,\n  isClearable: false,\n  autoFocus: false,\n  readOnly: false,\n};\nconst testInternalProps: ComponentPropsInternals = {\n  ...testOptionalProps,\n  ...testCompleteDefaults,\n};\nconst testInternalPropsAsSyntax = {\n  ...testOptionalProps,\n  ...testCompleteDefaults,\n} as ComponentPropsInternals;\n\n// using the explicit type definition, if there is an error, it will be marked on the key that is wrong\nconst testExplicitDefinition: ComponentPropsForApp = {\n  type: 'full-date-range',\n  fromDate: '',\n  onFromDateChange: noop,\n  onMonthFromChange: noop,\n  onDayFromChange: noop,\n  onYearFromChange: noop,\n  pickerFooterMsg: '',\n  toDate: '',\n  onToDateChange: noop,\n  onMonthToChange: noop,\n  onDayToChange: noop,\n  onYearToChange: noop,\n  getIsDisabledDay: defaultReturnFalse,\n  getIsOutOfRangeDay: defaultReturnFalse,\n  hasError: false,\n  isClearable: false,\n  autoFocus: false,\n  emptyPickerStartingMonth: '12/__/2000',\n  onCalendarOpenFocusedDay: '12/27/2000',\n  tabIndex: 0,\n  innerRef: ref,\n};\n\n// using the \"as\" syntax, if there is an error, it will be marking the whole object as wrong because it is not compatible with the type\nconst testInferedTypeCompatibility = {\n  type: 'full-date-range',\n  fromDate: '',\n  onFromDateChange: noop,\n  onMonthFromChange: noop,\n  onDayFromChange: noop,\n  onYearFromChange: noop,\n  pickerFooterMsg: '',\n  toDate: '',\n  onToDateChange: noop,\n  onMonthToChange: noop,\n  onDayToChange: noop,\n  onYearToChange: noop,\n  getIsDisabledDay: defaultReturnFalse,\n  getIsOutOfRangeDay: defaultReturnFalse,\n  hasError: false,\n  isClearable: false,\n  autoFocus: false,\n  emptyPickerStartingMonth: '12/__/2000',\n  onCalendarOpenFocusedDay: '12/27/2000',\n  tabIndex: 0,\n  innerRef: ref,\n} as ComponentPropsForApp;\n\nconst testDefinitionAsConst = {\n  type: 'full-date-range',\n  fromDate: '',\n  onFromDateChange: noop,\n  onMonthFromChange: noop,\n  onDayFromChange: noop,\n  onYearFromChange: noop,\n  pickerFooterMsg: '',\n  toDate: '',\n  onToDateChange: noop,\n  onMonthToChange: noop,\n  onDayToChange: noop,\n  onYearToChange: noop,\n  getIsDisabledDay: defaultReturnFalse,\n  getIsOutOfRangeDay: defaultReturnFalse,\n  hasError: false,\n  isClearable: false,\n  autoFocus: false,\n  emptyPickerStartingMonth: '12/__/2000',\n  onCalendarOpenFocusedDay: '12/27/2000',\n  tabIndex: 0,\n  innerRef: ref,\n} as const;\n\nconst ExampleUsageComponent = () => (\n  <>\n    {/* works with explicitly casted props, all syntaxes */}\n    <DSControlledDateRangePicker {...testExplicitDefinition} />\n    <DSControlledDateRangePicker {...testInferedTypeCompatibility} />\n    <DSControlledDateRangePicker {...testDefinitionAsConst} />\n    {/* works with inline values */}\n    <DSControlledDateRangePicker\n      type=\"full-date-range\"\n      fromDate=\"\"\n      onFromDateChange={noop}\n      onMonthFromChange={noop}\n      onDayFromChange={noop}\n      onYearFromChange={noop}\n      pickerFooterMsg=\"\"\n      toDate=\"\"\n      onToDateChange={noop}\n      onMonthToChange={noop}\n      onDayToChange={noop}\n      onYearToChange={noop}\n      getIsDisabledDay={defaultReturnFalse}\n      getIsOutOfRangeDay={defaultReturnFalse}\n      hasError={false}\n      isClearable={false}\n      autoFocus={false}\n      emptyPickerStartingMonth=\"12/__/2000\"\n      onCalendarOpenFocusedDay=\"12/27/2000\"\n      tabIndex={0}\n      innerRef={ref}\n    />\n  </>\n);\n"],
-  "mappings": "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",
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable @typescript-eslint/no-unused-vars, no-unused-vars */\nimport React from 'react';\nimport { DSControlledDateRangePicker } from '../index.js';\nimport type { DSControlledDateRangePickerT } from '../index.js';\n\n// test we expose the namespace and the namespace follows our deliverable conventions\ntype ComponentPropsForApp = DSControlledDateRangePickerT.Props;\ntype ComponentPropsInternals = DSControlledDateRangePickerT.InternalProps;\ntype ComponentPropsDefaultProps = DSControlledDateRangePickerT.DefaultProps;\ntype ComponentPropsOptionalProps = DSControlledDateRangePickerT.OptionalProps;\n\nconst ref = React.createRef() as React.MutableRefObject<HTMLInputElement>;\nconst noop = (): void => {};\nconst defaultReturnFalse = (): boolean => false;\n\nconst testOptionalProps: ComponentPropsOptionalProps = {\n  emptyPickerStartingMonth: '12/__/2000',\n  onCalendarOpenFocusedDay: '12/27/2000',\n  tabIndex: 0,\n  innerRef: ref,\n};\n\n// difference Props and InternalProps is that InternalProps has all the default props filled in\n// Props allows for partial defaults\nconst testPartialDefaults: Partial<ComponentPropsDefaultProps> = {\n  type: 'full-date-range',\n  fromDate: '',\n  onMonthFromChange: noop,\n  getIsDisabledDay: defaultReturnFalse,\n\n  hasError: false,\n  isClearable: false,\n};\nconst testProps: ComponentPropsForApp = {\n  ...testOptionalProps,\n  ...testPartialDefaults,\n};\nconst testPropsAsSyntax = {\n  ...testOptionalProps,\n  ...testPartialDefaults,\n} as ComponentPropsForApp;\n\n// InternalProps requires all defaults to be filled in\nconst testCompleteDefaults: Required<ComponentPropsDefaultProps> = {\n  type: 'full-date-range',\n  fromDate: '',\n  onFromDateChange: noop,\n  onMonthFromChange: noop,\n  onDayFromChange: noop,\n  onYearFromChange: noop,\n  pickerFooterMsg: '',\n  toDate: '',\n  onToDateChange: noop,\n  onMonthToChange: noop,\n  onDayToChange: noop,\n  onYearToChange: noop,\n  onPickerOpen: noop,\n  onPickerClose: noop,\n  getIsDisabledDay: defaultReturnFalse,\n  getIsOutOfRangeDay: defaultReturnFalse,\n  hasError: false,\n  isClearable: false,\n  autoFocus: false,\n  readOnly: false,\n};\nconst testInternalProps: ComponentPropsInternals = {\n  ...testOptionalProps,\n  ...testCompleteDefaults,\n};\nconst testInternalPropsAsSyntax = {\n  ...testOptionalProps,\n  ...testCompleteDefaults,\n} as ComponentPropsInternals;\n\n// using the explicit type definition, if there is an error, it will be marked on the key that is wrong\nconst testExplicitDefinition: ComponentPropsForApp = {\n  type: 'full-date-range',\n  fromDate: '',\n  onFromDateChange: noop,\n  onMonthFromChange: noop,\n  onDayFromChange: noop,\n  onYearFromChange: noop,\n  pickerFooterMsg: '',\n  toDate: '',\n  onToDateChange: noop,\n  onMonthToChange: noop,\n  onDayToChange: noop,\n  onYearToChange: noop,\n  onPickerOpen: noop,\n  onPickerClose: noop,\n  getIsDisabledDay: defaultReturnFalse,\n  getIsOutOfRangeDay: defaultReturnFalse,\n  hasError: false,\n  isClearable: false,\n  autoFocus: false,\n  emptyPickerStartingMonth: '12/__/2000',\n  onCalendarOpenFocusedDay: '12/27/2000',\n  tabIndex: 0,\n  innerRef: ref,\n};\n\n// using the \"as\" syntax, if there is an error, it will be marking the whole object as wrong because it is not compatible with the type\nconst testInferedTypeCompatibility = {\n  type: 'full-date-range',\n  fromDate: '',\n  onFromDateChange: noop,\n  onMonthFromChange: noop,\n  onDayFromChange: noop,\n  onYearFromChange: noop,\n  pickerFooterMsg: '',\n  toDate: '',\n  onToDateChange: noop,\n  onMonthToChange: noop,\n  onDayToChange: noop,\n  onYearToChange: noop,\n  onPickerOpen: noop,\n  onPickerClose: noop,\n  getIsDisabledDay: defaultReturnFalse,\n  getIsOutOfRangeDay: defaultReturnFalse,\n  hasError: false,\n  isClearable: false,\n  autoFocus: false,\n  emptyPickerStartingMonth: '12/__/2000',\n  onCalendarOpenFocusedDay: '12/27/2000',\n  tabIndex: 0,\n  innerRef: ref,\n} as ComponentPropsForApp;\n\nconst testDefinitionAsConst = {\n  type: 'full-date-range',\n  fromDate: '',\n  onFromDateChange: noop,\n  onMonthFromChange: noop,\n  onDayFromChange: noop,\n  onYearFromChange: noop,\n  pickerFooterMsg: '',\n  toDate: '',\n  onToDateChange: noop,\n  onMonthToChange: noop,\n  onDayToChange: noop,\n  onYearToChange: noop,\n  onPickerOpen: noop,\n  onPickerClose: noop,\n  getIsDisabledDay: defaultReturnFalse,\n  getIsOutOfRangeDay: defaultReturnFalse,\n  hasError: false,\n  isClearable: false,\n  autoFocus: false,\n  emptyPickerStartingMonth: '12/__/2000',\n  onCalendarOpenFocusedDay: '12/27/2000',\n  tabIndex: 0,\n  innerRef: ref,\n} as const;\n\nconst ExampleUsageComponent = () => (\n  <>\n    {/* works with explicitly casted props, all syntaxes */}\n    <DSControlledDateRangePicker {...testExplicitDefinition} />\n    <DSControlledDateRangePicker {...testInferedTypeCompatibility} />\n    <DSControlledDateRangePicker {...testDefinitionAsConst} />\n    {/* works with inline values */}\n    <DSControlledDateRangePicker\n      type=\"full-date-range\"\n      fromDate=\"\"\n      onFromDateChange={noop}\n      onMonthFromChange={noop}\n      onDayFromChange={noop}\n      onYearFromChange={noop}\n      pickerFooterMsg=\"\"\n      toDate=\"\"\n      onToDateChange={noop}\n      onMonthToChange={noop}\n      onDayToChange={noop}\n      onYearToChange={noop}\n      onPickerOpen={noop}\n      onPickerClose={noop}\n      getIsDisabledDay={defaultReturnFalse}\n      getIsOutOfRangeDay={defaultReturnFalse}\n      hasError={false}\n      isClearable={false}\n      autoFocus={false}\n      emptyPickerStartingMonth=\"12/__/2000\"\n      onCalendarOpenFocusedDay=\"12/27/2000\"\n      tabIndex={0}\n      innerRef={ref}\n    />\n  </>\n);\n"],
+  "mappings": "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",
   "names": ["React"]
 }

package/dist/types/config/useRangePickerLogic.d.ts

@@ -1,3 +1,3 @@
 import type { ControlledDateRangePickerContextT } from './useControlledDateRangePicker.js';
 import type { DSControlledDateRangePickerT } from '../react-desc-prop-types.js';
-export declare const useRangePickerLogic: ({ fromDate, onFromDateChange, onMonthFromChange, onDayFromChange, onYearFromChange, toDate, onMonthToChange, onDayToChange, onYearToChange, onToDateChange, }: DSControlledDateRangePickerT.InternalProps) => ControlledDateRangePickerContextT["rangePickerLogic"];
+export declare const useRangePickerLogic: ({ fromDate, onFromDateChange, onMonthFromChange, onDayFromChange, onYearFromChange, toDate, onMonthToChange, onDayToChange, onYearToChange, onToDateChange, onPickerOpen, onPickerClose, }: DSControlledDateRangePickerT.InternalProps) => ControlledDateRangePickerContextT["rangePickerLogic"];

package/dist/types/react-desc-prop-types.d.ts

@@ -27,6 +27,8 @@ export declare namespace DSControlledDateRangePickerT {
         onMonthToChange: AppOnInputChange;
         onDayToChange: AppOnInputChange;
         onYearToChange: AppOnInputChange;
+        onPickerOpen: TypescriptHelpersT.VoidGenericFunc;
+        onPickerClose: TypescriptHelpersT.VoidGenericFunc;
         isClearable: boolean;
         getIsDisabledDay: (day: string) => boolean;
         getIsOutOfRangeDay: (day: string) => boolean;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@elliemae/ds-form-date-range-picker",
-  "version": "3.70.0-next.63",
+  "version": "3.70.0-next.69",
   "license": "MIT",
   "description": "ICE MT - Dimsum - Controlled Form Date Range Picker",
   "files": [
@@ -37,18 +37,18 @@
   },
   "dependencies": {
     "uid": "^2.0.2",
-    "@elliemae/ds-form-date-time-picker": "3.70.0-next.63",
-    "@elliemae/ds-system": "3.70.0-next.63",
-    "@elliemae/ds-props-helpers": "3.70.0-next.63",
-    "@elliemae/ds-typescript-helpers": "3.70.0-next.63"
+    "@elliemae/ds-system": "3.70.0-next.69",
+    "@elliemae/ds-form-date-time-picker": "3.70.0-next.69",
+    "@elliemae/ds-props-helpers": "3.70.0-next.69",
+    "@elliemae/ds-typescript-helpers": "3.70.0-next.69"
   },
   "devDependencies": {
     "@elliemae/pui-theme": "~2.13.0",
     "jest": "^30.0.0",
     "styled-components": "~5.3.11",
     "styled-system": "^5.1.5",
-    "@elliemae/ds-monorepo-devops": "3.70.0-next.63",
-    "@elliemae/ds-test-utils": "3.70.0-next.63"
+    "@elliemae/ds-monorepo-devops": "3.70.0-next.69",
+    "@elliemae/ds-test-utils": "3.70.0-next.69"
   },
   "peerDependencies": {
     "@elliemae/pui-theme": "~2.13.0",