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

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/index.d.ts", "../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["import type { DSFormLayoutBlockItemPropsT } from '@elliemae/ds-form-layout-blocks';\nimport type { onDateChangeT, onInternalInputsChangeT, internalInputsChangeMetaInfo } from '../date-time-picker/index.d';\n\nexport interface RangePickerMetaInfoT extends internalInputsChangeMetaInfo {\n  rangeDateChangeType?: 'from' | 'to';\n  automaticSwitchedDates?: boolean;\n  isIncorrectOrder?: boolean;\n}\nexport type rangeOnDateChangeT = (val: string, metaInfo: RangePickerMetaInfoT) => void;\nexport type ControlledDateRangeTypeT =\n  | 'full-date-range'\n  | 'date-range-picker-controller-only'\n  | 'date-range-picker'\n  | 'date-range-inputs';\n\nexport interface DateRangePickerPropsT {\n  type: ControlledDateRangeTypeT;\n  fromDate: string;\n  onFromDateChange: rangeOnDateChangeT;\n  onMonthFromChange: onInternalInputsChangeT;\n  onDayFromChange: onInternalInputsChangeT;\n  onYearFromChange: onInternalInputsChangeT;\n  hasError: boolean;\n  pickerFooterMsg: string;\n\n  toDate: string;\n  onToDateChange: rangeOnDateChangeT;\n  onMonthToChange: onInternalInputsChangeT;\n  onDayToChange: onInternalInputsChangeT;\n  onYearToChange: onInternalInputsChangeT;\n\n  emptyPickerStartingMonth?: string;\n  onCalendarOpenFocusedDay?: string;\n  isClearable?: boolean;\n  getIsDisabledDay?: (day: string) => boolean;\n  getIsOutOfRangeDay?: (day: string) => boolean;\n  autoFocus?: boolean;\n}\n\nexport interface RangePickerLogicT {\n  latestChangedDate: string;\n\n  onCalendarOpen: () => void;\n  onCalendarClose: () => void;\n\n  handleFromDateChange: rangeOnDateChangeT;\n  handleToDateChange: rangeOnDateChangeT;\n\n  handlePickerDateChange: rangeOnDateChangeT;\n  handlePickerMonthDateChange: onInternalInputsChangeT;\n  handlePickerDayDateChange: onInternalInputsChangeT;\n  handlePickerYearDateChange: onInternalInputsChangeT;\n\n  getIsStartRangeDay: (day: string) => boolean;\n  getIsDayInRange: (day: string) => boolean;\n  getIsEndRangeDay: (day: string) => boolean;\n}\nexport interface ControlledDateRangePickerContextT {\n  props: DateRangePickerPropsT;\n  instanceUID: string;\n  rangePickerLogic: RangePickerLogicT;\n  withInputs: boolean;\n  withIcon: boolean;\n  isControllerOnly: boolean;\n  isPickerOnly: boolean;\n  isPickerOnly: boolean;\n  xstyledAttrs: Record<string, unknown>;\n  globalAttrs: Record<string, unknown>;\n}\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;AAAA;AAAA;ACAA,YAAuB;",
+  "sourcesContent": ["import type { DSFormLayoutBlockItemPropsT } from '@elliemae/ds-form-layout-blocks';\nimport React from 'react';\nimport type { onDateChangeT, onInternalInputsChangeT, internalInputsChangeMetaInfo } from '../date-time-picker/index.d';\n\nexport interface RangePickerMetaInfoT extends internalInputsChangeMetaInfo {\n  rangeDateChangeType?: 'from' | 'to';\n  automaticSwitchedDates?: boolean;\n  isIncorrectOrder?: boolean;\n}\nexport type rangeOnDateChangeT = (val: string, metaInfo: RangePickerMetaInfoT) => void;\nexport type ControlledDateRangeTypeT =\n  | 'full-date-range'\n  | 'date-range-picker-controller-only'\n  | 'date-range-picker'\n  | 'date-range-inputs';\n\nexport interface DateRangePickerPropsT {\n  type: ControlledDateRangeTypeT;\n  fromDate: string;\n  onFromDateChange: rangeOnDateChangeT;\n  onMonthFromChange: onInternalInputsChangeT;\n  onDayFromChange: onInternalInputsChangeT;\n  onYearFromChange: onInternalInputsChangeT;\n  hasError: boolean;\n  pickerFooterMsg: string;\n\n  toDate: string;\n  onToDateChange: rangeOnDateChangeT;\n  onMonthToChange: onInternalInputsChangeT;\n  onDayToChange: onInternalInputsChangeT;\n  onYearToChange: onInternalInputsChangeT;\n\n  emptyPickerStartingMonth?: string;\n  onCalendarOpenFocusedDay?: string;\n  isClearable?: boolean;\n  getIsDisabledDay?: (day: string) => boolean;\n  getIsOutOfRangeDay?: (day: string) => boolean;\n  autoFocus?: boolean;\n  innerRef?: React.MutableRefObject<HTMLInputElement | HTMLButtonElement | null>;\n}\n\nexport interface RangePickerLogicT {\n  latestChangedDate: string;\n\n  onCalendarOpen: () => void;\n  onCalendarClose: () => void;\n\n  handleFromDateChange: rangeOnDateChangeT;\n  handleToDateChange: rangeOnDateChangeT;\n\n  handlePickerDateChange: rangeOnDateChangeT;\n  handlePickerMonthDateChange: onInternalInputsChangeT;\n  handlePickerDayDateChange: onInternalInputsChangeT;\n  handlePickerYearDateChange: onInternalInputsChangeT;\n\n  getIsStartRangeDay: (day: string) => boolean;\n  getIsDayInRange: (day: string) => boolean;\n  getIsEndRangeDay: (day: string) => boolean;\n}\nexport interface ControlledDateRangePickerContextT {\n  props: DateRangePickerPropsT;\n  instanceUID: string;\n  rangePickerLogic: RangePickerLogicT;\n  withInputs: boolean;\n  withIcon: boolean;\n  isControllerOnly: boolean;\n  isPickerOnly: boolean;\n  isPickerOnly: boolean;\n  xstyledAttrs: Record<string, unknown>;\n  globalAttrs: Record<string, unknown>;\n}\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;ACAA,YAAuB;",
   "names": []
 }

package/dist/cjs/index.js

@@ -18,7 +18,10 @@ var __copyProps = (to, from, except, desc) => {
   return to;
 };
 var __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target, mod));
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var src_exports = {};
 __export(src_exports, {

package/dist/cjs/index.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../src/index.ts", "../../../../scripts/build/transpile/react-shim.js"],
   "sourcesContent": ["export * from './ControlledDateRangePicker';\nexport * from './exported-related/theming';\nexport { ControlledDateRangePickerDatatestid } from './ControlledDateRangePickerDatatestid';\nexport { CONTROLLED_DATE_RANGE_PICKER_TYPES } from './ControlledDateRangePickerTypes';\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,wBAAc,wCAAd;AACA,wBAAc,uCADd;AAEA,iDAAoD;AACpD,4CAAmD;",
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,wBAAc,wCAAd;AACA,wBAAc,uCADd;AAEA,iDAAoD;AACpD,4CAAmD;",
   "names": []
 }

package/dist/cjs/parts/ControlledDateRangeCalendar.js

@@ -17,7 +17,10 @@ var __copyProps = (to, from, except, desc) => {
   }
   return to;
 };
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target, mod));
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var ControlledDateRangeCalendar_exports = {};
 __export(ControlledDateRangeCalendar_exports, {
@@ -25,7 +28,8 @@ __export(ControlledDateRangeCalendar_exports, {
 });
 module.exports = __toCommonJS(ControlledDateRangeCalendar_exports);
 var React = __toESM(require("react"));
-var import_react = __toESM(require("react"));
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_react = require("react");
 var import_ds_form_date_time_picker = require("@elliemae/ds-form-date-time-picker");
 var import_ControlledDateRangePickerCTX = require("../ControlledDateRangePickerCTX");
 const ControlledDateRangeCalendar = () => {
@@ -38,6 +42,7 @@ const ControlledDateRangeCalendar = () => {
       getIsOutOfRangeDay,
       hasError,
       autoFocus,
+      innerRef,
       pickerFooterMsg
     },
     rangePickerLogic: {
@@ -54,7 +59,7 @@ const ControlledDateRangeCalendar = () => {
     },
     isControllerOnly
   } = (0, import_react.useContext)(import_ControlledDateRangePickerCTX.ControlledDateRangePickerContext);
-  return /* @__PURE__ */ import_react.default.createElement(import_ds_form_date_time_picker.DSControlledDateTimePicker, {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_form_date_time_picker.DSControlledDateTimePicker, {
     type: isControllerOnly ? import_ds_form_date_time_picker.CONTROLLED_DATE_TIME_PICKER_TYPES.DATE.CONTROLLER_ONLY : import_ds_form_date_time_picker.CONTROLLED_DATE_TIME_PICKER_TYPES.DATE.PICKER,
     date: latestChangedDate,
     onDateChange: handlePickerDateChange,

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';\n\nexport const ControlledDateRangeCalendar = (): JSX.Element => {\n  const {\n    props: {\n      emptyPickerStartingMonth,\n      onCalendarOpenFocusedDay,\n      isClearable,\n      getIsDisabledDay,\n      getIsOutOfRangeDay,\n      hasError,\n      autoFocus,\n      pickerFooterMsg,\n    },\n    rangePickerLogic: {\n      latestChangedDate,\n      onCalendarOpen,\n      onCalendarClose,\n      handlePickerDateChange,\n      handlePickerMonthDateChange,\n      handlePickerDayDateChange,\n      handlePickerYearDateChange,\n      getIsStartRangeDay,\n      getIsDayInRange,\n      getIsEndRangeDay,\n    },\n    isControllerOnly,\n  } = useContext(ControlledDateRangePickerContext);\n\n  return (\n    <DSControlledDateTimePicker\n      type={\n        isControllerOnly\n          ? CONTROLLED_DATE_TIME_PICKER_TYPES.DATE.CONTROLLER_ONLY\n          : CONTROLLED_DATE_TIME_PICKER_TYPES.DATE.PICKER\n      }\n      date={latestChangedDate}\n      onDateChange={handlePickerDateChange}\n      onMonthChange={handlePickerMonthDateChange}\n      onDayChange={handlePickerDayDateChange}\n      onYearChange={handlePickerYearDateChange}\n      getIsStartRangeDay={getIsStartRangeDay}\n      getIsDayInRange={getIsDayInRange}\n      getIsEndRangeDay={getIsEndRangeDay}\n      onPickerOpen={onCalendarOpen}\n      onPickerClose={onCalendarClose}\n      isClearable={isClearable}\n      getIsDisabledDay={getIsDisabledDay}\n      getIsOutOfRangeDay={getIsOutOfRangeDay}\n      emptyPickerStartingMonth={emptyPickerStartingMonth}\n      onCalendarOpenFocusedDay={onCalendarOpenFocusedDay}\n      preventCloseOnSelection\n      hasError={hasError}\n      pickerFooterMsg={pickerFooterMsg}\n      autoFocus={autoFocus}\n    />\n  );\n};\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,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;AAAA,IAEF,kBAAkB;AAAA,MAChB;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA;AAAA,IAEF;AAAA,MACE,6BAAW,oEAAgC;AAE/C,SACE,mDAAC;AAAA,IACC,MACE,mBACI,kEAAkC,KAAK,kBACvC,kEAAkC,KAAK;AAAA,IAE7C,MAAM;AAAA,IACN,cAAc;AAAA,IACd,eAAe;AAAA,IACf,aAAa;AAAA,IACb,cAAc;AAAA,IACd;AAAA,IACA;AAAA,IACA;AAAA,IACA,cAAc;AAAA,IACd,eAAe;AAAA,IACf;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,yBAAuB;AAAA,IACvB;AAAA,IACA;AAAA,IACA;AAAA,GACF;AAEJ;",
+  "sourcesContent": ["import React, { useContext } from 'react';\nimport { CONTROLLED_DATE_TIME_PICKER_TYPES, DSControlledDateTimePicker } from '@elliemae/ds-form-date-time-picker';\nimport { ControlledDateRangePickerContext } from '../ControlledDateRangePickerCTX';\n\nexport const ControlledDateRangeCalendar = (): JSX.Element => {\n  const {\n    props: {\n      emptyPickerStartingMonth,\n      onCalendarOpenFocusedDay,\n      isClearable,\n      getIsDisabledDay,\n      getIsOutOfRangeDay,\n      hasError,\n      autoFocus,\n      innerRef,\n      pickerFooterMsg,\n    },\n    rangePickerLogic: {\n      latestChangedDate,\n      onCalendarOpen,\n      onCalendarClose,\n      handlePickerDateChange,\n      handlePickerMonthDateChange,\n      handlePickerDayDateChange,\n      handlePickerYearDateChange,\n      getIsStartRangeDay,\n      getIsDayInRange,\n      getIsEndRangeDay,\n    },\n    isControllerOnly,\n  } = useContext(ControlledDateRangePickerContext);\n\n  return (\n    <DSControlledDateTimePicker\n      type={\n        isControllerOnly\n          ? CONTROLLED_DATE_TIME_PICKER_TYPES.DATE.CONTROLLER_ONLY\n          : CONTROLLED_DATE_TIME_PICKER_TYPES.DATE.PICKER\n      }\n      date={latestChangedDate}\n      onDateChange={handlePickerDateChange}\n      onMonthChange={handlePickerMonthDateChange}\n      onDayChange={handlePickerDayDateChange}\n      onYearChange={handlePickerYearDateChange}\n      getIsStartRangeDay={getIsStartRangeDay}\n      getIsDayInRange={getIsDayInRange}\n      getIsEndRangeDay={getIsEndRangeDay}\n      onPickerOpen={onCalendarOpen}\n      onPickerClose={onCalendarClose}\n      isClearable={isClearable}\n      getIsDisabledDay={getIsDisabledDay}\n      getIsOutOfRangeDay={getIsOutOfRangeDay}\n      emptyPickerStartingMonth={emptyPickerStartingMonth}\n      onCalendarOpenFocusedDay={onCalendarOpenFocusedDay}\n      preventCloseOnSelection\n      hasError={hasError}\n      pickerFooterMsg={pickerFooterMsg}\n      autoFocus={autoFocus}\n    />\n  );\n};\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB;AAAA,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,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,4CAAC;AAAA,IACC,MACE,mBACI,kEAAkC,KAAK,kBACvC,kEAAkC,KAAK;AAAA,IAE7C,MAAM;AAAA,IACN,cAAc;AAAA,IACd,eAAe;AAAA,IACf,aAAa;AAAA,IACb,cAAc;AAAA,IACd;AAAA,IACA;AAAA,IACA;AAAA,IACA,cAAc;AAAA,IACd,eAAe;AAAA,IACf;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,yBAAuB;AAAA,IACvB;AAAA,IACA;AAAA,IACA;AAAA,GACF;AAEJ;",
   "names": []
 }

package/dist/cjs/parts/ControlledDateRangeContent.js

@@ -17,7 +17,10 @@ var __copyProps = (to, from, except, desc) => {
   }
   return to;
 };
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target, mod));
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var ControlledDateRangeContent_exports = {};
 __export(ControlledDateRangeContent_exports, {
@@ -25,7 +28,8 @@ __export(ControlledDateRangeContent_exports, {
 });
 module.exports = __toCommonJS(ControlledDateRangeContent_exports);
 var React = __toESM(require("react"));
-var import_react = __toESM(require("react"));
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_react = require("react");
 var import_ds_system = require("@elliemae/ds-system");
 var import_ControlledDateRangePickerCTX = require("../ControlledDateRangePickerCTX");
 var import_ControlledDateRangeFromDate = require("./ControlledDateRangeFromDate");
@@ -60,13 +64,22 @@ const ControlledDateRangeContent = () => {
     xstyledAttrs,
     globalAttrs
   } = (0, import_react.useContext)(import_ControlledDateRangePickerCTX.ControlledDateRangePickerContext);
-  return /* @__PURE__ */ import_react.default.createElement(StyledWrapper, {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(StyledWrapper, {
     isControllerOnly,
     isPickerOnly,
     "data-testid": import_ControlledDateRangePickerDatatestid.ControlledDateRangePickerDatatestid.WRAPPER,
     type,
     ...globalAttrs,
-    ...xstyledAttrs
-  }, withInputs ? /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, /* @__PURE__ */ import_react.default.createElement(import_ControlledDateRangeFromDate.ControlledDateRangeFromDate, null), /* @__PURE__ */ import_react.default.createElement(import_ControlledDateRangeToDate.ControlledDateRangeToDate, null)) : null, withIcon || isControllerOnly ? /* @__PURE__ */ import_react.default.createElement(import_ControlledDateRangeCalendar.ControlledDateRangeCalendar, null) : null);
+    ...xstyledAttrs,
+    children: [
+      withInputs ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, {
+        children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ControlledDateRangeFromDate.ControlledDateRangeFromDate, {}),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ControlledDateRangeToDate.ControlledDateRangeToDate, {})
+        ]
+      }) : null,
+      withIcon || isControllerOnly ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ControlledDateRangeCalendar.ControlledDateRangeCalendar, {}) : null
+    ]
+  });
 };
 //# sourceMappingURL=ControlledDateRangeContent.js.map

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

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../src/parts/ControlledDateRangeContent.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
   "sourcesContent": ["import React, { useContext } from 'react';\nimport { styled, sizing, space, layout } from '@elliemae/ds-system';\nimport { ControlledDateRangePickerContext } from '../ControlledDateRangePickerCTX';\nimport { ControlledDateRangeFromDate } from './ControlledDateRangeFromDate';\nimport { ControlledDateRangeToDate } from './ControlledDateRangeToDate';\nimport { ControlledDateRangeCalendar } from './ControlledDateRangeCalendar';\nimport { ControlledDateRangePickerDatatestid } from '../ControlledDateRangePickerDatatestid';\nimport { gridMap } from '../utils/utils';\nimport type { ControlledDateRangeTypeT } from '../index.d';\nimport { DSControlledDateRangePickerName, DSControlledDateRangePickerSlots } from '../exported-related/theming';\n\ninterface StyledWrapperT {\n  isControllerOnly: boolean;\n  isPickerOnly: boolean;\n  type: ControlledDateRangeTypeT;\n}\n\nconst StyledWrapper = styled('div', {\n  name: DSControlledDateRangePickerName,\n  slot: DSControlledDateRangePickerSlots.CONTAINER,\n})<StyledWrapperT>`\n  display: grid;\n  grid-template-columns: ${({ type }) => gridMap[type]};\n  grid-template-rows: auto;\n  ${({ isControllerOnly, isPickerOnly }) => (isControllerOnly || isPickerOnly ? '' : 'gap: 0px 8px;')}\n  grid-auto-flow: row;\n  grid-template-areas: '. .';\n  justify-content: center;\n  align-items: center;\n  ${sizing}\n  ${space}\n  ${layout}\n`;\n\nexport const ControlledDateRangeContent = (): JSX.Element => {\n  const {\n    props: { type },\n    withIcon,\n    withInputs,\n    isControllerOnly,\n    isPickerOnly,\n    xstyledAttrs,\n    globalAttrs,\n  } = useContext(ControlledDateRangePickerContext);\n\n  return (\n    <StyledWrapper\n      isControllerOnly={isControllerOnly}\n      isPickerOnly={isPickerOnly}\n      data-testid={ControlledDateRangePickerDatatestid.WRAPPER}\n      type={type}\n      {...globalAttrs}\n      {...xstyledAttrs}\n    >\n      {withInputs ? (\n        <>\n          <ControlledDateRangeFromDate />\n          <ControlledDateRangeToDate />\n        </>\n      ) : null}\n      {withIcon || isControllerOnly ? <ControlledDateRangeCalendar /> : null}\n    </StyledWrapper>\n  );\n};\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAkC;AAClC,uBAA8C;AAC9C,0CAAiD;AACjD,yCAA4C;AAC5C,uCAA0C;AAC1C,yCAA4C;AAC5C,iDAAoD;AACpD,mBAAwB;AAExB,qBAAkF;AAQlF,MAAM,gBAAgB,6BAAO,OAAO;AAAA,EAClC,MAAM;AAAA,EACN,MAAM,gDAAiC;AACzC,CAAC;AAAA;AAAA,2BAE0B,CAAC,EAAE,WAAW,qBAAQ;AAAA;AAAA,IAE7C,CAAC,EAAE,kBAAkB,mBAAoB,oBAAoB,eAAe,KAAK;AAAA;AAAA;AAAA;AAAA;AAAA,IAKjF;AAAA,IACA;AAAA,IACA;AAAA;AAGG,MAAM,6BAA6B,MAAmB;AAC3D,QAAM;AAAA,IACJ,OAAO,EAAE;AAAA,IACT;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,MACE,6BAAW,oEAAgC;AAE/C,SACE,mDAAC;AAAA,IACC;AAAA,IACA;AAAA,IACA,eAAa,+EAAoC;AAAA,IACjD;AAAA,IACC,GAAG;AAAA,IACH,GAAG;AAAA,KAEH,aACC,wFACE,mDAAC,oEAA4B,GAC7B,mDAAC,gEAA0B,CAC7B,IACE,MACH,YAAY,mBAAmB,mDAAC,oEAA4B,IAAK,IACpE;AAEJ;",
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB;AAAA,mBAAkC;AAClC,uBAA8C;AAC9C,0CAAiD;AACjD,yCAA4C;AAC5C,uCAA0C;AAC1C,yCAA4C;AAC5C,iDAAoD;AACpD,mBAAwB;AAExB,qBAAkF;AAQlF,MAAM,oBAAgB,yBAAO,OAAO;AAAA,EAClC,MAAM;AAAA,EACN,MAAM,gDAAiC;AACzC,CAAC;AAAA;AAAA,2BAE0B,CAAC,EAAE,KAAK,MAAM,qBAAQ;AAAA;AAAA,IAE7C,CAAC,EAAE,kBAAkB,aAAa,MAAO,oBAAoB,eAAe,KAAK;AAAA;AAAA;AAAA;AAAA;AAAA,IAKjF;AAAA,IACA;AAAA,IACA;AAAA;AAGG,MAAM,6BAA6B,MAAmB;AAC3D,QAAM;AAAA,IACJ,OAAO,EAAE,KAAK;AAAA,IACd;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,QAAI,yBAAW,oEAAgC;AAE/C,SACE,6CAAC;AAAA,IACC;AAAA,IACA;AAAA,IACA,eAAa,+EAAoC;AAAA,IACjD;AAAA,IACC,GAAG;AAAA,IACH,GAAG;AAAA,IAEH;AAAA,mBACC;AAAA,QACE;AAAA,sDAAC,kEAA4B;AAAA,UAC7B,4CAAC,8DAA0B;AAAA;AAAA,OAC7B,IACE;AAAA,MACH,YAAY,mBAAmB,4CAAC,kEAA4B,IAAK;AAAA;AAAA,GACpE;AAEJ;",
   "names": []
 }

