@elliemae/ds-form-date-range-picker 3.10.0-next.9 → 3.10.2

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-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", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB;AAEA,0BAAyB;AACzB,0CAA6C;AAC7C,wCAA2C;AAC3C,uBAA0B;AAC1B,0CAAiD;AAEjD,qBAAgD;AAEhD,MAAM,8BAA8B,CAAC,UAA8C;AACjF,QAAM,UAAM,kEAA6B,KAAK;AAC9C,SACE,4CAAC,qEAAiC,UAAjC;AAAA,IAA0C,OAAO;AAAA,IAChD,sDAAC,gEAA2B;AAAA,GAC9B;AAEJ;AAEA,4BAA4B,cAAc;AAC1C,MAAM,4CAAwC,8BAAS,2BAA2B;AAClF,sCAAsC,YAAY;",
+  "sourcesContent": ["/* 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 { DSControlledDateRangePickerT } from './propTypes';\nimport { DSControlledDateRangePickerName } from './exported-related/theming';\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 = propTypes;\n\nexport { DSControlledDateRangePickerWithSchema, DSControlledDateRangePicker };\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB;AAEA,0BAAyB;AACzB,0CAA6C;AAC7C,wCAA2C;AAC3C,uBAA0B;AAC1B,0CAAiD;AAEjD,qBAAgD;AAEhD,MAAM,8BAA8B,CAAC,UAA2D;AAC9F,QAAM,UAAM,kEAA6B,KAAK;AAC9C,SACE,4CAAC,qEAAiC,UAAjC;AAAA,IAA0C,OAAO;AAAA,IAChD,sDAAC,gEAA2B;AAAA,GAC9B;AAEJ;AAEA,4BAA4B,cAAc;AAC1C,MAAM,4CAAwC,8BAAS,2BAA2B;AAClF,sCAAsC,YAAY;",
   "names": []
 }

package/dist/cjs/ControlledDateRangePickerCTX.js

@@ -25,60 +25,12 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
 var ControlledDateRangePickerCTX_exports = {};
 __export(ControlledDateRangePickerCTX_exports, {
   ControlledDateRangePickerContext: () => ControlledDateRangePickerContext,
-  default: () => ControlledDateRangePickerCTX_default,
-  defaultProps: () => defaultProps
+  default: () => ControlledDateRangePickerCTX_default
 });
 module.exports = __toCommonJS(ControlledDateRangePickerCTX_exports);
 var React = __toESM(require("react"));
 var import_react = require("react");
-const noop = () => {
-};
-const defaultReturnFalse = () => false;
-const defaultProps = {
-  type: "full-date-range",
-  fromDate: "",
-  onFromDateChange: noop,
-  onMonthFromChange: noop,
-  onDayFromChange: noop,
-  onYearFromChange: noop,
-  hasError: false,
-  pickerFooterMsg: "",
-  toDate: "",
-  onToDateChange: noop,
-  onMonthToChange: noop,
-  onDayToChange: noop,
-  onYearToChange: noop,
-  emptyPickerStartingMonth: void 0,
-  onCalendarOpenFocusedDay: void 0,
-  isClearable: false,
-  getIsDisabledDay: defaultReturnFalse,
-  getIsOutOfRangeDay: defaultReturnFalse,
-  autoFocus: false
-};
-const defaultContext = {
-  props: defaultProps,
-  rangePickerLogic: {
-    latestChangedDate: "",
-    onCalendarOpen: noop,
-    onCalendarClose: noop,
-    handleFromDateChange: noop,
-    handleToDateChange: noop,
-    handlePickerDateChange: noop,
-    handlePickerMonthDateChange: noop,
-    handlePickerDayDateChange: noop,
-    handlePickerYearDateChange: noop,
-    getIsStartRangeDay: defaultReturnFalse,
-    getIsDayInRange: defaultReturnFalse,
-    getIsEndRangeDay: defaultReturnFalse
-  },
-  instanceUID: "",
-  withInputs: false,
-  withIcon: false,
-  isControllerOnly: false,
-  isPickerOnly: false,
-  xstyledAttrs: {},
-  globalAttrs: {}
-};
+const defaultContext = {};
 const ControlledDateRangePickerContext = (0, import_react.createContext)(defaultContext);
 var ControlledDateRangePickerCTX_default = ControlledDateRangePickerContext;
 //# sourceMappingURL=ControlledDateRangePickerCTX.js.map

