@elliemae/ds-form-date-range-picker 3.60.0-next.5 → 3.60.0-next.51

package/dist/cjs/ControlledDateRangePicker.js

@@ -36,10 +36,10 @@ var React = __toESM(require("react"));
 var import_jsx_runtime = require("react/jsx-runtime");
 var import_ds_props_helpers = require("@elliemae/ds-props-helpers");
 var import_useControlledDateRangePicker = require("./config/useControlledDateRangePicker.js");
-var import_ControlledDateRangeContent = require("./parts/ControlledDateRangeContent.js");
-var import_react_desc_prop_types = require("./react-desc-prop-types.js");
 var import_ControlledDateRangePickerCTX = require("./ControlledDateRangePickerCTX.js");
 var import_theming = require("./exported-related/theming.js");
+var import_ControlledDateRangeContent = require("./parts/ControlledDateRangeContent.js");
+var import_react_desc_prop_types = require("./react-desc-prop-types.js");
 const DSControlledDateRangePicker = (props) => {
   const ctx = (0, import_useControlledDateRangePicker.useControlledDateRangePicker)(props);
   return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ControlledDateRangePickerCTX.ControlledDateRangePickerContext.Provider, { value: ctx, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ControlledDateRangeContent.ControlledDateRangeContent, {}) });