package/dist/cjs/parts/ControlledDateRangeFromDate.js

@@ -17,7 +17,10 @@ var __copyProps = (to, from, except, desc) => {
   }
   return to;
 };
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target, mod));
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var ControlledDateRangeFromDate_exports = {};
 __export(ControlledDateRangeFromDate_exports, {
@@ -25,7 +28,8 @@ __export(ControlledDateRangeFromDate_exports, {
 });
 module.exports = __toCommonJS(ControlledDateRangeFromDate_exports);
 var React = __toESM(require("react"));
-var import_react = __toESM(require("react"));
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_react = require("react");
 var import_ds_form_date_time_picker = require("@elliemae/ds-form-date-time-picker");
 var import_ControlledDateRangePickerCTX = require("../ControlledDateRangePickerCTX");
 const ControlledDateRangeFromDate = () => {
@@ -39,11 +43,12 @@ const ControlledDateRangeFromDate = () => {
       getIsDisabledDay,
       getIsOutOfRangeDay,
       hasError,
-      autoFocus
+      autoFocus,
+      innerRef
     },
     rangePickerLogic: { handleFromDateChange }
   } = (0, import_react.useContext)(import_ControlledDateRangePickerCTX.ControlledDateRangePickerContext);
-  return /* @__PURE__ */ import_react.default.createElement(import_ds_form_date_time_picker.DSControlledDateTimePicker, {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_form_date_time_picker.DSControlledDateTimePicker, {
     type: import_ds_form_date_time_picker.CONTROLLED_DATE_TIME_PICKER_TYPES.DATE.INPUTS,
     date: fromDate,
     onDateChange: handleFromDateChange,
@@ -54,7 +59,8 @@ const ControlledDateRangeFromDate = () => {
     getIsDisabledDay,
     getIsOutOfRangeDay,
     hasError,
-    autoFocus
+    autoFocus,
+    innerRef
   });
 };
 //# sourceMappingURL=ControlledDateRangeFromDate.js.map

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';\n\nexport const ControlledDateRangeFromDate = (): JSX.Element => {\n  const {\n    props: {\n      fromDate,\n      onMonthFromChange,\n      onDayFromChange,\n      onYearFromChange,\n      isClearable,\n      getIsDisabledDay,\n      getIsOutOfRangeDay,\n      hasError,\n      autoFocus,\n    },\n    rangePickerLogic: { handleFromDateChange },\n  } = useContext(ControlledDateRangePickerContext);\n  return (\n    <DSControlledDateTimePicker\n      type={CONTROLLED_DATE_TIME_PICKER_TYPES.DATE.INPUTS}\n      date={fromDate}\n      onDateChange={handleFromDateChange}\n      onMonthChange={onMonthFromChange}\n      onDayChange={onDayFromChange}\n      onYearChange={onYearFromChange}\n      isClearable={isClearable}\n      getIsDisabledDay={getIsDisabledDay}\n      getIsOutOfRangeDay={getIsOutOfRangeDay}\n      hasError={hasError}\n      autoFocus={autoFocus}\n    />\n  );\n};\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,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;AAAA,IAEF,kBAAkB,EAAE;AAAA,MAClB,6BAAW,oEAAgC;AAC/C,SACE,mDAAC;AAAA,IACC,MAAM,kEAAkC,KAAK;AAAA,IAC7C,MAAM;AAAA,IACN,cAAc;AAAA,IACd,eAAe;AAAA,IACf,aAAa;AAAA,IACb,cAAc;AAAA,IACd;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,GACF;AAEJ;",
+  "sourcesContent": ["import React, { useContext } from 'react';\nimport { CONTROLLED_DATE_TIME_PICKER_TYPES, DSControlledDateTimePicker } from '@elliemae/ds-form-date-time-picker';\nimport { ControlledDateRangePickerContext } from '../ControlledDateRangePickerCTX';\n\nexport const ControlledDateRangeFromDate = (): JSX.Element => {\n  const {\n    props: {\n      fromDate,\n      onMonthFromChange,\n      onDayFromChange,\n      onYearFromChange,\n      isClearable,\n      getIsDisabledDay,\n      getIsOutOfRangeDay,\n      hasError,\n      autoFocus,\n      innerRef,\n    },\n    rangePickerLogic: { handleFromDateChange },\n  } = useContext(ControlledDateRangePickerContext);\n  return (\n    <DSControlledDateTimePicker\n      type={CONTROLLED_DATE_TIME_PICKER_TYPES.DATE.INPUTS}\n      date={fromDate}\n      onDateChange={handleFromDateChange}\n      onMonthChange={onMonthFromChange}\n      onDayChange={onDayFromChange}\n      onYearChange={onYearFromChange}\n      isClearable={isClearable}\n      getIsDisabledDay={getIsDisabledDay}\n      getIsOutOfRangeDay={getIsOutOfRangeDay}\n      hasError={hasError}\n      autoFocus={autoFocus}\n      innerRef={innerRef}\n    />\n  );\n};\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB;AAAA,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,IACF;AAAA,IACA,kBAAkB,EAAE,qBAAqB;AAAA,EAC3C,QAAI,yBAAW,oEAAgC;AAC/C,SACE,4CAAC;AAAA,IACC,MAAM,kEAAkC,KAAK;AAAA,IAC7C,MAAM;AAAA,IACN,cAAc;AAAA,IACd,eAAe;AAAA,IACf,aAAa;AAAA,IACb,cAAc;AAAA,IACd;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,GACF;AAEJ;",
   "names": []
 }

package/dist/cjs/parts/ControlledDateRangeToDate.js

@@ -17,7 +17,10 @@ var __copyProps = (to, from, except, desc) => {
   }
   return to;
 };
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target, mod));
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var ControlledDateRangeToDate_exports = {};
 __export(ControlledDateRangeToDate_exports, {
@@ -25,7 +28,8 @@ __export(ControlledDateRangeToDate_exports, {
 });
 module.exports = __toCommonJS(ControlledDateRangeToDate_exports);
 var React = __toESM(require("react"));
-var import_react = __toESM(require("react"));
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_react = require("react");
 var import_ds_form_date_time_picker = require("@elliemae/ds-form-date-time-picker");
 var import_ControlledDateRangePickerCTX = require("../ControlledDateRangePickerCTX");
 const ControlledDateRangeToDate = () => {
@@ -42,7 +46,7 @@ const ControlledDateRangeToDate = () => {
     },
     rangePickerLogic: { handleToDateChange }
   } = (0, import_react.useContext)(import_ControlledDateRangePickerCTX.ControlledDateRangePickerContext);
-  return /* @__PURE__ */ import_react.default.createElement(import_ds_form_date_time_picker.DSControlledDateTimePicker, {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_form_date_time_picker.DSControlledDateTimePicker, {
     type: import_ds_form_date_time_picker.CONTROLLED_DATE_TIME_PICKER_TYPES.DATE.INPUTS,
     date: toDate,
     onDateChange: handleToDateChange,

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

@@ -2,6 +2,6 @@
   "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';\n\nexport const ControlledDateRangeToDate = (): JSX.Element => {\n  const {\n    props: {\n      toDate,\n      onMonthToChange,\n      onDayToChange,\n      onYearToChange,\n      isClearable,\n      getIsDisabledDay,\n      getIsOutOfRangeDay,\n      hasError,\n    },\n    rangePickerLogic: { handleToDateChange },\n  } = useContext(ControlledDateRangePickerContext);\n  return (\n    <DSControlledDateTimePicker\n      type={CONTROLLED_DATE_TIME_PICKER_TYPES.DATE.INPUTS}\n      date={toDate}\n      onDateChange={handleToDateChange}\n      onMonthChange={onMonthToChange}\n      onDayChange={onDayToChange}\n      onYearChange={onYearToChange}\n      isClearable={isClearable}\n      getIsDisabledDay={getIsDisabledDay}\n      getIsOutOfRangeDay={getIsOutOfRangeDay}\n      hasError={hasError}\n    />\n  );\n};\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,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;AAAA,IAEF,kBAAkB,EAAE;AAAA,MAClB,6BAAW,oEAAgC;AAC/C,SACE,mDAAC;AAAA,IACC,MAAM,kEAAkC,KAAK;AAAA,IAC7C,MAAM;AAAA,IACN,cAAc;AAAA,IACd,eAAe;AAAA,IACf,aAAa;AAAA,IACb,cAAc;AAAA,IACd;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,GACF;AAEJ;",
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB;AAAA,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,IACF;AAAA,IACA,kBAAkB,EAAE,mBAAmB;AAAA,EACzC,QAAI,yBAAW,oEAAgC;AAC/C,SACE,4CAAC;AAAA,IACC,MAAM,kEAAkC,KAAK;AAAA,IAC7C,MAAM;AAAA,IACN,cAAc;AAAA,IACd,eAAe;AAAA,IACf,aAAa;AAAA,IACb,cAAc;AAAA,IACd;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,GACF;AAEJ;",
   "names": []
 }

package/dist/cjs/propTypes.js

@@ -17,7 +17,10 @@ var __copyProps = (to, from, except, desc) => {
   }
   return to;
 };
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target, mod));
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var propTypes_exports = {};
 __export(propTypes_exports, {

package/dist/cjs/propTypes.js.map

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

package/dist/cjs/utils/utils.js

@@ -17,7 +17,10 @@ var __copyProps = (to, from, except, desc) => {
   }
   return to;
 };
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target, mod));
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var utils_exports = {};
 __export(utils_exports, {

package/dist/cjs/utils/utils.js.map

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

package/dist/esm/ControlledDateRangePicker.js

@@ -1,5 +1,5 @@
 import * as React from "react";
-import React2 from "react";
+import { jsx } from "react/jsx-runtime";
 import { describe } from "@elliemae/ds-utilities";
 import { useControlledDateRangePicker } from "./config/useControlledDateRangePicker";
 import { ControlledDateRangeContent } from "./parts/ControlledDateRangeContent";
@@ -8,9 +8,10 @@ import { ControlledDateRangePickerContext } from "./ControlledDateRangePickerCTX
 import { DSControlledDateRangePickerName } from "./exported-related/theming";
 const DSControlledDateRangePicker = (props) => {
   const ctx = useControlledDateRangePicker(props);
-  return /* @__PURE__ */ React2.createElement(ControlledDateRangePickerContext.Provider, {
-    value: ctx
-  }, /* @__PURE__ */ React2.createElement(ControlledDateRangeContent, null));
+  return /* @__PURE__ */ jsx(ControlledDateRangePickerContext.Provider, {
+    value: ctx,
+    children: /* @__PURE__ */ jsx(ControlledDateRangeContent, {})
+  });
 };
 DSControlledDateRangePicker.displayName = DSControlledDateRangePickerName;
 const DSControlledDateRangePickerWithSchema = describe(DSControlledDateRangePicker);

package/dist/esm/ControlledDateRangePicker.js.map

@@ -2,6 +2,6 @@
   "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-utilities';\nimport { useControlledDateRangePicker } from './config/useControlledDateRangePicker';\nimport { ControlledDateRangeContent } from './parts/ControlledDateRangeContent';\nimport { propTypes } from './propTypes';\nimport { ControlledDateRangePickerContext } from './ControlledDateRangePickerCTX';\nimport type { DateRangePickerPropsT } from './index.d';\nimport { DSControlledDateRangePickerName } from './exported-related/theming';\n\nconst DSControlledDateRangePicker = (props: DateRangePickerPropsT): 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 = propTypes;\n\nexport { DSControlledDateRangePickerWithSchema, DSControlledDateRangePicker };\n"],
-  "mappings": "AAAA;ACCA;AACA;AACA;AACA;AACA;AACA;AAEA;AAEA,MAAM,8BAA8B,CAAC,UAA8C;AACjF,QAAM,MAAM,6BAA6B,KAAK;AAC9C,SACE,qCAAC,iCAAiC,UAAjC;AAAA,IAA0C,OAAO;AAAA,KAChD,qCAAC,gCAA2B,CAC9B;AAEJ;AAEA,4BAA4B,cAAc;AAC1C,MAAM,wCAAwC,SAAS,2BAA2B;AAClF,sCAAsC,YAAY;",
+  "mappings": "AAAA,YAAY,WAAW;ACAvB;AAEA,SAAS,gBAAgB;AACzB,SAAS,oCAAoC;AAC7C,SAAS,kCAAkC;AAC3C,SAAS,iBAAiB;AAC1B,SAAS,wCAAwC;AAEjD,SAAS,uCAAuC;AAEhD,MAAM,8BAA8B,CAAC,UAA8C;AACjF,QAAM,MAAM,6BAA6B,KAAK;AAC9C,SACE,oBAAC,iCAAiC,UAAjC;AAAA,IAA0C,OAAO;AAAA,IAChD,8BAAC,8BAA2B;AAAA,GAC9B;AAEJ;AAEA,4BAA4B,cAAc;AAC1C,MAAM,wCAAwC,SAAS,2BAA2B;AAClF,sCAAsC,YAAY;",
   "names": []
 }