package/dist/cjs/ControlledDateRangePickerCTX.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/ControlledDateRangePickerCTX.tsx", "../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["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", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAA8B;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,uCAAmC,4BAAiD,cAAc;AAE/G,IAAO,uCAAQ;",
+  "sourcesContent": ["import { createContext } from 'react';\nimport type { ControlledDateRangePickerContextT } from './config/useControlledDateRangePicker';\n\nconst defaultContext = {} as ControlledDateRangePickerContextT;\n/** Context for cross component communication */\nexport const ControlledDateRangePickerContext = createContext<ControlledDateRangePickerContextT>(defaultContext);\n\nexport default ControlledDateRangePickerContext;\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAA8B;AAG9B,MAAM,iBAAiB,CAAC;AAEjB,MAAM,uCAAmC,4BAAiD,cAAc;AAE/G,IAAO,uCAAQ;",
   "names": []
 }

package/dist/cjs/ControlledDateRangePickerDatatestid.js.map

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

package/dist/cjs/ControlledDateRangePickerTypes.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/ControlledDateRangePickerTypes.tsx", "../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["/* 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", "import * as React from 'react';\nexport { React };\n"],
+  "sourcesContent": ["/* eslint-disable @typescript-eslint/prefer-as-const */\nexport const CONTROLLED_DATE_RANGE_PICKER_TYPES = {\n  FULL: 'full-date-range',\n  CONTROLLER_ONLY: 'date-range-picker-controller-only',\n  PICKER: 'date-range-picker',\n  INPUTS: 'date-range-inputs',\n} as const;\n", "import * as React from 'react';\nexport { React };\n"],
   "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADChB,MAAM,qCAAqC;AAAA,EAChD,MAAM;AAAA,EACN,iBAAiB;AAAA,EACjB,QAAQ;AAAA,EACR,QAAQ;AACV;",
   "names": []
 }

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/config/useControlledDateRangePicker.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["/* 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", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADIvB,mBAAwB;AACxB,iBAAoB;AACpB,0BAA2D;AAC3D,oCAAuD;AACvD,8BAAiC;AACjC,iCAAoC;AACpC,4CAAmD;AAG5C,MAAM,+BAA+B,CAC1C,UACsC;AAEtC,gDAAiB,KAAK;AACtB,QAAM,kBAAc,sBAAQ,UAAM,gBAAI,CAAC,GAAG,CAAC,CAAC;AAC5C,QAAM,wBAAoB,sEAAuC,KAAK;AAEtE,QAAM,mBAAe,wCAAmB,iBAAiB;AAEzD,QAAM,kBAAc,4CAAuB,iBAAiB;AAE5D,QAAM,EAAE,KAAK,IAAI;AAEjB,QAAM,aACJ,SAAS,yEAAmC,QAAQ,SAAS,yEAAmC;AAClG,QAAM,WACJ,SAAS,yEAAmC,QAAQ,SAAS,yEAAmC;AAClG,QAAM,mBAAmB,SAAS,yEAAmC;AACrE,QAAM,eAAe,SAAS,yEAAmC;AAEjE,QAAM,uBAAmB,gDAAoB,iBAAiB;AAE9D,QAAM,UAAM;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;",
+  "sourcesContent": ["/* 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 { DSControlledDateRangePickerT } from '../propTypes';\n\ninterface RangePickerLogicT {\n  latestChangedDate: string;\n\n  onCalendarOpen: () => void;\n  onCalendarClose: () => void;\n\n  handleFromDateChange: DSControlledDateRangePickerT.RangeOnDateChange;\n  handleToDateChange: DSControlledDateRangePickerT.RangeOnDateChange;\n\n  handlePickerDateChange: DSControlledDateRangePickerT.RangeOnDateChange;\n  handlePickerMonthDateChange: DSControlledDateRangePickerT.AppOnInputChange;\n  handlePickerDayDateChange: DSControlledDateRangePickerT.AppOnInputChange;\n  handlePickerYearDateChange: DSControlledDateRangePickerT.AppOnInputChange;\n\n  getIsStartRangeDay: (day: string) => boolean;\n  getIsDayInRange: (day: string) => boolean;\n  getIsEndRangeDay: (day: string) => boolean;\n}\n\nexport interface ControlledDateRangePickerContextT {\n  props: DSControlledDateRangePickerT.InternalProps;\n  instanceUID: string;\n  rangePickerLogic: RangePickerLogicT;\n  withInputs: boolean;\n  withIcon: boolean;\n  isControllerOnly: boolean;\n  isPickerOnly: boolean;\n  xstyledAttrs: Record<string, unknown>;\n  globalAttrs: Record<string, unknown>;\n}\n\nexport const useControlledDateRangePicker = (\n  props: DSControlledDateRangePickerT.Props,\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", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADIvB,mBAAwB;AACxB,iBAAoB;AACpB,0BAA2D;AAC3D,oCAAuD;AACvD,8BAAiC;AACjC,iCAAoC;AACpC,4CAAmD;AAkC5C,MAAM,+BAA+B,CAC1C,UACsC;AAEtC,gDAAiB,KAAK;AACtB,QAAM,kBAAc,sBAAQ,UAAM,gBAAI,CAAC,GAAG,CAAC,CAAC;AAC5C,QAAM,wBAAoB,sEAAuC,KAAK;AAEtE,QAAM,mBAAe,wCAAmB,iBAAiB;AAEzD,QAAM,kBAAc,4CAAuB,iBAAiB;AAE5D,QAAM,EAAE,KAAK,IAAI;AAEjB,QAAM,aACJ,SAAS,yEAAmC,QAAQ,SAAS,yEAAmC;AAClG,QAAM,WACJ,SAAS,yEAAmC,QAAQ,SAAS,yEAAmC;AAClG,QAAM,mBAAmB,SAAS,yEAAmC;AACrE,QAAM,eAAe,SAAS,yEAAmC;AAEjE,QAAM,uBAAmB,gDAAoB,iBAAiB;AAE9D,QAAM,UAAM;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/cjs/config/useGetPropsWithDefault.js

@@ -29,6 +29,6 @@ __export(useGetPropsWithDefault_exports, {
 module.exports = __toCommonJS(useGetPropsWithDefault_exports);
 var React = __toESM(require("react"));
 var import_ds_utilities = require("@elliemae/ds-utilities");
-var import_ControlledDateRangePickerCTX = require("../ControlledDateRangePickerCTX");
-const useGetDateRangePickerWithDefaultsProps = (props) => (0, import_ds_utilities.useMemoMergePropsWithDefault)(props, import_ControlledDateRangePickerCTX.defaultProps);
+var import_propTypes = require("../propTypes");
+const useGetDateRangePickerWithDefaultsProps = (props) => (0, import_ds_utilities.useMemoMergePropsWithDefault)(props, import_propTypes.defaultProps);
 //# sourceMappingURL=useGetPropsWithDefault.js.map

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/config/useGetPropsWithDefault.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["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", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,0BAA6C;AAC7C,0CAA6B;AAGtB,MAAM,yCAAyC,CAAC,cACrD,kDAA6B,OAAO,gDAAY;",
+  "sourcesContent": ["import { useMemoMergePropsWithDefault } from '@elliemae/ds-utilities';\nimport { defaultProps, type DSControlledDateRangePickerT } from '../propTypes';\n// we have to merge the \"default\" nested default values with what the user gives us...\nexport const useGetDateRangePickerWithDefaultsProps = (\n  props: DSControlledDateRangePickerT.Props,\n): DSControlledDateRangePickerT.InternalProps => useMemoMergePropsWithDefault(props, defaultProps);\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,0BAA6C;AAC7C,uBAAgE;AAEzD,MAAM,yCAAyC,CACpD,cAC+C,kDAA6B,OAAO,6BAAY;",
   "names": []
 }

package/dist/cjs/config/useRangePickerLogic.js

@@ -56,7 +56,7 @@ const useRangePickerLogic = ({
       const dateFrom = (0, import_ds_form_date_time_picker.getDayFromDateString)(dateFromString);
       const dateToString = calendarChangeIsFrom ? toDate : changedDay;
       const dateTo = (0, import_ds_form_date_time_picker.getDayFromDateString)(dateToString);
-      const isToBeforeFrom = dateTo?.getTime() < dateFrom?.getTime();
+      const isToBeforeFrom = !!dateTo && !!dateFrom && dateTo?.getTime() < dateFrom?.getTime();
       const newDateFromString = isToBeforeFrom ? dateToString : dateFromString;
       const forcingFromDatePick = isToBeforeFrom ? !calendarChangeIsFrom : false;
       const newDateToString = isToBeforeFrom ? dateFromString : dateToString;
@@ -80,7 +80,7 @@ const useRangePickerLogic = ({
   );
   const handlePickerMonthDateChange = (0, import_react.useCallback)(
     (newMonth, e, metaInfo) => {
-      const { newDateString } = metaInfo;
+      const { newDateString = "" } = metaInfo;
       const { currentClickCountAsFrom } = getChangedDayStringValues(newDateString);
       if (currentClickCountAsFrom)
         onMonthFromChange(newMonth, e, metaInfo);
@@ -91,7 +91,7 @@ const useRangePickerLogic = ({
   );
   const handlePickerDayDateChange = (0, import_react.useCallback)(
     (newDay, e, metaInfo) => {
-      const { newDateString } = metaInfo;
+      const { newDateString = "" } = metaInfo;
       const { currentClickCountAsFrom } = getChangedDayStringValues(newDateString);
       if (currentClickCountAsFrom)
         onDayFromChange(newDay, e, metaInfo);
@@ -102,7 +102,7 @@ const useRangePickerLogic = ({
   );
   const handlePickerYearDateChange = (0, import_react.useCallback)(
     (newYear, e, metaInfo) => {
-      const { newDateString } = metaInfo;
+      const { newDateString = "" } = metaInfo;
       const { currentClickCountAsFrom } = getChangedDayStringValues(newDateString);
       if (currentClickCountAsFrom)
         onYearFromChange(newYear, e, metaInfo);
@@ -137,7 +137,7 @@ const useRangePickerLogic = ({
       if (!dayFrom || !dayTo || !dayString)
         return false;
       const newDayTime = (0, import_ds_form_date_time_picker.getDayFromDateString)(dayString)?.getTime();
-      return newDayTime <= dayTo.getTime() && newDayTime >= dayFrom.getTime();
+      return !!newDayTime && newDayTime <= dayTo.getTime() && newDayTime >= dayFrom.getTime();
     },
     [fromDate, toDate]
   );
@@ -148,7 +148,7 @@ const useRangePickerLogic = ({
   const getIsToBeforeFrom = (0, import_react.useCallback)((fromString, toString) => {
     const dateFrom = (0, import_ds_form_date_time_picker.getDayFromDateString)(fromString);
     const dateTo = (0, import_ds_form_date_time_picker.getDayFromDateString)(toString);
-    return dateTo?.getTime() < dateFrom?.getTime();
+    return !!dateTo && !!dateFrom && dateTo?.getTime() < dateFrom?.getTime();
   }, []);
   const handleFromDateChange = (0, import_react.useCallback)(
     (newVal, metaInfo) => {

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

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

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

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

package/dist/cjs/parts/ControlledDateRangeCalendar.js

@@ -42,7 +42,6 @@ const ControlledDateRangeCalendar = () => {
       getIsOutOfRangeDay,
       hasError,
       autoFocus,
-      innerRef,
       pickerFooterMsg
     },
     rangePickerLogic: {

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      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;",
+  "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;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,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.map

@@ -1,7 +1,7 @@
 {
   "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"],
+  "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 { DSControlledDateRangePickerT } from '../propTypes';\nimport { DSControlledDateRangePickerName, DSControlledDateRangePickerSlots } from '../exported-related/theming';\n\ninterface StyledWrapperT {\n  isControllerOnly: boolean;\n  isPickerOnly: boolean;\n  type: DSControlledDateRangePickerT.ControlledDateRangeType;\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;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/propTypes.js

@@ -24,11 +24,34 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var propTypes_exports = {};
 __export(propTypes_exports, {
+  defaultProps: () => defaultProps,
   propTypes: () => propTypes
 });
 module.exports = __toCommonJS(propTypes_exports);
 var React = __toESM(require("react"));
 var import_ds_utilities = require("@elliemae/ds-utilities");
+const noop = () => {
+};
+const defaultReturnFalse = () => false;
+const defaultProps = {
+  type: "full-date-range",
+  fromDate: "",
+  onFromDateChange: noop,
+  onMonthFromChange: noop,
+  onDayFromChange: noop,
+  onYearFromChange: noop,
+  pickerFooterMsg: "",
+  toDate: "",
+  onToDateChange: noop,
+  onMonthToChange: noop,
+  onDayToChange: noop,
+  onYearToChange: noop,
+  getIsDisabledDay: defaultReturnFalse,
+  getIsOutOfRangeDay: defaultReturnFalse,
+  hasError: false,
+  isClearable: false,
+  autoFocus: false
+};
 const propTypes = {
   ...import_ds_utilities.globalAttributesPropTypes,
   ...import_ds_utilities.xstyledPropTypes,
@@ -37,6 +60,35 @@ const propTypes = {
     "date-range-picker-controller-only",
     "date-range-picker",
     "date-range-inputs"
-  ]).description("Type of date range form control to use")
+  ]).description("Type of date range form control to use").defaultValue("full-date-range"),
+  fromDate: import_ds_utilities.PropTypes.string.description(`strictly formatted string representing user's selected "from" date`).isRequired,
+  onFromDateChange: import_ds_utilities.PropTypes.func.description('function to react to "from" date changing').signature("(( newVal: string, e: React.SyntheticEvent, metaInfo: Record<string,unknown> ) => void )").isRequired,
+  onMonthFromChange: import_ds_utilities.PropTypes.func.description('function to react to "from" month changing').defaultValue(() => {
+  }).signature("(( newVal: string, e: React.SyntheticEvent, metaInfo: Record<string,unknown> ) => void )"),
+  onDayFromChange: import_ds_utilities.PropTypes.func.description('function to react to "from" day changing').defaultValue(() => {
+  }).signature("(( newVal: string, e: React.SyntheticEvent, metaInfo: Record<string,unknown> ) => void )"),
+  onYearFromChange: import_ds_utilities.PropTypes.func.description('function to react to "from" year changing').defaultValue(() => {
+  }).signature("(( newVal: string, e: React.SyntheticEvent, metaInfo: Record<string,unknown> ) => void )"),
+  toDate: import_ds_utilities.PropTypes.string.description(`strictly formatted string representing user's selected "to" date`).isRequired,
+  onToDateChange: import_ds_utilities.PropTypes.func.description('function to react to "to" date changing').signature("(( newVal: string, e: React.SyntheticEvent, metaInfo: Record<string,unknown> ) => void )").isRequired,
+  onMonthToChange: import_ds_utilities.PropTypes.func.description('function to react to "to" month changing').defaultValue(() => {
+  }).signature("(( newVal: string, e: React.SyntheticEvent, metaInfo: Record<string,unknown> ) => void )"),
+  onDayToChange: import_ds_utilities.PropTypes.func.description('function to react to "to" day changing').defaultValue(() => {
+  }).signature("(( newVal: string, e: React.SyntheticEvent, metaInfo: Record<string,unknown> ) => void )"),
+  onYearToChange: import_ds_utilities.PropTypes.func.description('function to react to "to" year changing').defaultValue(() => {
+  }).signature("(( newVal: string, e: React.SyntheticEvent, metaInfo: Record<string,unknown> ) => void )"),
+  getIsDisabledDay: import_ds_utilities.PropTypes.func.description('function used to mark day as "disable"').defaultValue(() => false).signature("(( day: string ) => boolean )"),
+  getIsOutOfRangeDay: import_ds_utilities.PropTypes.func.description('function used to mark day as "out of range"').defaultValue(() => false).signature("(( day: string ) => boolean )"),
+  pickerFooterMsg: import_ds_utilities.PropTypes.string.description(""),
+  hasError: import_ds_utilities.PropTypes.bool.description("boolean indicating wheter the selected range is to be marked as wrong").defaultValue(false),
+  isClearable: import_ds_utilities.PropTypes.bool.description('boolean to optionally activate "clearable" icons in the inputs').defaultValue(false),
+  autoFocus: import_ds_utilities.PropTypes.bool.description('boolean to auto-focus the "from" date month on render as per html auto-focus propriety').defaultValue(false),
+  emptyPickerStartingMonth: import_ds_utilities.PropTypes.string.description(
+    "strictly formatted string representing the starting month to be displayed when calendar context menu is invoked without any selected dates"
+  ),
+  onCalendarOpenFocusedDay: import_ds_utilities.PropTypes.string.description(
+    "strictly formatted string representing the day to be focused when calendar context menu is invoked without any selected dates"
+  ),
+  innerRef: import_ds_utilities.PropTypes.string.description('"from" month input html node reference')
 };
 //# sourceMappingURL=propTypes.js.map

package/dist/cjs/propTypes.js.map

@@ -1,7 +1,7 @@
 {
   "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;",
+  "sourcesContent": ["import { PropTypes, globalAttributesPropTypes, xstyledPropTypes } from '@elliemae/ds-utilities';\nimport { type DSControlledDateTimePickerT } from '@elliemae/ds-form-date-time-picker';\nimport { WeakValidationMap } from 'react';\n\n// eslint-disable-next-line @typescript-eslint/no-empty-function\nconst noop = (): void => {};\nconst defaultReturnFalse = (): boolean => false;\nexport declare namespace DSControlledDateRangePickerT {\n  export interface RangePickerMetaInfoT extends DSControlledDateTimePickerT.InternalInputsChangeMetaInfo {\n    rangeDateChangeType?: 'from' | 'to';\n    automaticSwitchedDates?: boolean;\n    isIncorrectOrder?: boolean;\n  }\n  export type RangeOnDateChange = (val: string, metaInfo: RangePickerMetaInfoT) => void;\n  export type AppOnInputChange = DSControlledDateTimePickerT.AppOnInputChange;\n  export type ControlledDateRangeType =\n    | 'full-date-range'\n    | 'date-range-picker-controller-only'\n    | 'date-range-picker'\n    | 'date-range-inputs';\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  }\n\n  export interface OptionalProps {\n    emptyPickerStartingMonth?: string;\n    onCalendarOpenFocusedDay?: string;\n    innerRef?: React.MutableRefObject<HTMLInputElement | HTMLButtonElement | null>;\n  }\n\n  export interface Props extends Partial<DefaultProps>, OptionalProps {}\n\n  export interface InternalProps extends DefaultProps, OptionalProps {}\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};\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  ])\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.string.description('\"from\" month input html node reference'),\n} as WeakValidationMap<unknown>;\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,0BAAuE;AAKvE,MAAM,OAAO,MAAY;AAAC;AAC1B,MAAM,qBAAqB,MAAe;AA+CnC,MAAM,eAA0D;AAAA,EACrE,MAAM;AAAA,EACN,UAAU;AAAA,EACV,kBAAkB;AAAA,EAClB,mBAAmB;AAAA,EACnB,iBAAiB;AAAA,EACjB,kBAAkB;AAAA,EAClB,iBAAiB;AAAA,EACjB,QAAQ;AAAA,EACR,gBAAgB;AAAA,EAChB,iBAAiB;AAAA,EACjB,eAAe;AAAA,EACf,gBAAgB;AAAA,EAChB,kBAAkB;AAAA,EAClB,oBAAoB;AAAA,EACpB,UAAU;AAAA,EACV,aAAa;AAAA,EACb,WAAW;AACb;AAEO,MAAM,YAAY;AAAA,EACvB,GAAG;AAAA,EACH,GAAG;AAAA,EACH,MAAM,8BAAU,MAAM;AAAA,IACpB;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,CAAC,EACE,YAAY,wCAAwC,EACpD,aAAa,iBAAiB;AAAA,EACjC,UAAU,8BAAU,OAAO,YAAY,oEAAoE,EACxG;AAAA,EACH,kBAAkB,8BAAU,KACzB,YAAY,2CAA2C,EACvD,UAAU,0FAA0F,EAAE;AAAA,EACzG,mBAAmB,8BAAU,KAC1B,YAAY,4CAA4C,EACxD,aAAa,MAAM;AAAA,EAAC,CAAC,EACrB,UAAU,0FAA0F;AAAA,EACvG,iBAAiB,8BAAU,KACxB,YAAY,0CAA0C,EACtD,aAAa,MAAM;AAAA,EAAC,CAAC,EACrB,UAAU,0FAA0F;AAAA,EACvG,kBAAkB,8BAAU,KACzB,YAAY,2CAA2C,EACvD,aAAa,MAAM;AAAA,EAAC,CAAC,EACrB,UAAU,0FAA0F;AAAA,EACvG,QAAQ,8BAAU,OAAO,YAAY,kEAAkE,EAAE;AAAA,EACzG,gBAAgB,8BAAU,KACvB,YAAY,yCAAyC,EACrD,UAAU,0FAA0F,EAAE;AAAA,EACzG,iBAAiB,8BAAU,KACxB,YAAY,0CAA0C,EACtD,aAAa,MAAM;AAAA,EAAC,CAAC,EACrB,UAAU,0FAA0F;AAAA,EACvG,eAAe,8BAAU,KACtB,YAAY,wCAAwC,EACpD,aAAa,MAAM;AAAA,EAAC,CAAC,EACrB,UAAU,0FAA0F;AAAA,EACvG,gBAAgB,8BAAU,KACvB,YAAY,yCAAyC,EACrD,aAAa,MAAM;AAAA,EAAC,CAAC,EACrB,UAAU,0FAA0F;AAAA,EACvG,kBAAkB,8BAAU,KACzB,YAAY,wCAAwC,EACpD,aAAa,MAAM,KAAK,EACxB,UAAU,+BAA+B;AAAA,EAC5C,oBAAoB,8BAAU,KAC3B,YAAY,6CAA6C,EACzD,aAAa,MAAM,KAAK,EACxB,UAAU,+BAA+B;AAAA,EAC5C,iBAAiB,8BAAU,OAAO,YAAY,EAAE;AAAA,EAChD,UAAU,8BAAU,KACjB,YAAY,uEAAuE,EACnF,aAAa,KAAK;AAAA,EACrB,aAAa,8BAAU,KACpB,YAAY,gEAAgE,EAC5E,aAAa,KAAK;AAAA,EACrB,WAAW,8BAAU,KAClB,YAAY,wFAAwF,EACpG,aAAa,KAAK;AAAA,EACrB,0BAA0B,8BAAU,OAAO;AAAA,IACzC;AAAA,EACF;AAAA,EACA,0BAA0B,8BAAU,OAAO;AAAA,IACzC;AAAA,EACF;AAAA,EACA,UAAU,8BAAU,OAAO,YAAY,wCAAwC;AACjF;",
   "names": []
 }

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-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,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;",
+  "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 { DSControlledDateRangePickerT } from './propTypes';\nimport { DSControlledDateRangePickerName } from './exported-related/theming';\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 = propTypes;\n\nexport { DSControlledDateRangePickerWithSchema, DSControlledDateRangePicker };\n"],
+  "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,UAA2D;AAC9F,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

@@ -1,58 +1,10 @@
 import * as React from "react";
 import { createContext } from "react";
-const noop = () => {
-};
-const defaultReturnFalse = () => false;
-const defaultProps = {
-  type: "full-date-range",
-  fromDate: "",
-  onFromDateChange: noop,
-  onMonthFromChange: noop,
-  onDayFromChange: noop,
-  onYearFromChange: noop,
-  hasError: false,
-  pickerFooterMsg: "",
-  toDate: "",
-  onToDateChange: noop,
-  onMonthToChange: noop,
-  onDayToChange: noop,
-  onYearToChange: noop,
-  emptyPickerStartingMonth: void 0,
-  onCalendarOpenFocusedDay: void 0,
-  isClearable: false,
-  getIsDisabledDay: defaultReturnFalse,
-  getIsOutOfRangeDay: defaultReturnFalse,
-  autoFocus: false
-};
-const defaultContext = {
-  props: defaultProps,
-  rangePickerLogic: {
-    latestChangedDate: "",
-    onCalendarOpen: noop,
-    onCalendarClose: noop,
-    handleFromDateChange: noop,
-    handleToDateChange: noop,
-    handlePickerDateChange: noop,
-    handlePickerMonthDateChange: noop,
-    handlePickerDayDateChange: noop,
-    handlePickerYearDateChange: noop,
-    getIsStartRangeDay: defaultReturnFalse,
-    getIsDayInRange: defaultReturnFalse,
-    getIsEndRangeDay: defaultReturnFalse
-  },
-  instanceUID: "",
-  withInputs: false,
-  withIcon: false,
-  isControllerOnly: false,
-  isPickerOnly: false,
-  xstyledAttrs: {},
-  globalAttrs: {}
-};
+const defaultContext = {};
 const ControlledDateRangePickerContext = createContext(defaultContext);
 var ControlledDateRangePickerCTX_default = ControlledDateRangePickerContext;
 export {
   ControlledDateRangePickerContext,
-  ControlledDateRangePickerCTX_default as default,
-  defaultProps
+  ControlledDateRangePickerCTX_default as default
 };
 //# sourceMappingURL=ControlledDateRangePickerCTX.js.map

package/dist/esm/ControlledDateRangePickerCTX.js.map

@@ -1,7 +1,7 @@
 {
   "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,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;",
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { createContext } from 'react';\nimport type { ControlledDateRangePickerContextT } from './config/useControlledDateRangePicker';\n\nconst defaultContext = {} as ControlledDateRangePickerContextT;\n/** Context for cross component communication */\nexport const ControlledDateRangePickerContext = createContext<ControlledDateRangePickerContextT>(defaultContext);\n\nexport default ControlledDateRangePickerContext;\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACAvB,SAAS,qBAAqB;AAG9B,MAAM,iBAAiB,CAAC;AAEjB,MAAM,mCAAmC,cAAiD,cAAc;AAE/G,IAAO,uCAAQ;",
   "names": []
 }

package/dist/esm/ControlledDateRangePickerDatatestid.js.map

@@ -1,7 +1,7 @@
 {
   "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"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "export const ControlledDateRangePickerDatatestid = {\n  WRAPPER: 'ds-controlled-date-range-picker-wrapper',\n} as const;\n"],
   "mappings": "AAAA,YAAY,WAAW;ACAhB,MAAM,sCAAsC;AAAA,EACjD,SAAS;AACX;",
   "names": []
 }

package/dist/esm/ControlledDateRangePickerTypes.js.map

@@ -1,7 +1,7 @@
 {
   "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"],
+  "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',\n  CONTROLLER_ONLY: 'date-range-picker-controller-only',\n  PICKER: 'date-range-picker',\n  INPUTS: 'date-range-inputs',\n} as const;\n"],
   "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.map

@@ -1,7 +1,7 @@
 {
   "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,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;",
+  "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 { DSControlledDateRangePickerT } from '../propTypes';\n\ninterface RangePickerLogicT {\n  latestChangedDate: string;\n\n  onCalendarOpen: () => void;\n  onCalendarClose: () => void;\n\n  handleFromDateChange: DSControlledDateRangePickerT.RangeOnDateChange;\n  handleToDateChange: DSControlledDateRangePickerT.RangeOnDateChange;\n\n  handlePickerDateChange: DSControlledDateRangePickerT.RangeOnDateChange;\n  handlePickerMonthDateChange: DSControlledDateRangePickerT.AppOnInputChange;\n  handlePickerDayDateChange: DSControlledDateRangePickerT.AppOnInputChange;\n  handlePickerYearDateChange: DSControlledDateRangePickerT.AppOnInputChange;\n\n  getIsStartRangeDay: (day: string) => boolean;\n  getIsDayInRange: (day: string) => boolean;\n  getIsEndRangeDay: (day: string) => boolean;\n}\n\nexport interface ControlledDateRangePickerContextT {\n  props: DSControlledDateRangePickerT.InternalProps;\n  instanceUID: string;\n  rangePickerLogic: RangePickerLogicT;\n  withInputs: boolean;\n  withIcon: boolean;\n  isControllerOnly: boolean;\n  isPickerOnly: boolean;\n  xstyledAttrs: Record<string, unknown>;\n  globalAttrs: Record<string, unknown>;\n}\n\nexport const useControlledDateRangePicker = (\n  props: DSControlledDateRangePickerT.Props,\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,YAAY,WAAW;ACIvB,SAAS,eAAe;AACxB,SAAS,WAAW;AACpB,SAAS,wBAAwB,0BAA0B;AAC3D,SAAS,8CAA8C;AACvD,SAAS,wBAAwB;AACjC,SAAS,2BAA2B;AACpC,SAAS,0CAA0C;AAkC5C,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

@@ -1,6 +1,6 @@
 import * as React from "react";
 import { useMemoMergePropsWithDefault } from "@elliemae/ds-utilities";
-import { defaultProps } from "../ControlledDateRangePickerCTX";
+import { defaultProps } from "../propTypes";
 const useGetDateRangePickerWithDefaultsProps = (props) => useMemoMergePropsWithDefault(props, defaultProps);
 export {
   useGetDateRangePickerWithDefaultsProps

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

@@ -1,7 +1,7 @@
 {
   "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,YAAY,WAAW;ACAvB,SAAS,oCAAoC;AAC7C,SAAS,oBAAoB;AAGtB,MAAM,yCAAyC,CAAC,UACrD,6BAA6B,OAAO,YAAY;",
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { useMemoMergePropsWithDefault } from '@elliemae/ds-utilities';\nimport { defaultProps, type DSControlledDateRangePickerT } from '../propTypes';\n// we have to merge the \"default\" nested default values with what the user gives us...\nexport const useGetDateRangePickerWithDefaultsProps = (\n  props: DSControlledDateRangePickerT.Props,\n): DSControlledDateRangePickerT.InternalProps => useMemoMergePropsWithDefault(props, defaultProps);\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACAvB,SAAS,oCAAoC;AAC7C,SAAS,oBAAuD;AAEzD,MAAM,yCAAyC,CACpD,UAC+C,6BAA6B,OAAO,YAAY;",
   "names": []
 }

package/dist/esm/config/useRangePickerLogic.js

@@ -27,7 +27,7 @@ const useRangePickerLogic = ({
       const dateFrom = getDayFromDateString(dateFromString);
       const dateToString = calendarChangeIsFrom ? toDate : changedDay;
       const dateTo = getDayFromDateString(dateToString);
-      const isToBeforeFrom = dateTo?.getTime() < dateFrom?.getTime();
+      const isToBeforeFrom = !!dateTo && !!dateFrom && dateTo?.getTime() < dateFrom?.getTime();
       const newDateFromString = isToBeforeFrom ? dateToString : dateFromString;
       const forcingFromDatePick = isToBeforeFrom ? !calendarChangeIsFrom : false;
       const newDateToString = isToBeforeFrom ? dateFromString : dateToString;
@@ -51,7 +51,7 @@ const useRangePickerLogic = ({
   );
   const handlePickerMonthDateChange = useCallback(
     (newMonth, e, metaInfo) => {
-      const { newDateString } = metaInfo;
+      const { newDateString = "" } = metaInfo;
       const { currentClickCountAsFrom } = getChangedDayStringValues(newDateString);
       if (currentClickCountAsFrom)
         onMonthFromChange(newMonth, e, metaInfo);
@@ -62,7 +62,7 @@ const useRangePickerLogic = ({
   );
   const handlePickerDayDateChange = useCallback(
     (newDay, e, metaInfo) => {
-      const { newDateString } = metaInfo;
+      const { newDateString = "" } = metaInfo;
       const { currentClickCountAsFrom } = getChangedDayStringValues(newDateString);
       if (currentClickCountAsFrom)
         onDayFromChange(newDay, e, metaInfo);
@@ -73,7 +73,7 @@ const useRangePickerLogic = ({
   );
   const handlePickerYearDateChange = useCallback(
     (newYear, e, metaInfo) => {
-      const { newDateString } = metaInfo;
+      const { newDateString = "" } = metaInfo;
       const { currentClickCountAsFrom } = getChangedDayStringValues(newDateString);
       if (currentClickCountAsFrom)
         onYearFromChange(newYear, e, metaInfo);
@@ -108,7 +108,7 @@ const useRangePickerLogic = ({
       if (!dayFrom || !dayTo || !dayString)
         return false;
       const newDayTime = getDayFromDateString(dayString)?.getTime();
-      return newDayTime <= dayTo.getTime() && newDayTime >= dayFrom.getTime();
+      return !!newDayTime && newDayTime <= dayTo.getTime() && newDayTime >= dayFrom.getTime();
     },
     [fromDate, toDate]
   );
@@ -119,7 +119,7 @@ const useRangePickerLogic = ({
   const getIsToBeforeFrom = useCallback((fromString, toString) => {
     const dateFrom = getDayFromDateString(fromString);
     const dateTo = getDayFromDateString(toString);
-    return dateTo?.getTime() < dateFrom?.getTime();
+    return !!dateTo && !!dateFrom && dateTo?.getTime() < dateFrom?.getTime();
   }, []);
   const handleFromDateChange = useCallback(
     (newVal, metaInfo) => {

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

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

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

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

package/dist/esm/parts/ControlledDateRangeCalendar.js

@@ -13,7 +13,6 @@ const ControlledDateRangeCalendar = () => {
       getIsOutOfRangeDay,
       hasError,
       autoFocus,
-      innerRef,
       pickerFooterMsg
     },
     rangePickerLogic: {

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

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

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

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

package/dist/esm/propTypes.js

@@ -1,5 +1,27 @@
 import * as React from "react";
 import { PropTypes, globalAttributesPropTypes, xstyledPropTypes } from "@elliemae/ds-utilities";
+const noop = () => {
+};
+const defaultReturnFalse = () => false;
+const defaultProps = {
+  type: "full-date-range",
+  fromDate: "",
+  onFromDateChange: noop,
+  onMonthFromChange: noop,
+  onDayFromChange: noop,
+  onYearFromChange: noop,
+  pickerFooterMsg: "",
+  toDate: "",
+  onToDateChange: noop,
+  onMonthToChange: noop,
+  onDayToChange: noop,
+  onYearToChange: noop,
+  getIsDisabledDay: defaultReturnFalse,
+  getIsOutOfRangeDay: defaultReturnFalse,
+  hasError: false,
+  isClearable: false,
+  autoFocus: false
+};
 const propTypes = {
   ...globalAttributesPropTypes,
   ...xstyledPropTypes,
@@ -8,9 +30,39 @@ const propTypes = {
     "date-range-picker-controller-only",
     "date-range-picker",
     "date-range-inputs"
-  ]).description("Type of date range form control to use")
+  ]).description("Type of date range form control to use").defaultValue("full-date-range"),
+  fromDate: PropTypes.string.description(`strictly formatted string representing user's selected "from" date`).isRequired,
+  onFromDateChange: PropTypes.func.description('function to react to "from" date changing').signature("(( newVal: string, e: React.SyntheticEvent, metaInfo: Record<string,unknown> ) => void )").isRequired,
+  onMonthFromChange: PropTypes.func.description('function to react to "from" month changing').defaultValue(() => {
+  }).signature("(( newVal: string, e: React.SyntheticEvent, metaInfo: Record<string,unknown> ) => void )"),
+  onDayFromChange: PropTypes.func.description('function to react to "from" day changing').defaultValue(() => {
+  }).signature("(( newVal: string, e: React.SyntheticEvent, metaInfo: Record<string,unknown> ) => void )"),
+  onYearFromChange: PropTypes.func.description('function to react to "from" year changing').defaultValue(() => {
+  }).signature("(( newVal: string, e: React.SyntheticEvent, metaInfo: Record<string,unknown> ) => void )"),
+  toDate: PropTypes.string.description(`strictly formatted string representing user's selected "to" date`).isRequired,
+  onToDateChange: PropTypes.func.description('function to react to "to" date changing').signature("(( newVal: string, e: React.SyntheticEvent, metaInfo: Record<string,unknown> ) => void )").isRequired,
+  onMonthToChange: PropTypes.func.description('function to react to "to" month changing').defaultValue(() => {
+  }).signature("(( newVal: string, e: React.SyntheticEvent, metaInfo: Record<string,unknown> ) => void )"),
+  onDayToChange: PropTypes.func.description('function to react to "to" day changing').defaultValue(() => {
+  }).signature("(( newVal: string, e: React.SyntheticEvent, metaInfo: Record<string,unknown> ) => void )"),
+  onYearToChange: PropTypes.func.description('function to react to "to" year changing').defaultValue(() => {
+  }).signature("(( newVal: string, e: React.SyntheticEvent, metaInfo: Record<string,unknown> ) => void )"),
+  getIsDisabledDay: PropTypes.func.description('function used to mark day as "disable"').defaultValue(() => false).signature("(( day: string ) => boolean )"),
+  getIsOutOfRangeDay: PropTypes.func.description('function used to mark day as "out of range"').defaultValue(() => false).signature("(( day: string ) => boolean )"),
+  pickerFooterMsg: PropTypes.string.description(""),
+  hasError: PropTypes.bool.description("boolean indicating wheter the selected range is to be marked as wrong").defaultValue(false),
+  isClearable: PropTypes.bool.description('boolean to optionally activate "clearable" icons in the inputs').defaultValue(false),
+  autoFocus: PropTypes.bool.description('boolean to auto-focus the "from" date month on render as per html auto-focus propriety').defaultValue(false),
+  emptyPickerStartingMonth: PropTypes.string.description(
+    "strictly formatted string representing the starting month to be displayed when calendar context menu is invoked without any selected dates"
+  ),
+  onCalendarOpenFocusedDay: PropTypes.string.description(
+    "strictly formatted string representing the day to be focused when calendar context menu is invoked without any selected dates"
+  ),
+  innerRef: PropTypes.string.description('"from" month input html node reference')
 };
 export {
+  defaultProps,
   propTypes
 };
 //# sourceMappingURL=propTypes.js.map

package/dist/esm/propTypes.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../scripts/build/transpile/react-shim.js", "../../src/propTypes.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { PropTypes, globalAttributesPropTypes, xstyledPropTypes } from '@elliemae/ds-utilities';\nimport { WeakValidationMap } from 'react';\n\nexport const propTypes = {\n  ...globalAttributesPropTypes,\n  ...xstyledPropTypes,\n  type: PropTypes.oneOf([\n    'full-date-range',\n    'date-range-picker-controller-only',\n    'date-range-picker',\n    'date-range-inputs',\n  ]).description('Type of date range form control to use'),\n} as WeakValidationMap<unknown>;\n"],
-  "mappings": "AAAA,YAAY,WAAW;ACAvB,SAAS,WAAW,2BAA2B,wBAAwB;AAGhE,MAAM,YAAY;AAAA,EACvB,GAAG;AAAA,EACH,GAAG;AAAA,EACH,MAAM,UAAU,MAAM;AAAA,IACpB;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,CAAC,EAAE,YAAY,wCAAwC;AACzD;",
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { PropTypes, globalAttributesPropTypes, xstyledPropTypes } from '@elliemae/ds-utilities';\nimport { type DSControlledDateTimePickerT } from '@elliemae/ds-form-date-time-picker';\nimport { WeakValidationMap } from 'react';\n\n// eslint-disable-next-line @typescript-eslint/no-empty-function\nconst noop = (): void => {};\nconst defaultReturnFalse = (): boolean => false;\nexport declare namespace DSControlledDateRangePickerT {\n  export interface RangePickerMetaInfoT extends DSControlledDateTimePickerT.InternalInputsChangeMetaInfo {\n    rangeDateChangeType?: 'from' | 'to';\n    automaticSwitchedDates?: boolean;\n    isIncorrectOrder?: boolean;\n  }\n  export type RangeOnDateChange = (val: string, metaInfo: RangePickerMetaInfoT) => void;\n  export type AppOnInputChange = DSControlledDateTimePickerT.AppOnInputChange;\n  export type ControlledDateRangeType =\n    | 'full-date-range'\n    | 'date-range-picker-controller-only'\n    | 'date-range-picker'\n    | 'date-range-inputs';\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  }\n\n  export interface OptionalProps {\n    emptyPickerStartingMonth?: string;\n    onCalendarOpenFocusedDay?: string;\n    innerRef?: React.MutableRefObject<HTMLInputElement | HTMLButtonElement | null>;\n  }\n\n  export interface Props extends Partial<DefaultProps>, OptionalProps {}\n\n  export interface InternalProps extends DefaultProps, OptionalProps {}\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};\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  ])\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.string.description('\"from\" month input html node reference'),\n} as WeakValidationMap<unknown>;\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACAvB,SAAS,WAAW,2BAA2B,wBAAwB;AAKvE,MAAM,OAAO,MAAY;AAAC;AAC1B,MAAM,qBAAqB,MAAe;AA+CnC,MAAM,eAA0D;AAAA,EACrE,MAAM;AAAA,EACN,UAAU;AAAA,EACV,kBAAkB;AAAA,EAClB,mBAAmB;AAAA,EACnB,iBAAiB;AAAA,EACjB,kBAAkB;AAAA,EAClB,iBAAiB;AAAA,EACjB,QAAQ;AAAA,EACR,gBAAgB;AAAA,EAChB,iBAAiB;AAAA,EACjB,eAAe;AAAA,EACf,gBAAgB;AAAA,EAChB,kBAAkB;AAAA,EAClB,oBAAoB;AAAA,EACpB,UAAU;AAAA,EACV,aAAa;AAAA,EACb,WAAW;AACb;AAEO,MAAM,YAAY;AAAA,EACvB,GAAG;AAAA,EACH,GAAG;AAAA,EACH,MAAM,UAAU,MAAM;AAAA,IACpB;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,CAAC,EACE,YAAY,wCAAwC,EACpD,aAAa,iBAAiB;AAAA,EACjC,UAAU,UAAU,OAAO,YAAY,oEAAoE,EACxG;AAAA,EACH,kBAAkB,UAAU,KACzB,YAAY,2CAA2C,EACvD,UAAU,0FAA0F,EAAE;AAAA,EACzG,mBAAmB,UAAU,KAC1B,YAAY,4CAA4C,EACxD,aAAa,MAAM;AAAA,EAAC,CAAC,EACrB,UAAU,0FAA0F;AAAA,EACvG,iBAAiB,UAAU,KACxB,YAAY,0CAA0C,EACtD,aAAa,MAAM;AAAA,EAAC,CAAC,EACrB,UAAU,0FAA0F;AAAA,EACvG,kBAAkB,UAAU,KACzB,YAAY,2CAA2C,EACvD,aAAa,MAAM;AAAA,EAAC,CAAC,EACrB,UAAU,0FAA0F;AAAA,EACvG,QAAQ,UAAU,OAAO,YAAY,kEAAkE,EAAE;AAAA,EACzG,gBAAgB,UAAU,KACvB,YAAY,yCAAyC,EACrD,UAAU,0FAA0F,EAAE;AAAA,EACzG,iBAAiB,UAAU,KACxB,YAAY,0CAA0C,EACtD,aAAa,MAAM;AAAA,EAAC,CAAC,EACrB,UAAU,0FAA0F;AAAA,EACvG,eAAe,UAAU,KACtB,YAAY,wCAAwC,EACpD,aAAa,MAAM;AAAA,EAAC,CAAC,EACrB,UAAU,0FAA0F;AAAA,EACvG,gBAAgB,UAAU,KACvB,YAAY,yCAAyC,EACrD,aAAa,MAAM;AAAA,EAAC,CAAC,EACrB,UAAU,0FAA0F;AAAA,EACvG,kBAAkB,UAAU,KACzB,YAAY,wCAAwC,EACpD,aAAa,MAAM,KAAK,EACxB,UAAU,+BAA+B;AAAA,EAC5C,oBAAoB,UAAU,KAC3B,YAAY,6CAA6C,EACzD,aAAa,MAAM,KAAK,EACxB,UAAU,+BAA+B;AAAA,EAC5C,iBAAiB,UAAU,OAAO,YAAY,EAAE;AAAA,EAChD,UAAU,UAAU,KACjB,YAAY,uEAAuE,EACnF,aAAa,KAAK;AAAA,EACrB,aAAa,UAAU,KACpB,YAAY,gEAAgE,EAC5E,aAAa,KAAK;AAAA,EACrB,WAAW,UAAU,KAClB,YAAY,wFAAwF,EACpG,aAAa,KAAK;AAAA,EACrB,0BAA0B,UAAU,OAAO;AAAA,IACzC;AAAA,EACF;AAAA,EACA,0BAA0B,UAAU,OAAO;AAAA,IACzC;AAAA,EACF;AAAA,EACA,UAAU,UAAU,OAAO,YAAY,wCAAwC;AACjF;",
   "names": []
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@elliemae/ds-form-date-range-picker",
-  "version": "3.10.0-next.9",
+  "version": "3.10.2",
   "license": "MIT",
   "description": "ICE MT - Dimsum - Controlled Form Date Range Picker",
   "files": [
@@ -35,10 +35,10 @@
     "indent": 4
   },
   "dependencies": {
-    "@elliemae/ds-form-date-time-picker": "3.10.0-next.9",
-    "@elliemae/ds-form-layout-blocks": "3.10.0-next.9",
-    "@elliemae/ds-system": "3.10.0-next.9",
-    "@elliemae/ds-utilities": "3.10.0-next.9",
+    "@elliemae/ds-form-date-time-picker": "3.10.2",
+    "@elliemae/ds-form-layout-blocks": "3.10.2",
+    "@elliemae/ds-system": "3.10.2",
+    "@elliemae/ds-utilities": "3.10.2",
     "styled-components": "~5.3.5",
     "uid": "~2.0.0"
   },
@@ -67,7 +67,10 @@
     "test": "node ../../scripts/testing/test.mjs",
     "lint": "node ../../scripts/lint.mjs",
     "dts": "node ../../scripts/dts.mjs",
+    "dts:withdeps": "pnpm --filter {.}... dts",
     "build": "cross-env NODE_ENV=production node ../../scripts/build/build.mjs",
+    "dev:build": "pnpm --filter {.}... build && pnpm --filter {.}... dts",
+    "dev:install": "pnpm --filter {.}... i --no-lockfile && pnpm run dev:build",
     "checkDeps": "npx -yes ../ds-codemods check-missing-packages --projectFolderPath=\"./\" --ignorePackagesGlobPattern=\"\" --ignoreFilesGlobPattern=\"**/test-ables/*,**/tests/*\""
   }
 }

package/dist/cjs/index.d.js

@@ -1,24 +0,0 @@
-"use strict";
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  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 __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-var index_d_exports = {};
-module.exports = __toCommonJS(index_d_exports);
-var React = __toESM(require("react"));
-//# sourceMappingURL=index.d.js.map

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

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../src/index.d.ts", "../../../../scripts/build/transpile/react-shim.js"],
-  "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';\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/esm/index.d.js

@@ -1,2 +0,0 @@
-import * as React from "react";
-//# sourceMappingURL=index.d.js.map

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

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