package/dist/cjs/ControlledDateRangePicker.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/ControlledDateRangePicker.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["/* eslint-disable max-lines */\nimport React from 'react';\nimport { describe } from '@elliemae/ds-props-helpers';\nimport { useControlledDateRangePicker } from './config/useControlledDateRangePicker.js';\nimport { ControlledDateRangeContent } from './parts/ControlledDateRangeContent.js';\nimport { DSControlledDateRangePickerPropTypesWithSchema } from './react-desc-prop-types.js';\nimport { ControlledDateRangePickerContext } from './ControlledDateRangePickerCTX.js';\nimport type { DSControlledDateRangePickerT } from './react-desc-prop-types.js';\nimport { DSControlledDateRangePickerName } from './exported-related/theming.js';\n\nconst DSControlledDateRangePicker = (props: DSControlledDateRangePickerT.Props): JSX.Element => {\n  const ctx = useControlledDateRangePicker(props);\n  return (\n    <ControlledDateRangePickerContext.Provider value={ctx}>\n      <ControlledDateRangeContent />\n    </ControlledDateRangePickerContext.Provider>\n  );\n};\n\nDSControlledDateRangePicker.displayName = DSControlledDateRangePickerName;\nconst DSControlledDateRangePickerWithSchema = describe(DSControlledDateRangePicker);\nDSControlledDateRangePickerWithSchema.propTypes = DSControlledDateRangePickerPropTypesWithSchema;\n\nexport { DSControlledDateRangePickerWithSchema, DSControlledDateRangePicker };\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADcjB;AAZN,8BAAyB;AACzB,0CAA6C;AAC7C,wCAA2C;AAC3C,mCAA+D;AAC/D,0CAAiD;AAEjD,qBAAgD;AAEhD,MAAM,8BAA8B,CAAC,UAA2D;AAC9F,QAAM,UAAM,kEAA6B,KAAK;AAC9C,SACE,4CAAC,qEAAiC,UAAjC,EAA0C,OAAO,KAChD,sDAAC,gEAA2B,GAC9B;AAEJ;AAEA,4BAA4B,cAAc;AAC1C,MAAM,4CAAwC,kCAAS,2BAA2B;AAClF,sCAAsC,YAAY;",
+  "sourcesContent": ["/* eslint-disable max-lines */\nimport { describe } from '@elliemae/ds-props-helpers';\nimport { useControlledDateRangePicker } from './config/useControlledDateRangePicker.js';\nimport { ControlledDateRangePickerContext } from './ControlledDateRangePickerCTX.js';\nimport { DSControlledDateRangePickerName } from './exported-related/theming.js';\nimport { ControlledDateRangeContent } from './parts/ControlledDateRangeContent.js';\nimport type { DSControlledDateRangePickerT } from './react-desc-prop-types.js';\nimport { DSControlledDateRangePickerPropTypesWithSchema } from './react-desc-prop-types.js';\n\nconst DSControlledDateRangePicker = (props: DSControlledDateRangePickerT.Props): JSX.Element => {\n  const ctx = useControlledDateRangePicker(props);\n  return (\n    <ControlledDateRangePickerContext.Provider value={ctx}>\n      <ControlledDateRangeContent />\n    </ControlledDateRangePickerContext.Provider>\n  );\n};\n\nDSControlledDateRangePicker.displayName = DSControlledDateRangePickerName;\nconst DSControlledDateRangePickerWithSchema = describe(DSControlledDateRangePicker);\nDSControlledDateRangePickerWithSchema.propTypes = DSControlledDateRangePickerPropTypesWithSchema;\n\nexport { DSControlledDateRangePicker, DSControlledDateRangePickerWithSchema };\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADajB;AAZN,8BAAyB;AACzB,0CAA6C;AAC7C,0CAAiD;AACjD,qBAAgD;AAChD,wCAA2C;AAE3C,mCAA+D;AAE/D,MAAM,8BAA8B,CAAC,UAA2D;AAC9F,QAAM,UAAM,kEAA6B,KAAK;AAC9C,SACE,4CAAC,qEAAiC,UAAjC,EAA0C,OAAO,KAChD,sDAAC,gEAA2B,GAC9B;AAEJ;AAEA,4BAA4B,cAAc;AAC1C,MAAM,4CAAwC,kCAAS,2BAA2B;AAClF,sCAAsC,YAAY;",
   "names": []
 }

package/dist/cjs/index.js

@@ -43,8 +43,8 @@ __export(index_exports, {
 });
 module.exports = __toCommonJS(index_exports);
 var React = __toESM(require("react"));
+var import_ds_form_date_time_picker = require("@elliemae/ds-form-date-time-picker");
 var import_ControlledDateRangePicker = require("./ControlledDateRangePicker.js");
-var import_theming = require("./exported-related/theming.js");
 var import_ControlledDateRangePickerTypes = require("./ControlledDateRangePickerTypes.js");
-var import_ds_form_date_time_picker = require("@elliemae/ds-form-date-time-picker");
+var import_theming = require("./exported-related/theming.js");
 //# sourceMappingURL=index.js.map

package/dist/cjs/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/index.ts", "../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["export { DSControlledDateRangePickerWithSchema, DSControlledDateRangePicker } from './ControlledDateRangePicker.js';\nexport {\n  DSControlledDateRangePickerName,\n  DSControlledDateRangePickerSlots,\n  ControlledDateRangePickerDatatestid,\n} from './exported-related/theming.js';\n// export { ControlledDateRangePickerDatatestid } from './ControlledDateRangePickerDatatestid.js';\nexport { CONTROLLED_DATE_RANGE_PICKER_TYPES } from './ControlledDateRangePickerTypes.js';\nexport {\n  getDateStringFromDay,\n  getDateValuesFromDate,\n  getDayFromDateString,\n  getValidationDateStringMetaInfo,\n  getValidationDateTimeStringMetaInfo,\n  getValidationTimeStringMetaInfo,\n} from '@elliemae/ds-form-date-time-picker';\nexport { type DSControlledDateRangePickerT } from './react-desc-prop-types.js';\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,uCAAmF;AACnF,qBAIO;AAEP,4CAAmD;AACnD,sCAOO;",
+  "sourcesContent": ["export {\n  getDateStringFromDay,\n  getDateValuesFromDate,\n  getDayFromDateString,\n  getValidationDateStringMetaInfo,\n  getValidationDateTimeStringMetaInfo,\n  getValidationTimeStringMetaInfo,\n} from '@elliemae/ds-form-date-time-picker';\n\nexport { DSControlledDateRangePicker, DSControlledDateRangePickerWithSchema } from './ControlledDateRangePicker.js';\nexport { CONTROLLED_DATE_RANGE_PICKER_TYPES } from './ControlledDateRangePickerTypes.js';\nexport {\n  ControlledDateRangePickerDatatestid,\n  DSControlledDateRangePickerName,\n  DSControlledDateRangePickerSlots,\n} from './exported-related/theming.js';\nexport { type DSControlledDateRangePickerT } from './react-desc-prop-types.js';\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,sCAOO;AAEP,uCAAmF;AACnF,4CAAmD;AACnD,qBAIO;",
   "names": []
 }

package/dist/cjs/parts/ControlledDateRangeCalendar.js

@@ -51,7 +51,8 @@ const ControlledDateRangeCalendar = () => {
       toDate,
       disabled,
       readOnly,
-      applyAriaDisabled
+      applyAriaDisabled,
+      lastElementRef
     },
     rangePickerLogic: {
       latestChangedDate,
@@ -94,7 +95,8 @@ const ControlledDateRangeCalendar = () => {
       toDate,
       disabled,
       readOnly,
-      applyAriaDisabled
+      applyAriaDisabled,
+      lastElementRef
     }
   );
 };

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/parts/ControlledDateRangeCalendar.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["import React, { useContext } from 'react';\nimport { CONTROLLED_DATE_TIME_PICKER_TYPES, DSControlledDateTimePicker } from '@elliemae/ds-form-date-time-picker';\nimport { ControlledDateRangePickerContext } from '../ControlledDateRangePickerCTX.js';\n\nexport const ControlledDateRangeCalendar = (): JSX.Element => {\n  const {\n    props: {\n      emptyPickerStartingMonth,\n      onCalendarOpenFocusedDay,\n      isClearable,\n      getIsDisabledDay,\n      getIsOutOfRangeDay,\n      hasError,\n      autoFocus,\n      pickerFooterMsg,\n      fromDate,\n      toDate,\n      disabled,\n      readOnly,\n      applyAriaDisabled,\n    },\n    rangePickerLogic: {\n      latestChangedDate,\n      onCalendarOpen,\n      onCalendarClose,\n      handlePickerDateChange,\n      handlePickerMonthDateChange,\n      handlePickerDayDateChange,\n      handlePickerYearDateChange,\n      getIsStartRangeDay,\n      getIsDayInRange,\n      getIsEndRangeDay,\n    },\n    isControllerOnly,\n  } = useContext(ControlledDateRangePickerContext);\n\n  return (\n    <DSControlledDateTimePicker\n      type={\n        isControllerOnly\n          ? CONTROLLED_DATE_TIME_PICKER_TYPES.DATE.CONTROLLER_ONLY\n          : CONTROLLED_DATE_TIME_PICKER_TYPES.DATE.PICKER\n      }\n      date={latestChangedDate}\n      onDateChange={handlePickerDateChange}\n      onMonthChange={handlePickerMonthDateChange}\n      onDayChange={handlePickerDayDateChange}\n      onYearChange={handlePickerYearDateChange}\n      getIsStartRangeDay={getIsStartRangeDay}\n      getIsDayInRange={getIsDayInRange}\n      getIsEndRangeDay={getIsEndRangeDay}\n      onPickerOpen={onCalendarOpen}\n      onPickerClose={onCalendarClose}\n      isClearable={isClearable}\n      getIsDisabledDay={getIsDisabledDay}\n      getIsOutOfRangeDay={getIsOutOfRangeDay}\n      emptyPickerStartingMonth={emptyPickerStartingMonth}\n      onCalendarOpenFocusedDay={onCalendarOpenFocusedDay}\n      preventCloseOnSelection\n      hasError={hasError}\n      pickerFooterMsg={pickerFooterMsg}\n      autoFocus={autoFocus}\n      fromDate={fromDate}\n      toDate={toDate}\n      disabled={disabled}\n      readOnly={readOnly}\n      applyAriaDisabled={applyAriaDisabled}\n    />\n  );\n};\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADqCnB;AArCJ,mBAAkC;AAClC,sCAA8E;AAC9E,0CAAiD;AAE1C,MAAM,8BAA8B,MAAmB;AAC5D,QAAM;AAAA,IACJ,OAAO;AAAA,MACL;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACF;AAAA,IACA,kBAAkB;AAAA,MAChB;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACF;AAAA,IACA;AAAA,EACF,QAAI,yBAAW,oEAAgC;AAE/C,SACE;AAAA,IAAC;AAAA;AAAA,MACC,MACE,mBACI,kEAAkC,KAAK,kBACvC,kEAAkC,KAAK;AAAA,MAE7C,MAAM;AAAA,MACN,cAAc;AAAA,MACd,eAAe;AAAA,MACf,aAAa;AAAA,MACb,cAAc;AAAA,MACd;AAAA,MACA;AAAA,MACA;AAAA,MACA,cAAc;AAAA,MACd,eAAe;AAAA,MACf;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA,yBAAuB;AAAA,MACvB;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA;AAAA,EACF;AAEJ;",
+  "sourcesContent": ["import React, { useContext } from 'react';\nimport { CONTROLLED_DATE_TIME_PICKER_TYPES, DSControlledDateTimePicker } from '@elliemae/ds-form-date-time-picker';\nimport { ControlledDateRangePickerContext } from '../ControlledDateRangePickerCTX.js';\n\nexport const ControlledDateRangeCalendar = (): JSX.Element => {\n  const {\n    props: {\n      emptyPickerStartingMonth,\n      onCalendarOpenFocusedDay,\n      isClearable,\n      getIsDisabledDay,\n      getIsOutOfRangeDay,\n      hasError,\n      autoFocus,\n      pickerFooterMsg,\n      fromDate,\n      toDate,\n      disabled,\n      readOnly,\n      applyAriaDisabled,\n      lastElementRef,\n    },\n    rangePickerLogic: {\n      latestChangedDate,\n      onCalendarOpen,\n      onCalendarClose,\n      handlePickerDateChange,\n      handlePickerMonthDateChange,\n      handlePickerDayDateChange,\n      handlePickerYearDateChange,\n      getIsStartRangeDay,\n      getIsDayInRange,\n      getIsEndRangeDay,\n    },\n    isControllerOnly,\n  } = useContext(ControlledDateRangePickerContext);\n\n  return (\n    <DSControlledDateTimePicker\n      type={\n        isControllerOnly\n          ? CONTROLLED_DATE_TIME_PICKER_TYPES.DATE.CONTROLLER_ONLY\n          : CONTROLLED_DATE_TIME_PICKER_TYPES.DATE.PICKER\n      }\n      date={latestChangedDate}\n      onDateChange={handlePickerDateChange}\n      onMonthChange={handlePickerMonthDateChange}\n      onDayChange={handlePickerDayDateChange}\n      onYearChange={handlePickerYearDateChange}\n      getIsStartRangeDay={getIsStartRangeDay}\n      getIsDayInRange={getIsDayInRange}\n      getIsEndRangeDay={getIsEndRangeDay}\n      onPickerOpen={onCalendarOpen}\n      onPickerClose={onCalendarClose}\n      isClearable={isClearable}\n      getIsDisabledDay={getIsDisabledDay}\n      getIsOutOfRangeDay={getIsOutOfRangeDay}\n      emptyPickerStartingMonth={emptyPickerStartingMonth}\n      onCalendarOpenFocusedDay={onCalendarOpenFocusedDay}\n      preventCloseOnSelection\n      hasError={hasError}\n      pickerFooterMsg={pickerFooterMsg}\n      autoFocus={autoFocus}\n      fromDate={fromDate}\n      toDate={toDate}\n      disabled={disabled}\n      readOnly={readOnly}\n      applyAriaDisabled={applyAriaDisabled}\n      lastElementRef={lastElementRef}\n    />\n  );\n};\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADsCnB;AAtCJ,mBAAkC;AAClC,sCAA8E;AAC9E,0CAAiD;AAE1C,MAAM,8BAA8B,MAAmB;AAC5D,QAAM;AAAA,IACJ,OAAO;AAAA,MACL;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACF;AAAA,IACA,kBAAkB;AAAA,MAChB;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACF;AAAA,IACA;AAAA,EACF,QAAI,yBAAW,oEAAgC;AAE/C,SACE;AAAA,IAAC;AAAA;AAAA,MACC,MACE,mBACI,kEAAkC,KAAK,kBACvC,kEAAkC,KAAK;AAAA,MAE7C,MAAM;AAAA,MACN,cAAc;AAAA,MACd,eAAe;AAAA,MACf,aAAa;AAAA,MACb,cAAc;AAAA,MACd;AAAA,MACA;AAAA,MACA;AAAA,MACA,cAAc;AAAA,MACd,eAAe;AAAA,MACf;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA,yBAAuB;AAAA,MACvB;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA;AAAA,EACF;AAEJ;",
   "names": []
 }

package/dist/cjs/parts/ControlledDateRangeFromDate.js

@@ -76,7 +76,11 @@ const ControlledDateRangeFromDate = () => {
       readOnly,
       applyAriaDisabled,
       ...dateTimePickerFromProps,
-      type: import_ds_form_date_time_picker.CONTROLLED_DATE_TIME_PICKER_TYPES.DATE.INPUTS
+      type: import_ds_form_date_time_picker.CONTROLLED_DATE_TIME_PICKER_TYPES.DATE.INPUTS,
+      dsControlleddatetimepickerRoot: {
+        role: "group",
+        "aria-label": "Start date"
+      }
     }
   );
 };

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/parts/ControlledDateRangeFromDate.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["import React, { useContext } from 'react';\nimport { CONTROLLED_DATE_TIME_PICKER_TYPES, DSControlledDateTimePicker } from '@elliemae/ds-form-date-time-picker';\nimport { ControlledDateRangePickerContext } from '../ControlledDateRangePickerCTX.js';\n\nexport const ControlledDateRangeFromDate = (): JSX.Element => {\n  const {\n    props: {\n      fromDate,\n      onMonthFromChange,\n      onDayFromChange,\n      onYearFromChange,\n      isClearable,\n      getIsDisabledDay,\n      getIsOutOfRangeDay,\n      hasError,\n      autoFocus,\n      innerRef,\n      tabIndex,\n      disabled,\n      readOnly,\n      applyAriaDisabled,\n      dateTimePickerFromProps,\n    },\n    rangePickerLogic: { handleFromDateChange },\n  } = useContext(ControlledDateRangePickerContext);\n  return (\n    <DSControlledDateTimePicker\n      date={fromDate}\n      onDateChange={handleFromDateChange}\n      onMonthChange={onMonthFromChange}\n      onDayChange={onDayFromChange}\n      onYearChange={onYearFromChange}\n      isClearable={isClearable}\n      getIsDisabledDay={getIsDisabledDay}\n      getIsOutOfRangeDay={getIsOutOfRangeDay}\n      hasError={hasError}\n      autoFocus={autoFocus}\n      innerRef={innerRef}\n      tabIndex={tabIndex}\n      disabled={disabled}\n      readOnly={readOnly}\n      applyAriaDisabled={applyAriaDisabled}\n      {...dateTimePickerFromProps}\n      type={CONTROLLED_DATE_TIME_PICKER_TYPES.DATE.INPUTS}\n    />\n  );\n};\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;AD0BnB;AA1BJ,mBAAkC;AAClC,sCAA8E;AAC9E,0CAAiD;AAE1C,MAAM,8BAA8B,MAAmB;AAC5D,QAAM;AAAA,IACJ,OAAO;AAAA,MACL;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACF;AAAA,IACA,kBAAkB,EAAE,qBAAqB;AAAA,EAC3C,QAAI,yBAAW,oEAAgC;AAC/C,SACE;AAAA,IAAC;AAAA;AAAA,MACC,MAAM;AAAA,MACN,cAAc;AAAA,MACd,eAAe;AAAA,MACf,aAAa;AAAA,MACb,cAAc;AAAA,MACd;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACC,GAAG;AAAA,MACJ,MAAM,kEAAkC,KAAK;AAAA;AAAA,EAC/C;AAEJ;",
+  "sourcesContent": ["import React, { useContext } from 'react';\nimport { CONTROLLED_DATE_TIME_PICKER_TYPES, DSControlledDateTimePicker } from '@elliemae/ds-form-date-time-picker';\nimport { ControlledDateRangePickerContext } from '../ControlledDateRangePickerCTX.js';\n\nexport const ControlledDateRangeFromDate = (): JSX.Element => {\n  const {\n    props: {\n      fromDate,\n      onMonthFromChange,\n      onDayFromChange,\n      onYearFromChange,\n      isClearable,\n      getIsDisabledDay,\n      getIsOutOfRangeDay,\n      hasError,\n      autoFocus,\n      innerRef,\n      tabIndex,\n      disabled,\n      readOnly,\n      applyAriaDisabled,\n      dateTimePickerFromProps,\n    },\n    rangePickerLogic: { handleFromDateChange },\n  } = useContext(ControlledDateRangePickerContext);\n  return (\n    <DSControlledDateTimePicker\n      date={fromDate}\n      onDateChange={handleFromDateChange}\n      onMonthChange={onMonthFromChange}\n      onDayChange={onDayFromChange}\n      onYearChange={onYearFromChange}\n      isClearable={isClearable}\n      getIsDisabledDay={getIsDisabledDay}\n      getIsOutOfRangeDay={getIsOutOfRangeDay}\n      hasError={hasError}\n      autoFocus={autoFocus}\n      innerRef={innerRef}\n      tabIndex={tabIndex}\n      disabled={disabled}\n      readOnly={readOnly}\n      applyAriaDisabled={applyAriaDisabled}\n      {...dateTimePickerFromProps}\n      type={CONTROLLED_DATE_TIME_PICKER_TYPES.DATE.INPUTS}\n      dsControlleddatetimepickerRoot={{\n        role: 'group',\n        'aria-label': 'Start date',\n      }}\n    />\n  );\n};\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;AD0BnB;AA1BJ,mBAAkC;AAClC,sCAA8E;AAC9E,0CAAiD;AAE1C,MAAM,8BAA8B,MAAmB;AAC5D,QAAM;AAAA,IACJ,OAAO;AAAA,MACL;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACF;AAAA,IACA,kBAAkB,EAAE,qBAAqB;AAAA,EAC3C,QAAI,yBAAW,oEAAgC;AAC/C,SACE;AAAA,IAAC;AAAA;AAAA,MACC,MAAM;AAAA,MACN,cAAc;AAAA,MACd,eAAe;AAAA,MACf,aAAa;AAAA,MACb,cAAc;AAAA,MACd;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACC,GAAG;AAAA,MACJ,MAAM,kEAAkC,KAAK;AAAA,MAC7C,gCAAgC;AAAA,QAC9B,MAAM;AAAA,QACN,cAAc;AAAA,MAChB;AAAA;AAAA,EACF;AAEJ;",
   "names": []
 }

package/dist/cjs/parts/ControlledDateRangeToDate.js

@@ -72,7 +72,11 @@ const ControlledDateRangeToDate = () => {
       readOnly,
       applyAriaDisabled,
       ...dateTimePickerToProps,
-      type: import_ds_form_date_time_picker.CONTROLLED_DATE_TIME_PICKER_TYPES.DATE.INPUTS
+      type: import_ds_form_date_time_picker.CONTROLLED_DATE_TIME_PICKER_TYPES.DATE.INPUTS,
+      dsControlleddatetimepickerRoot: {
+        role: "group",
+        "aria-label": "End date"
+      }
     }
   );
 };

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/parts/ControlledDateRangeToDate.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["import React, { useContext } from 'react';\nimport { CONTROLLED_DATE_TIME_PICKER_TYPES, DSControlledDateTimePicker } from '@elliemae/ds-form-date-time-picker';\nimport { ControlledDateRangePickerContext } from '../ControlledDateRangePickerCTX.js';\n\nexport const ControlledDateRangeToDate = (): JSX.Element => {\n  const {\n    props: {\n      toDate,\n      onMonthToChange,\n      onDayToChange,\n      onYearToChange,\n      isClearable,\n      getIsDisabledDay,\n      getIsOutOfRangeDay,\n      hasError,\n      tabIndex,\n      disabled,\n      readOnly,\n      applyAriaDisabled,\n      dateTimePickerToProps,\n    },\n    rangePickerLogic: { handleToDateChange },\n  } = useContext(ControlledDateRangePickerContext);\n  return (\n    <DSControlledDateTimePicker\n      date={toDate}\n      onDateChange={handleToDateChange}\n      onMonthChange={onMonthToChange}\n      onDayChange={onDayToChange}\n      onYearChange={onYearToChange}\n      isClearable={isClearable}\n      getIsDisabledDay={getIsDisabledDay}\n      getIsOutOfRangeDay={getIsOutOfRangeDay}\n      hasError={hasError}\n      tabIndex={tabIndex}\n      disabled={disabled}\n      readOnly={readOnly}\n      applyAriaDisabled={applyAriaDisabled}\n      {...dateTimePickerToProps}\n      type={CONTROLLED_DATE_TIME_PICKER_TYPES.DATE.INPUTS}\n    />\n  );\n};\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADwBnB;AAxBJ,mBAAkC;AAClC,sCAA8E;AAC9E,0CAAiD;AAE1C,MAAM,4BAA4B,MAAmB;AAC1D,QAAM;AAAA,IACJ,OAAO;AAAA,MACL;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACF;AAAA,IACA,kBAAkB,EAAE,mBAAmB;AAAA,EACzC,QAAI,yBAAW,oEAAgC;AAC/C,SACE;AAAA,IAAC;AAAA;AAAA,MACC,MAAM;AAAA,MACN,cAAc;AAAA,MACd,eAAe;AAAA,MACf,aAAa;AAAA,MACb,cAAc;AAAA,MACd;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACC,GAAG;AAAA,MACJ,MAAM,kEAAkC,KAAK;AAAA;AAAA,EAC/C;AAEJ;",
+  "sourcesContent": ["import React, { useContext } from 'react';\nimport { CONTROLLED_DATE_TIME_PICKER_TYPES, DSControlledDateTimePicker } from '@elliemae/ds-form-date-time-picker';\nimport { ControlledDateRangePickerContext } from '../ControlledDateRangePickerCTX.js';\n\nexport const ControlledDateRangeToDate = (): JSX.Element => {\n  const {\n    props: {\n      toDate,\n      onMonthToChange,\n      onDayToChange,\n      onYearToChange,\n      isClearable,\n      getIsDisabledDay,\n      getIsOutOfRangeDay,\n      hasError,\n      tabIndex,\n      disabled,\n      readOnly,\n      applyAriaDisabled,\n      dateTimePickerToProps,\n    },\n    rangePickerLogic: { handleToDateChange },\n  } = useContext(ControlledDateRangePickerContext);\n  return (\n    <DSControlledDateTimePicker\n      date={toDate}\n      onDateChange={handleToDateChange}\n      onMonthChange={onMonthToChange}\n      onDayChange={onDayToChange}\n      onYearChange={onYearToChange}\n      isClearable={isClearable}\n      getIsDisabledDay={getIsDisabledDay}\n      getIsOutOfRangeDay={getIsOutOfRangeDay}\n      hasError={hasError}\n      tabIndex={tabIndex}\n      disabled={disabled}\n      readOnly={readOnly}\n      applyAriaDisabled={applyAriaDisabled}\n      {...dateTimePickerToProps}\n      type={CONTROLLED_DATE_TIME_PICKER_TYPES.DATE.INPUTS}\n      dsControlleddatetimepickerRoot={{\n        role: 'group',\n        'aria-label': 'End date',\n      }}\n    />\n  );\n};\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADwBnB;AAxBJ,mBAAkC;AAClC,sCAA8E;AAC9E,0CAAiD;AAE1C,MAAM,4BAA4B,MAAmB;AAC1D,QAAM;AAAA,IACJ,OAAO;AAAA,MACL;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACF;AAAA,IACA,kBAAkB,EAAE,mBAAmB;AAAA,EACzC,QAAI,yBAAW,oEAAgC;AAC/C,SACE;AAAA,IAAC;AAAA;AAAA,MACC,MAAM;AAAA,MACN,cAAc;AAAA,MACd,eAAe;AAAA,MACf,aAAa;AAAA,MACb,cAAc;AAAA,MACd;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACC,GAAG;AAAA,MACJ,MAAM,kEAAkC,KAAK;AAAA,MAC7C,gCAAgC;AAAA,QAC9B,MAAM;AAAA,QACN,cAAc;AAAA,MAChB;AAAA;AAAA,EACF;AAEJ;",
   "names": []
 }

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

@@ -100,6 +100,10 @@ const DSControlledDateRangePickerPropTypes = {
   innerRef: import_ds_props_helpers.PropTypes.oneOfType([import_ds_props_helpers.PropTypes.func, import_ds_props_helpers.PropTypes.object]).description(
     '"from" month input html node reference'
   ),
+  lastElementRef: import_ds_props_helpers.PropTypes.oneOfType([import_ds_props_helpers.PropTypes.func, import_ds_props_helpers.PropTypes.object]).description(
+    "ref for the last focusable element in the component based on its configuration, used for focus management in focus trap logic"
+  ),
+  tabIndex: import_ds_props_helpers.PropTypes.string.description('tabIndex to be applied to the "from" month input'),
   readOnly: import_ds_props_helpers.PropTypes.bool.description("Makes the component non-editable while remaining accessible").defaultValue(false),
   applyAriaDisabled: import_ds_props_helpers.PropTypes.bool.description(
     "Whether to apply disabled styling and announce as disabled in SR. CAN STILL RECEIVE FOCUS. PREVENTS ONLY MAIN ACTION."

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    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  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": ["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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",
   "names": []
 }

package/dist/esm/ControlledDateRangePicker.js

@@ -2,10 +2,10 @@ import * as React from "react";
 import { jsx } from "react/jsx-runtime";
 import { describe } from "@elliemae/ds-props-helpers";
 import { useControlledDateRangePicker } from "./config/useControlledDateRangePicker.js";
-import { ControlledDateRangeContent } from "./parts/ControlledDateRangeContent.js";
-import { DSControlledDateRangePickerPropTypesWithSchema } from "./react-desc-prop-types.js";
 import { ControlledDateRangePickerContext } from "./ControlledDateRangePickerCTX.js";
 import { DSControlledDateRangePickerName } from "./exported-related/theming.js";
+import { ControlledDateRangeContent } from "./parts/ControlledDateRangeContent.js";
+import { DSControlledDateRangePickerPropTypesWithSchema } from "./react-desc-prop-types.js";
 const DSControlledDateRangePicker = (props) => {
   const ctx = useControlledDateRangePicker(props);
   return /* @__PURE__ */ jsx(ControlledDateRangePickerContext.Provider, { value: ctx, children: /* @__PURE__ */ jsx(ControlledDateRangeContent, {}) });

package/dist/esm/ControlledDateRangePicker.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../src/ControlledDateRangePicker.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable max-lines */\nimport React from 'react';\nimport { describe } from '@elliemae/ds-props-helpers';\nimport { useControlledDateRangePicker } from './config/useControlledDateRangePicker.js';\nimport { ControlledDateRangeContent } from './parts/ControlledDateRangeContent.js';\nimport { DSControlledDateRangePickerPropTypesWithSchema } from './react-desc-prop-types.js';\nimport { ControlledDateRangePickerContext } from './ControlledDateRangePickerCTX.js';\nimport type { DSControlledDateRangePickerT } from './react-desc-prop-types.js';\nimport { DSControlledDateRangePickerName } from './exported-related/theming.js';\n\nconst DSControlledDateRangePicker = (props: DSControlledDateRangePickerT.Props): JSX.Element => {\n  const ctx = useControlledDateRangePicker(props);\n  return (\n    <ControlledDateRangePickerContext.Provider value={ctx}>\n      <ControlledDateRangeContent />\n    </ControlledDateRangePickerContext.Provider>\n  );\n};\n\nDSControlledDateRangePicker.displayName = DSControlledDateRangePickerName;\nconst DSControlledDateRangePickerWithSchema = describe(DSControlledDateRangePicker);\nDSControlledDateRangePickerWithSchema.propTypes = DSControlledDateRangePickerPropTypesWithSchema;\n\nexport { DSControlledDateRangePickerWithSchema, DSControlledDateRangePicker };\n"],
-  "mappings": "AAAA,YAAY,WAAW;ACcjB;AAZN,SAAS,gBAAgB;AACzB,SAAS,oCAAoC;AAC7C,SAAS,kCAAkC;AAC3C,SAAS,sDAAsD;AAC/D,SAAS,wCAAwC;AAEjD,SAAS,uCAAuC;AAEhD,MAAM,8BAA8B,CAAC,UAA2D;AAC9F,QAAM,MAAM,6BAA6B,KAAK;AAC9C,SACE,oBAAC,iCAAiC,UAAjC,EAA0C,OAAO,KAChD,8BAAC,8BAA2B,GAC9B;AAEJ;AAEA,4BAA4B,cAAc;AAC1C,MAAM,wCAAwC,SAAS,2BAA2B;AAClF,sCAAsC,YAAY;",
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable max-lines */\nimport { describe } from '@elliemae/ds-props-helpers';\nimport { useControlledDateRangePicker } from './config/useControlledDateRangePicker.js';\nimport { ControlledDateRangePickerContext } from './ControlledDateRangePickerCTX.js';\nimport { DSControlledDateRangePickerName } from './exported-related/theming.js';\nimport { ControlledDateRangeContent } from './parts/ControlledDateRangeContent.js';\nimport type { DSControlledDateRangePickerT } from './react-desc-prop-types.js';\nimport { DSControlledDateRangePickerPropTypesWithSchema } from './react-desc-prop-types.js';\n\nconst DSControlledDateRangePicker = (props: DSControlledDateRangePickerT.Props): JSX.Element => {\n  const ctx = useControlledDateRangePicker(props);\n  return (\n    <ControlledDateRangePickerContext.Provider value={ctx}>\n      <ControlledDateRangeContent />\n    </ControlledDateRangePickerContext.Provider>\n  );\n};\n\nDSControlledDateRangePicker.displayName = DSControlledDateRangePickerName;\nconst DSControlledDateRangePickerWithSchema = describe(DSControlledDateRangePicker);\nDSControlledDateRangePickerWithSchema.propTypes = DSControlledDateRangePickerPropTypesWithSchema;\n\nexport { DSControlledDateRangePicker, DSControlledDateRangePickerWithSchema };\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACajB;AAZN,SAAS,gBAAgB;AACzB,SAAS,oCAAoC;AAC7C,SAAS,wCAAwC;AACjD,SAAS,uCAAuC;AAChD,SAAS,kCAAkC;AAE3C,SAAS,sDAAsD;AAE/D,MAAM,8BAA8B,CAAC,UAA2D;AAC9F,QAAM,MAAM,6BAA6B,KAAK;AAC9C,SACE,oBAAC,iCAAiC,UAAjC,EAA0C,OAAO,KAChD,8BAAC,8BAA2B,GAC9B;AAEJ;AAEA,4BAA4B,cAAc;AAC1C,MAAM,wCAAwC,SAAS,2BAA2B;AAClF,sCAAsC,YAAY;",
   "names": []
 }

package/dist/esm/index.js

@@ -1,11 +1,4 @@
 import * as React from "react";
-import { DSControlledDateRangePickerWithSchema, DSControlledDateRangePicker } from "./ControlledDateRangePicker.js";
-import {
-  DSControlledDateRangePickerName,
-  DSControlledDateRangePickerSlots,
-  ControlledDateRangePickerDatatestid
-} from "./exported-related/theming.js";
-import { CONTROLLED_DATE_RANGE_PICKER_TYPES } from "./ControlledDateRangePickerTypes.js";
 import {
   getDateStringFromDay,
   getDateValuesFromDate,
@@ -14,6 +7,13 @@ import {
   getValidationDateTimeStringMetaInfo,
   getValidationTimeStringMetaInfo
 } from "@elliemae/ds-form-date-time-picker";
+import { DSControlledDateRangePicker, DSControlledDateRangePickerWithSchema } from "./ControlledDateRangePicker.js";
+import { CONTROLLED_DATE_RANGE_PICKER_TYPES } from "./ControlledDateRangePickerTypes.js";
+import {
+  ControlledDateRangePickerDatatestid,
+  DSControlledDateRangePickerName,
+  DSControlledDateRangePickerSlots
+} from "./exported-related/theming.js";
 export {
   CONTROLLED_DATE_RANGE_PICKER_TYPES,
   ControlledDateRangePickerDatatestid,

package/dist/esm/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../src/index.ts"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "export { DSControlledDateRangePickerWithSchema, DSControlledDateRangePicker } from './ControlledDateRangePicker.js';\nexport {\n  DSControlledDateRangePickerName,\n  DSControlledDateRangePickerSlots,\n  ControlledDateRangePickerDatatestid,\n} from './exported-related/theming.js';\n// export { ControlledDateRangePickerDatatestid } from './ControlledDateRangePickerDatatestid.js';\nexport { CONTROLLED_DATE_RANGE_PICKER_TYPES } from './ControlledDateRangePickerTypes.js';\nexport {\n  getDateStringFromDay,\n  getDateValuesFromDate,\n  getDayFromDateString,\n  getValidationDateStringMetaInfo,\n  getValidationDateTimeStringMetaInfo,\n  getValidationTimeStringMetaInfo,\n} from '@elliemae/ds-form-date-time-picker';\nexport { type DSControlledDateRangePickerT } from './react-desc-prop-types.js';\n"],
-  "mappings": "AAAA,YAAY,WAAW;ACAvB,SAAS,uCAAuC,mCAAmC;AACnF;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,OACK;AAEP,SAAS,0CAA0C;AACnD;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;",
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "export {\n  getDateStringFromDay,\n  getDateValuesFromDate,\n  getDayFromDateString,\n  getValidationDateStringMetaInfo,\n  getValidationDateTimeStringMetaInfo,\n  getValidationTimeStringMetaInfo,\n} from '@elliemae/ds-form-date-time-picker';\n\nexport { DSControlledDateRangePicker, DSControlledDateRangePickerWithSchema } from './ControlledDateRangePicker.js';\nexport { CONTROLLED_DATE_RANGE_PICKER_TYPES } from './ControlledDateRangePickerTypes.js';\nexport {\n  ControlledDateRangePickerDatatestid,\n  DSControlledDateRangePickerName,\n  DSControlledDateRangePickerSlots,\n} from './exported-related/theming.js';\nexport { type DSControlledDateRangePickerT } from './react-desc-prop-types.js';\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACAvB;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AAEP,SAAS,6BAA6B,6CAA6C;AACnF,SAAS,0CAA0C;AACnD;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,OACK;",
   "names": []
 }

package/dist/esm/parts/ControlledDateRangeCalendar.js

@@ -18,7 +18,8 @@ const ControlledDateRangeCalendar = () => {
       toDate,
       disabled,
       readOnly,
-      applyAriaDisabled
+      applyAriaDisabled,
+      lastElementRef
     },
     rangePickerLogic: {
       latestChangedDate,
@@ -61,7 +62,8 @@ const ControlledDateRangeCalendar = () => {
       toDate,
       disabled,
       readOnly,
-      applyAriaDisabled
+      applyAriaDisabled,
+      lastElementRef
     }
   );
 };

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../src/parts/ControlledDateRangeCalendar.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React, { useContext } from 'react';\nimport { CONTROLLED_DATE_TIME_PICKER_TYPES, DSControlledDateTimePicker } from '@elliemae/ds-form-date-time-picker';\nimport { ControlledDateRangePickerContext } from '../ControlledDateRangePickerCTX.js';\n\nexport const ControlledDateRangeCalendar = (): JSX.Element => {\n  const {\n    props: {\n      emptyPickerStartingMonth,\n      onCalendarOpenFocusedDay,\n      isClearable,\n      getIsDisabledDay,\n      getIsOutOfRangeDay,\n      hasError,\n      autoFocus,\n      pickerFooterMsg,\n      fromDate,\n      toDate,\n      disabled,\n      readOnly,\n      applyAriaDisabled,\n    },\n    rangePickerLogic: {\n      latestChangedDate,\n      onCalendarOpen,\n      onCalendarClose,\n      handlePickerDateChange,\n      handlePickerMonthDateChange,\n      handlePickerDayDateChange,\n      handlePickerYearDateChange,\n      getIsStartRangeDay,\n      getIsDayInRange,\n      getIsEndRangeDay,\n    },\n    isControllerOnly,\n  } = useContext(ControlledDateRangePickerContext);\n\n  return (\n    <DSControlledDateTimePicker\n      type={\n        isControllerOnly\n          ? CONTROLLED_DATE_TIME_PICKER_TYPES.DATE.CONTROLLER_ONLY\n          : CONTROLLED_DATE_TIME_PICKER_TYPES.DATE.PICKER\n      }\n      date={latestChangedDate}\n      onDateChange={handlePickerDateChange}\n      onMonthChange={handlePickerMonthDateChange}\n      onDayChange={handlePickerDayDateChange}\n      onYearChange={handlePickerYearDateChange}\n      getIsStartRangeDay={getIsStartRangeDay}\n      getIsDayInRange={getIsDayInRange}\n      getIsEndRangeDay={getIsEndRangeDay}\n      onPickerOpen={onCalendarOpen}\n      onPickerClose={onCalendarClose}\n      isClearable={isClearable}\n      getIsDisabledDay={getIsDisabledDay}\n      getIsOutOfRangeDay={getIsOutOfRangeDay}\n      emptyPickerStartingMonth={emptyPickerStartingMonth}\n      onCalendarOpenFocusedDay={onCalendarOpenFocusedDay}\n      preventCloseOnSelection\n      hasError={hasError}\n      pickerFooterMsg={pickerFooterMsg}\n      autoFocus={autoFocus}\n      fromDate={fromDate}\n      toDate={toDate}\n      disabled={disabled}\n      readOnly={readOnly}\n      applyAriaDisabled={applyAriaDisabled}\n    />\n  );\n};\n"],
-  "mappings": "AAAA,YAAY,WAAW;ACqCnB;AArCJ,SAAgB,kBAAkB;AAClC,SAAS,mCAAmC,kCAAkC;AAC9E,SAAS,wCAAwC;AAE1C,MAAM,8BAA8B,MAAmB;AAC5D,QAAM;AAAA,IACJ,OAAO;AAAA,MACL;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACF;AAAA,IACA,kBAAkB;AAAA,MAChB;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACF;AAAA,IACA;AAAA,EACF,IAAI,WAAW,gCAAgC;AAE/C,SACE;AAAA,IAAC;AAAA;AAAA,MACC,MACE,mBACI,kCAAkC,KAAK,kBACvC,kCAAkC,KAAK;AAAA,MAE7C,MAAM;AAAA,MACN,cAAc;AAAA,MACd,eAAe;AAAA,MACf,aAAa;AAAA,MACb,cAAc;AAAA,MACd;AAAA,MACA;AAAA,MACA;AAAA,MACA,cAAc;AAAA,MACd,eAAe;AAAA,MACf;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA,yBAAuB;AAAA,MACvB;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA;AAAA,EACF;AAEJ;",
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React, { useContext } from 'react';\nimport { CONTROLLED_DATE_TIME_PICKER_TYPES, DSControlledDateTimePicker } from '@elliemae/ds-form-date-time-picker';\nimport { ControlledDateRangePickerContext } from '../ControlledDateRangePickerCTX.js';\n\nexport const ControlledDateRangeCalendar = (): JSX.Element => {\n  const {\n    props: {\n      emptyPickerStartingMonth,\n      onCalendarOpenFocusedDay,\n      isClearable,\n      getIsDisabledDay,\n      getIsOutOfRangeDay,\n      hasError,\n      autoFocus,\n      pickerFooterMsg,\n      fromDate,\n      toDate,\n      disabled,\n      readOnly,\n      applyAriaDisabled,\n      lastElementRef,\n    },\n    rangePickerLogic: {\n      latestChangedDate,\n      onCalendarOpen,\n      onCalendarClose,\n      handlePickerDateChange,\n      handlePickerMonthDateChange,\n      handlePickerDayDateChange,\n      handlePickerYearDateChange,\n      getIsStartRangeDay,\n      getIsDayInRange,\n      getIsEndRangeDay,\n    },\n    isControllerOnly,\n  } = useContext(ControlledDateRangePickerContext);\n\n  return (\n    <DSControlledDateTimePicker\n      type={\n        isControllerOnly\n          ? CONTROLLED_DATE_TIME_PICKER_TYPES.DATE.CONTROLLER_ONLY\n          : CONTROLLED_DATE_TIME_PICKER_TYPES.DATE.PICKER\n      }\n      date={latestChangedDate}\n      onDateChange={handlePickerDateChange}\n      onMonthChange={handlePickerMonthDateChange}\n      onDayChange={handlePickerDayDateChange}\n      onYearChange={handlePickerYearDateChange}\n      getIsStartRangeDay={getIsStartRangeDay}\n      getIsDayInRange={getIsDayInRange}\n      getIsEndRangeDay={getIsEndRangeDay}\n      onPickerOpen={onCalendarOpen}\n      onPickerClose={onCalendarClose}\n      isClearable={isClearable}\n      getIsDisabledDay={getIsDisabledDay}\n      getIsOutOfRangeDay={getIsOutOfRangeDay}\n      emptyPickerStartingMonth={emptyPickerStartingMonth}\n      onCalendarOpenFocusedDay={onCalendarOpenFocusedDay}\n      preventCloseOnSelection\n      hasError={hasError}\n      pickerFooterMsg={pickerFooterMsg}\n      autoFocus={autoFocus}\n      fromDate={fromDate}\n      toDate={toDate}\n      disabled={disabled}\n      readOnly={readOnly}\n      applyAriaDisabled={applyAriaDisabled}\n      lastElementRef={lastElementRef}\n    />\n  );\n};\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACsCnB;AAtCJ,SAAgB,kBAAkB;AAClC,SAAS,mCAAmC,kCAAkC;AAC9E,SAAS,wCAAwC;AAE1C,MAAM,8BAA8B,MAAmB;AAC5D,QAAM;AAAA,IACJ,OAAO;AAAA,MACL;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACF;AAAA,IACA,kBAAkB;AAAA,MAChB;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACF;AAAA,IACA;AAAA,EACF,IAAI,WAAW,gCAAgC;AAE/C,SACE;AAAA,IAAC;AAAA;AAAA,MACC,MACE,mBACI,kCAAkC,KAAK,kBACvC,kCAAkC,KAAK;AAAA,MAE7C,MAAM;AAAA,MACN,cAAc;AAAA,MACd,eAAe;AAAA,MACf,aAAa;AAAA,MACb,cAAc;AAAA,MACd;AAAA,MACA;AAAA,MACA;AAAA,MACA,cAAc;AAAA,MACd,eAAe;AAAA,MACf;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA,yBAAuB;AAAA,MACvB;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA;AAAA,EACF;AAEJ;",
   "names": []
 }

package/dist/esm/parts/ControlledDateRangeFromDate.js

@@ -43,7 +43,11 @@ const ControlledDateRangeFromDate = () => {
       readOnly,
       applyAriaDisabled,
       ...dateTimePickerFromProps,
-      type: CONTROLLED_DATE_TIME_PICKER_TYPES.DATE.INPUTS
+      type: CONTROLLED_DATE_TIME_PICKER_TYPES.DATE.INPUTS,
+      dsControlleddatetimepickerRoot: {
+        role: "group",
+        "aria-label": "Start date"
+      }
     }
   );
 };

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../src/parts/ControlledDateRangeFromDate.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React, { useContext } from 'react';\nimport { CONTROLLED_DATE_TIME_PICKER_TYPES, DSControlledDateTimePicker } from '@elliemae/ds-form-date-time-picker';\nimport { ControlledDateRangePickerContext } from '../ControlledDateRangePickerCTX.js';\n\nexport const ControlledDateRangeFromDate = (): JSX.Element => {\n  const {\n    props: {\n      fromDate,\n      onMonthFromChange,\n      onDayFromChange,\n      onYearFromChange,\n      isClearable,\n      getIsDisabledDay,\n      getIsOutOfRangeDay,\n      hasError,\n      autoFocus,\n      innerRef,\n      tabIndex,\n      disabled,\n      readOnly,\n      applyAriaDisabled,\n      dateTimePickerFromProps,\n    },\n    rangePickerLogic: { handleFromDateChange },\n  } = useContext(ControlledDateRangePickerContext);\n  return (\n    <DSControlledDateTimePicker\n      date={fromDate}\n      onDateChange={handleFromDateChange}\n      onMonthChange={onMonthFromChange}\n      onDayChange={onDayFromChange}\n      onYearChange={onYearFromChange}\n      isClearable={isClearable}\n      getIsDisabledDay={getIsDisabledDay}\n      getIsOutOfRangeDay={getIsOutOfRangeDay}\n      hasError={hasError}\n      autoFocus={autoFocus}\n      innerRef={innerRef}\n      tabIndex={tabIndex}\n      disabled={disabled}\n      readOnly={readOnly}\n      applyAriaDisabled={applyAriaDisabled}\n      {...dateTimePickerFromProps}\n      type={CONTROLLED_DATE_TIME_PICKER_TYPES.DATE.INPUTS}\n    />\n  );\n};\n"],
-  "mappings": "AAAA,YAAY,WAAW;AC0BnB;AA1BJ,SAAgB,kBAAkB;AAClC,SAAS,mCAAmC,kCAAkC;AAC9E,SAAS,wCAAwC;AAE1C,MAAM,8BAA8B,MAAmB;AAC5D,QAAM;AAAA,IACJ,OAAO;AAAA,MACL;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACF;AAAA,IACA,kBAAkB,EAAE,qBAAqB;AAAA,EAC3C,IAAI,WAAW,gCAAgC;AAC/C,SACE;AAAA,IAAC;AAAA;AAAA,MACC,MAAM;AAAA,MACN,cAAc;AAAA,MACd,eAAe;AAAA,MACf,aAAa;AAAA,MACb,cAAc;AAAA,MACd;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACC,GAAG;AAAA,MACJ,MAAM,kCAAkC,KAAK;AAAA;AAAA,EAC/C;AAEJ;",
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React, { useContext } from 'react';\nimport { CONTROLLED_DATE_TIME_PICKER_TYPES, DSControlledDateTimePicker } from '@elliemae/ds-form-date-time-picker';\nimport { ControlledDateRangePickerContext } from '../ControlledDateRangePickerCTX.js';\n\nexport const ControlledDateRangeFromDate = (): JSX.Element => {\n  const {\n    props: {\n      fromDate,\n      onMonthFromChange,\n      onDayFromChange,\n      onYearFromChange,\n      isClearable,\n      getIsDisabledDay,\n      getIsOutOfRangeDay,\n      hasError,\n      autoFocus,\n      innerRef,\n      tabIndex,\n      disabled,\n      readOnly,\n      applyAriaDisabled,\n      dateTimePickerFromProps,\n    },\n    rangePickerLogic: { handleFromDateChange },\n  } = useContext(ControlledDateRangePickerContext);\n  return (\n    <DSControlledDateTimePicker\n      date={fromDate}\n      onDateChange={handleFromDateChange}\n      onMonthChange={onMonthFromChange}\n      onDayChange={onDayFromChange}\n      onYearChange={onYearFromChange}\n      isClearable={isClearable}\n      getIsDisabledDay={getIsDisabledDay}\n      getIsOutOfRangeDay={getIsOutOfRangeDay}\n      hasError={hasError}\n      autoFocus={autoFocus}\n      innerRef={innerRef}\n      tabIndex={tabIndex}\n      disabled={disabled}\n      readOnly={readOnly}\n      applyAriaDisabled={applyAriaDisabled}\n      {...dateTimePickerFromProps}\n      type={CONTROLLED_DATE_TIME_PICKER_TYPES.DATE.INPUTS}\n      dsControlleddatetimepickerRoot={{\n        role: 'group',\n        'aria-label': 'Start date',\n      }}\n    />\n  );\n};\n"],
+  "mappings": "AAAA,YAAY,WAAW;AC0BnB;AA1BJ,SAAgB,kBAAkB;AAClC,SAAS,mCAAmC,kCAAkC;AAC9E,SAAS,wCAAwC;AAE1C,MAAM,8BAA8B,MAAmB;AAC5D,QAAM;AAAA,IACJ,OAAO;AAAA,MACL;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACF;AAAA,IACA,kBAAkB,EAAE,qBAAqB;AAAA,EAC3C,IAAI,WAAW,gCAAgC;AAC/C,SACE;AAAA,IAAC;AAAA;AAAA,MACC,MAAM;AAAA,MACN,cAAc;AAAA,MACd,eAAe;AAAA,MACf,aAAa;AAAA,MACb,cAAc;AAAA,MACd;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACC,GAAG;AAAA,MACJ,MAAM,kCAAkC,KAAK;AAAA,MAC7C,gCAAgC;AAAA,QAC9B,MAAM;AAAA,QACN,cAAc;AAAA,MAChB;AAAA;AAAA,EACF;AAEJ;",
   "names": []
 }