package/dist/esm/ControlledDateRangePickerCTX.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../scripts/build/transpile/react-shim.js", "../../src/ControlledDateRangePickerCTX.tsx"],
   "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { createContext } from 'react';\nimport type { DateRangePickerPropsT, ControlledDateRangePickerContextT } from './index.d';\n// eslint-disable-next-line @typescript-eslint/no-empty-function\nconst noop = (): void => {};\nconst defaultReturnFalse = (): boolean => false;\n\nexport const defaultProps: DateRangePickerPropsT = {\n  type: 'full-date-range',\n  fromDate: '',\n  onFromDateChange: noop,\n  onMonthFromChange: noop,\n  onDayFromChange: noop,\n  onYearFromChange: noop,\n  hasError: false,\n  pickerFooterMsg: '',\n  toDate: '',\n  onToDateChange: noop,\n  onMonthToChange: noop,\n  onDayToChange: noop,\n  onYearToChange: noop,\n  emptyPickerStartingMonth: undefined,\n  onCalendarOpenFocusedDay: undefined,\n  isClearable: false,\n  getIsDisabledDay: defaultReturnFalse,\n  getIsOutOfRangeDay: defaultReturnFalse,\n  autoFocus: false,\n};\n\nconst defaultContext = {\n  props: defaultProps,\n  rangePickerLogic: {\n    latestChangedDate: '',\n    onCalendarOpen: noop,\n    onCalendarClose: noop,\n    handleFromDateChange: noop,\n    handleToDateChange: noop,\n    handlePickerDateChange: noop,\n    handlePickerMonthDateChange: noop,\n    handlePickerDayDateChange: noop,\n    handlePickerYearDateChange: noop,\n    getIsStartRangeDay: defaultReturnFalse,\n    getIsDayInRange: defaultReturnFalse,\n    getIsEndRangeDay: defaultReturnFalse,\n  },\n  instanceUID: '',\n  withInputs: false,\n  withIcon: false,\n  isControllerOnly: false,\n  isPickerOnly: false,\n  xstyledAttrs: {},\n  globalAttrs: {},\n};\n/** Context for cross component communication */\nexport const ControlledDateRangePickerContext = createContext<ControlledDateRangePickerContextT>(defaultContext);\n\nexport default ControlledDateRangePickerContext;\n"],
-  "mappings": "AAAA;ACAA;AAGA,MAAM,OAAO,MAAY;AAAC;AAC1B,MAAM,qBAAqB,MAAe;AAEnC,MAAM,eAAsC;AAAA,EACjD,MAAM;AAAA,EACN,UAAU;AAAA,EACV,kBAAkB;AAAA,EAClB,mBAAmB;AAAA,EACnB,iBAAiB;AAAA,EACjB,kBAAkB;AAAA,EAClB,UAAU;AAAA,EACV,iBAAiB;AAAA,EACjB,QAAQ;AAAA,EACR,gBAAgB;AAAA,EAChB,iBAAiB;AAAA,EACjB,eAAe;AAAA,EACf,gBAAgB;AAAA,EAChB,0BAA0B;AAAA,EAC1B,0BAA0B;AAAA,EAC1B,aAAa;AAAA,EACb,kBAAkB;AAAA,EAClB,oBAAoB;AAAA,EACpB,WAAW;AACb;AAEA,MAAM,iBAAiB;AAAA,EACrB,OAAO;AAAA,EACP,kBAAkB;AAAA,IAChB,mBAAmB;AAAA,IACnB,gBAAgB;AAAA,IAChB,iBAAiB;AAAA,IACjB,sBAAsB;AAAA,IACtB,oBAAoB;AAAA,IACpB,wBAAwB;AAAA,IACxB,6BAA6B;AAAA,IAC7B,2BAA2B;AAAA,IAC3B,4BAA4B;AAAA,IAC5B,oBAAoB;AAAA,IACpB,iBAAiB;AAAA,IACjB,kBAAkB;AAAA,EACpB;AAAA,EACA,aAAa;AAAA,EACb,YAAY;AAAA,EACZ,UAAU;AAAA,EACV,kBAAkB;AAAA,EAClB,cAAc;AAAA,EACd,cAAc,CAAC;AAAA,EACf,aAAa,CAAC;AAChB;AAEO,MAAM,mCAAmC,cAAiD,cAAc;AAE/G,IAAO,uCAAQ;",
+  "mappings": "AAAA,YAAY,WAAW;ACAvB,SAAS,qBAAqB;AAG9B,MAAM,OAAO,MAAY;AAAC;AAC1B,MAAM,qBAAqB,MAAe;AAEnC,MAAM,eAAsC;AAAA,EACjD,MAAM;AAAA,EACN,UAAU;AAAA,EACV,kBAAkB;AAAA,EAClB,mBAAmB;AAAA,EACnB,iBAAiB;AAAA,EACjB,kBAAkB;AAAA,EAClB,UAAU;AAAA,EACV,iBAAiB;AAAA,EACjB,QAAQ;AAAA,EACR,gBAAgB;AAAA,EAChB,iBAAiB;AAAA,EACjB,eAAe;AAAA,EACf,gBAAgB;AAAA,EAChB,0BAA0B;AAAA,EAC1B,0BAA0B;AAAA,EAC1B,aAAa;AAAA,EACb,kBAAkB;AAAA,EAClB,oBAAoB;AAAA,EACpB,WAAW;AACb;AAEA,MAAM,iBAAiB;AAAA,EACrB,OAAO;AAAA,EACP,kBAAkB;AAAA,IAChB,mBAAmB;AAAA,IACnB,gBAAgB;AAAA,IAChB,iBAAiB;AAAA,IACjB,sBAAsB;AAAA,IACtB,oBAAoB;AAAA,IACpB,wBAAwB;AAAA,IACxB,6BAA6B;AAAA,IAC7B,2BAA2B;AAAA,IAC3B,4BAA4B;AAAA,IAC5B,oBAAoB;AAAA,IACpB,iBAAiB;AAAA,IACjB,kBAAkB;AAAA,EACpB;AAAA,EACA,aAAa;AAAA,EACb,YAAY;AAAA,EACZ,UAAU;AAAA,EACV,kBAAkB;AAAA,EAClB,cAAc;AAAA,EACd,cAAc,CAAC;AAAA,EACf,aAAa,CAAC;AAChB;AAEO,MAAM,mCAAmC,cAAiD,cAAc;AAE/G,IAAO,uCAAQ;",
   "names": []
 }