package/dist/esm/parts/ControlledDateRangeToDate.js

@@ -39,7 +39,11 @@ const ControlledDateRangeToDate = () => {
       readOnly,
       applyAriaDisabled,
       ...dateTimePickerToProps,
-      type: CONTROLLED_DATE_TIME_PICKER_TYPES.DATE.INPUTS
+      type: CONTROLLED_DATE_TIME_PICKER_TYPES.DATE.INPUTS,
+      dsControlleddatetimepickerRoot: {
+        role: "group",
+        "aria-label": "End date"
+      }
     }
   );
 };

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../src/parts/ControlledDateRangeToDate.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React, { useContext } from 'react';\nimport { CONTROLLED_DATE_TIME_PICKER_TYPES, DSControlledDateTimePicker } from '@elliemae/ds-form-date-time-picker';\nimport { ControlledDateRangePickerContext } from '../ControlledDateRangePickerCTX.js';\n\nexport const ControlledDateRangeToDate = (): JSX.Element => {\n  const {\n    props: {\n      toDate,\n      onMonthToChange,\n      onDayToChange,\n      onYearToChange,\n      isClearable,\n      getIsDisabledDay,\n      getIsOutOfRangeDay,\n      hasError,\n      tabIndex,\n      disabled,\n      readOnly,\n      applyAriaDisabled,\n      dateTimePickerToProps,\n    },\n    rangePickerLogic: { handleToDateChange },\n  } = useContext(ControlledDateRangePickerContext);\n  return (\n    <DSControlledDateTimePicker\n      date={toDate}\n      onDateChange={handleToDateChange}\n      onMonthChange={onMonthToChange}\n      onDayChange={onDayToChange}\n      onYearChange={onYearToChange}\n      isClearable={isClearable}\n      getIsDisabledDay={getIsDisabledDay}\n      getIsOutOfRangeDay={getIsOutOfRangeDay}\n      hasError={hasError}\n      tabIndex={tabIndex}\n      disabled={disabled}\n      readOnly={readOnly}\n      applyAriaDisabled={applyAriaDisabled}\n      {...dateTimePickerToProps}\n      type={CONTROLLED_DATE_TIME_PICKER_TYPES.DATE.INPUTS}\n    />\n  );\n};\n"],
-  "mappings": "AAAA,YAAY,WAAW;ACwBnB;AAxBJ,SAAgB,kBAAkB;AAClC,SAAS,mCAAmC,kCAAkC;AAC9E,SAAS,wCAAwC;AAE1C,MAAM,4BAA4B,MAAmB;AAC1D,QAAM;AAAA,IACJ,OAAO;AAAA,MACL;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACF;AAAA,IACA,kBAAkB,EAAE,mBAAmB;AAAA,EACzC,IAAI,WAAW,gCAAgC;AAC/C,SACE;AAAA,IAAC;AAAA;AAAA,MACC,MAAM;AAAA,MACN,cAAc;AAAA,MACd,eAAe;AAAA,MACf,aAAa;AAAA,MACb,cAAc;AAAA,MACd;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACC,GAAG;AAAA,MACJ,MAAM,kCAAkC,KAAK;AAAA;AAAA,EAC/C;AAEJ;",
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React, { useContext } from 'react';\nimport { CONTROLLED_DATE_TIME_PICKER_TYPES, DSControlledDateTimePicker } from '@elliemae/ds-form-date-time-picker';\nimport { ControlledDateRangePickerContext } from '../ControlledDateRangePickerCTX.js';\n\nexport const ControlledDateRangeToDate = (): JSX.Element => {\n  const {\n    props: {\n      toDate,\n      onMonthToChange,\n      onDayToChange,\n      onYearToChange,\n      isClearable,\n      getIsDisabledDay,\n      getIsOutOfRangeDay,\n      hasError,\n      tabIndex,\n      disabled,\n      readOnly,\n      applyAriaDisabled,\n      dateTimePickerToProps,\n    },\n    rangePickerLogic: { handleToDateChange },\n  } = useContext(ControlledDateRangePickerContext);\n  return (\n    <DSControlledDateTimePicker\n      date={toDate}\n      onDateChange={handleToDateChange}\n      onMonthChange={onMonthToChange}\n      onDayChange={onDayToChange}\n      onYearChange={onYearToChange}\n      isClearable={isClearable}\n      getIsDisabledDay={getIsDisabledDay}\n      getIsOutOfRangeDay={getIsOutOfRangeDay}\n      hasError={hasError}\n      tabIndex={tabIndex}\n      disabled={disabled}\n      readOnly={readOnly}\n      applyAriaDisabled={applyAriaDisabled}\n      {...dateTimePickerToProps}\n      type={CONTROLLED_DATE_TIME_PICKER_TYPES.DATE.INPUTS}\n      dsControlleddatetimepickerRoot={{\n        role: 'group',\n        'aria-label': 'End date',\n      }}\n    />\n  );\n};\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACwBnB;AAxBJ,SAAgB,kBAAkB;AAClC,SAAS,mCAAmC,kCAAkC;AAC9E,SAAS,wCAAwC;AAE1C,MAAM,4BAA4B,MAAmB;AAC1D,QAAM;AAAA,IACJ,OAAO;AAAA,MACL;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACF;AAAA,IACA,kBAAkB,EAAE,mBAAmB;AAAA,EACzC,IAAI,WAAW,gCAAgC;AAC/C,SACE;AAAA,IAAC;AAAA;AAAA,MACC,MAAM;AAAA,MACN,cAAc;AAAA,MACd,eAAe;AAAA,MACf,aAAa;AAAA,MACb,cAAc;AAAA,MACd;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACC,GAAG;AAAA,MACJ,MAAM,kCAAkC,KAAK;AAAA,MAC7C,gCAAgC;AAAA,QAC9B,MAAM;AAAA,QACN,cAAc;AAAA,MAChB;AAAA;AAAA,EACF;AAEJ;",
   "names": []
 }

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