package/dist/esm/ControlledDateRangePickerDatatestid.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../scripts/build/transpile/react-shim.js", "../../src/ControlledDateRangePickerDatatestid.tsx"],
   "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "export const ControlledDateRangePickerDatatestid = {\n  WRAPPER: 'ds-controlled-date-range-picker-wrapper',\n};\n"],
-  "mappings": "AAAA;ACAO,MAAM,sCAAsC;AAAA,EACjD,SAAS;AACX;",
+  "mappings": "AAAA,YAAY,WAAW;ACAhB,MAAM,sCAAsC;AAAA,EACjD,SAAS;AACX;",
   "names": []
 }

package/dist/esm/ControlledDateRangePickerTypes.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../scripts/build/transpile/react-shim.js", "../../src/ControlledDateRangePickerTypes.tsx"],
   "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable @typescript-eslint/prefer-as-const */\nexport const CONTROLLED_DATE_RANGE_PICKER_TYPES = {\n  FULL: 'full-date-range' as 'full-date-range',\n  CONTROLLER_ONLY: 'date-range-picker-controller-only' as 'date-range-picker-controller-only',\n  PICKER: 'date-range-picker' as 'date-range-picker',\n  INPUTS: 'date-range-inputs' as 'date-range-inputs',\n};\n"],
-  "mappings": "AAAA;ACCO,MAAM,qCAAqC;AAAA,EAChD,MAAM;AAAA,EACN,iBAAiB;AAAA,EACjB,QAAQ;AAAA,EACR,QAAQ;AACV;",
+  "mappings": "AAAA,YAAY,WAAW;ACChB,MAAM,qCAAqC;AAAA,EAChD,MAAM;AAAA,EACN,iBAAiB;AAAA,EACjB,QAAQ;AAAA,EACR,QAAQ;AACV;",
   "names": []
 }

package/dist/esm/config/useControlledDateRangePicker.js

@@ -18,27 +18,30 @@ const useControlledDateRangePicker = (props) => {
   const isControllerOnly = type === CONTROLLED_DATE_RANGE_PICKER_TYPES.CONTROLLER_ONLY;
   const isPickerOnly = type === CONTROLLED_DATE_RANGE_PICKER_TYPES.PICKER;
   const rangePickerLogic = useRangePickerLogic(propsWithDefaults);
-  const ctx = useMemo(() => ({
-    props: { ...propsWithDefaults },
-    xstyledAttrs,
-    globalAttrs,
-    instanceUID,
-    rangePickerLogic,
-    withInputs,
-    withIcon,
-    isControllerOnly,
-    isPickerOnly
-  }), [
-    propsWithDefaults,
-    xstyledAttrs,
-    globalAttrs,
-    instanceUID,
-    rangePickerLogic,
-    withInputs,
-    withIcon,
-    isControllerOnly,
-    isPickerOnly
-  ]);
+  const ctx = useMemo(
+    () => ({
+      props: { ...propsWithDefaults },
+      xstyledAttrs,
+      globalAttrs,
+      instanceUID,
+      rangePickerLogic,
+      withInputs,
+      withIcon,
+      isControllerOnly,
+      isPickerOnly
+    }),
+    [
+      propsWithDefaults,
+      xstyledAttrs,
+      globalAttrs,
+      instanceUID,
+      rangePickerLogic,
+      withInputs,
+      withIcon,
+      isControllerOnly,
+      isPickerOnly
+    ]
+  );
   return ctx;
 };
 export {

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

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/config/useControlledDateRangePicker.tsx"],
   "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable max-lines */\n/* eslint-disable import/prefer-default-export */\n/* eslint-disable complexity */\n/* eslint-disable max-statements */\nimport { useMemo } from 'react';\nimport { uid } from 'uid';\nimport { useGetGlobalAttributes, useGetXstyledProps } from '@elliemae/ds-utilities';\nimport { useGetDateRangePickerWithDefaultsProps } from './useGetPropsWithDefault';\nimport { useValidateProps } from './useValidateProps';\nimport { useRangePickerLogic } from './useRangePickerLogic';\nimport { CONTROLLED_DATE_RANGE_PICKER_TYPES } from '../ControlledDateRangePickerTypes';\nimport type { DateRangePickerPropsT, ControlledDateRangePickerContextT } from '../index.d';\n\nexport const useControlledDateRangePicker = (\n  props: Partial<DateRangePickerPropsT>,\n): ControlledDateRangePickerContextT => {\n  // if we detect wrong props configuration we throw meaningful errors\n  useValidateProps(props);\n  const instanceUID = useMemo(() => uid(6), []);\n  const propsWithDefaults = useGetDateRangePickerWithDefaultsProps(props);\n\n  const xstyledAttrs = useGetXstyledProps(propsWithDefaults) as Record<string, unknown>;\n\n  const globalAttrs = useGetGlobalAttributes(propsWithDefaults) as Record<string, unknown>;\n\n  const { type } = propsWithDefaults;\n\n  const withInputs =\n    type === CONTROLLED_DATE_RANGE_PICKER_TYPES.FULL || type === CONTROLLED_DATE_RANGE_PICKER_TYPES.INPUTS;\n  const withIcon =\n    type === CONTROLLED_DATE_RANGE_PICKER_TYPES.FULL || type === CONTROLLED_DATE_RANGE_PICKER_TYPES.PICKER;\n  const isControllerOnly = type === CONTROLLED_DATE_RANGE_PICKER_TYPES.CONTROLLER_ONLY;\n  const isPickerOnly = type === CONTROLLED_DATE_RANGE_PICKER_TYPES.PICKER;\n\n  const rangePickerLogic = useRangePickerLogic(propsWithDefaults);\n\n  const ctx = useMemo(\n    () => ({\n      props: { ...propsWithDefaults },\n      xstyledAttrs,\n      globalAttrs,\n      instanceUID,\n      rangePickerLogic,\n      withInputs,\n      withIcon,\n      isControllerOnly,\n      isPickerOnly,\n    }),\n    [\n      propsWithDefaults,\n      xstyledAttrs,\n      globalAttrs,\n      instanceUID,\n      rangePickerLogic,\n      withInputs,\n      withIcon,\n      isControllerOnly,\n      isPickerOnly,\n    ],\n  );\n\n  return ctx;\n};\n"],