@@ -70,6 +70,10 @@ const DSControlledDateRangePickerPropTypes = {
   innerRef: PropTypes.oneOfType([PropTypes.func, PropTypes.object]).description(
     '"from" month input html node reference'
   ),
+  lastElementRef: PropTypes.oneOfType([PropTypes.func, PropTypes.object]).description(
+    "ref for the last focusable element in the component based on its configuration, used for focus management in focus trap logic"
+  ),
+  tabIndex: PropTypes.string.description('tabIndex to be applied to the "from" month input'),
   readOnly: PropTypes.bool.description("Makes the component non-editable while remaining accessible").defaultValue(false),
   applyAriaDisabled: PropTypes.bool.description(
     "Whether to apply disabled styling and announce as disabled in SR. CAN STILL RECEIVE FOCUS. PREVENTS ONLY MAIN ACTION."

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    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  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", "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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",
   "names": []
 }

package/dist/types/ControlledDateRangePicker.d.ts

@@ -4,4 +4,4 @@ declare const DSControlledDateRangePicker: {
     displayName: string;
 };
 declare const DSControlledDateRangePickerWithSchema: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").DocumentedReactComponent<DSControlledDateRangePickerT.Props>;
-export { DSControlledDateRangePickerWithSchema, DSControlledDateRangePicker };
+export { DSControlledDateRangePicker, DSControlledDateRangePickerWithSchema };

package/dist/types/index.d.ts

@@ -1,5 +1,5 @@
-export { DSControlledDateRangePickerWithSchema, DSControlledDateRangePicker } from './ControlledDateRangePicker.js';
-export { DSControlledDateRangePickerName, DSControlledDateRangePickerSlots, ControlledDateRangePickerDatatestid, } from './exported-related/theming.js';
-export { CONTROLLED_DATE_RANGE_PICKER_TYPES } from './ControlledDateRangePickerTypes.js';
 export { getDateStringFromDay, getDateValuesFromDate, getDayFromDateString, getValidationDateStringMetaInfo, getValidationDateTimeStringMetaInfo, getValidationTimeStringMetaInfo, } from '@elliemae/ds-form-date-time-picker';
+export { DSControlledDateRangePicker, DSControlledDateRangePickerWithSchema } from './ControlledDateRangePicker.js';
+export { CONTROLLED_DATE_RANGE_PICKER_TYPES } from './ControlledDateRangePickerTypes.js';
+export { ControlledDateRangePickerDatatestid, DSControlledDateRangePickerName, DSControlledDateRangePickerSlots, } from './exported-related/theming.js';
 export { type DSControlledDateRangePickerT } from './react-desc-prop-types.js';

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

@@ -37,6 +37,7 @@ export declare namespace DSControlledDateRangePickerT {
         emptyPickerStartingMonth?: string;
         onCalendarOpenFocusedDay?: string;
         innerRef?: React.MutableRefObject<HTMLInputElement | HTMLButtonElement | null> | ((ref: HTMLInputElement | HTMLButtonElement | null) => void);
+        lastElementRef?: React.MutableRefObject<HTMLElement | null>;
         tabIndex?: TypescriptHelpersT.WCAGTabIndex;
         applyAriaDisabled?: boolean;
         dateTimePickerFromProps?: Partial<DSControlledDateTimePickerT.Props>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@elliemae/ds-form-date-range-picker",
-  "version": "3.60.0-next.5",
+  "version": "3.60.0-next.51",
   "license": "MIT",
   "description": "ICE MT - Dimsum - Controlled Form Date Range Picker",
   "files": [
@@ -35,42 +35,40 @@
     "reportFile": "tests.xml",
     "indent": 4
   },
-  "scripts": {
-    "dev": "cross-env NODE_ENV=development node ../../../scripts/build/build.mjs --watch",
-    "test": "pui-cli test --passWithNoTests --coverage=\"false\"",
-    "lint": "node ../../../scripts/lint.mjs --fix",
-    "lint:strict": "node ../../../scripts/lint-strict.mjs",
-    "dts": "node ../../../scripts/dts.mjs",
-    "build": "cross-env NODE_ENV=production node ../../../scripts/build/build.mjs",
-    "checkDeps": "npm exec ../../util/ds-codemods -- check-missing-packages --projectFolderPath=\"./\" --ignorePackagesGlobPattern=\"\" --ignoreFilesGlobPattern=\"**/test-ables/*,**/tests/*\""
-  },
   "dependencies": {
-    "@elliemae/ds-form-date-time-picker": "3.60.0-next.5",
-    "@elliemae/ds-props-helpers": "3.60.0-next.5",
-    "@elliemae/ds-system": "3.60.0-next.5",
-    "@elliemae/ds-typescript-helpers": "3.60.0-next.5",
-    "styled-components": "catalog:",
-    "uid": "catalog:"
+    "styled-components": "~5.3.9",
+    "uid": "^2.0.2",
+    "@elliemae/ds-form-date-time-picker": "3.60.0-next.51",
+    "@elliemae/ds-props-helpers": "3.60.0-next.51",
+    "@elliemae/ds-system": "3.60.0-next.51",
+    "@elliemae/ds-typescript-helpers": "3.60.0-next.51"
   },
   "devDependencies": {
-    "@elliemae/ds-monorepo-devops": "3.60.0-next.5",
-    "@elliemae/ds-test-utils": "3.60.0-next.5",
-    "@elliemae/pui-cli": "catalog:",
-    "@elliemae/pui-theme": "catalog:",
-    "jest": "catalog:",
-    "styled-components": "catalog:",
-    "styled-system": "catalog:"
+    "@elliemae/pui-theme": "~2.13.0",
+    "jest": "^30.0.0",
+    "styled-components": "~5.3.9",
+    "styled-system": "^5.1.5",
+    "@elliemae/ds-monorepo-devops": "3.60.0-next.51",
+    "@elliemae/ds-test-utils": "3.60.0-next.51"
   },
   "peerDependencies": {
-    "@elliemae/pui-theme": "catalog:",
-    "react": "catalog:",
-    "react-dom": "catalog:",
-    "styled-components": "catalog:",
-    "styled-system": "catalog:"
+    "@elliemae/pui-theme": "~2.13.0",
+    "react": "^18.3.1",
+    "react-dom": "^18.3.1",
+    "styled-components": "~5.3.9",
+    "styled-system": "^5.1.5"
   },
   "publishConfig": {
     "access": "public",
     "typeSafety": true
   },
-  "gitHead": "2c3d9fa1d09e130b4e5f43d9f817c96e10709182"
-}
+  "scripts": {
+    "dev": "cross-env NODE_ENV=development node ../../../scripts/build/build.mjs --watch",
+    "test": "ds-monorepo-devops test --passWithNoTests --coverage=\"false\"",
+    "lint": "node ../../../scripts/lint.mjs --fix",
+    "lint:strict": "node ../../../scripts/lint-strict.mjs",
+    "dts": "node ../../../scripts/dts.mjs",
+    "build": "cross-env NODE_ENV=production node ../../../scripts/build/build.mjs",
+    "checkDeps": "npx -yes ../../util/ds-codemods check-missing-packages --projectFolderPath=\"./\" --ignorePackagesGlobPattern=\"\" --ignoreFilesGlobPattern=\"**/test-ables/*,**/tests/*\""
+  }
+}