-  "mappings": "AAAA;ACIA;AACA;AACA;AACA;AACA;AACA;AACA;AAGO,MAAM,+BAA+B,CAC1C,UACsC;AAEtC,mBAAiB,KAAK;AACtB,QAAM,cAAc,QAAQ,MAAM,IAAI,CAAC,GAAG,CAAC,CAAC;AAC5C,QAAM,oBAAoB,uCAAuC,KAAK;AAEtE,QAAM,eAAe,mBAAmB,iBAAiB;AAEzD,QAAM,cAAc,uBAAuB,iBAAiB;AAE5D,QAAM,EAAE,SAAS;AAEjB,QAAM,aACJ,SAAS,mCAAmC,QAAQ,SAAS,mCAAmC;AAClG,QAAM,WACJ,SAAS,mCAAmC,QAAQ,SAAS,mCAAmC;AAClG,QAAM,mBAAmB,SAAS,mCAAmC;AACrE,QAAM,eAAe,SAAS,mCAAmC;AAEjE,QAAM,mBAAmB,oBAAoB,iBAAiB;AAE9D,QAAM,MAAM,QACV,MAAO;AAAA,IACL,OAAO,EAAE,GAAG,kBAAkB;AAAA,IAC9B;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,IACA;AAAA,IACE;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,CACF;AAEA,SAAO;AACT;",
+  "mappings": "AAAA,YAAY,WAAW;ACIvB,SAAS,eAAe;AACxB,SAAS,WAAW;AACpB,SAAS,wBAAwB,0BAA0B;AAC3D,SAAS,8CAA8C;AACvD,SAAS,wBAAwB;AACjC,SAAS,2BAA2B;AACpC,SAAS,0CAA0C;AAG5C,MAAM,+BAA+B,CAC1C,UACsC;AAEtC,mBAAiB,KAAK;AACtB,QAAM,cAAc,QAAQ,MAAM,IAAI,CAAC,GAAG,CAAC,CAAC;AAC5C,QAAM,oBAAoB,uCAAuC,KAAK;AAEtE,QAAM,eAAe,mBAAmB,iBAAiB;AAEzD,QAAM,cAAc,uBAAuB,iBAAiB;AAE5D,QAAM,EAAE,KAAK,IAAI;AAEjB,QAAM,aACJ,SAAS,mCAAmC,QAAQ,SAAS,mCAAmC;AAClG,QAAM,WACJ,SAAS,mCAAmC,QAAQ,SAAS,mCAAmC;AAClG,QAAM,mBAAmB,SAAS,mCAAmC;AACrE,QAAM,eAAe,SAAS,mCAAmC;AAEjE,QAAM,mBAAmB,oBAAoB,iBAAiB;AAE9D,QAAM,MAAM;AAAA,IACV,OAAO;AAAA,MACL,OAAO,EAAE,GAAG,kBAAkB;AAAA,MAC9B;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACF;AAAA,IACA;AAAA,MACE;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACF;AAAA,EACF;AAEA,SAAO;AACT;",
   "names": []
 }

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

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/config/useGetPropsWithDefault.tsx"],
   "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { useMemoMergePropsWithDefault } from '@elliemae/ds-utilities';\nimport { defaultProps } from '../ControlledDateRangePickerCTX';\nimport { DateRangePickerPropsT } from '../index.d';\n// we have to merge the \"default\" nested default values with what the user gives us...\nexport const useGetDateRangePickerWithDefaultsProps = (props: Partial<DateRangePickerPropsT>): DateRangePickerPropsT =>\n  useMemoMergePropsWithDefault(props, defaultProps);\n"],
-  "mappings": "AAAA;ACAA;AACA;AAGO,MAAM,yCAAyC,CAAC,UACrD,6BAA6B,OAAO,YAAY;",
+  "mappings": "AAAA,YAAY,WAAW;ACAvB,SAAS,oCAAoC;AAC7C,SAAS,oBAAoB;AAGtB,MAAM,yCAAyC,CAAC,UACrD,6BAA6B,OAAO,YAAY;",
   "names": []
 }