@elliemae/ds-form-date-range-picker 3.37.2 → 3.38.0-rc.1

package/dist/cjs/ControlledDateRangePicker.js

@@ -37,7 +37,7 @@ var import_jsx_runtime = require("react/jsx-runtime");
 var import_ds_props_helpers = require("@elliemae/ds-props-helpers");
 var import_useControlledDateRangePicker = require("./config/useControlledDateRangePicker.js");
 var import_ControlledDateRangeContent = require("./parts/ControlledDateRangeContent.js");
-var import_propTypes = require("./propTypes.js");
+var import_react_desc_prop_types = require("./react-desc-prop-types.js");
 var import_ControlledDateRangePickerCTX = require("./ControlledDateRangePickerCTX.js");
 var import_theming = require("./exported-related/theming.js");
 const DSControlledDateRangePicker = (props) => {
@@ -46,5 +46,5 @@ const DSControlledDateRangePicker = (props) => {
 };
 DSControlledDateRangePicker.displayName = import_theming.DSControlledDateRangePickerName;
 const DSControlledDateRangePickerWithSchema = (0, import_ds_props_helpers.describe)(DSControlledDateRangePicker);
-DSControlledDateRangePickerWithSchema.propTypes = import_propTypes.propTypes;
+DSControlledDateRangePickerWithSchema.propTypes = import_react_desc_prop_types.DSControlledDateRangePickerPropTypesWithSchema;
 //# sourceMappingURL=ControlledDateRangePicker.js.map

package/dist/cjs/ControlledDateRangePicker.js.map

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

@@ -33,6 +33,6 @@ __export(useGetPropsWithDefault_exports, {
 module.exports = __toCommonJS(useGetPropsWithDefault_exports);
 var React = __toESM(require("react"));
 var import_ds_props_helpers = require("@elliemae/ds-props-helpers");
-var import_propTypes = require("../propTypes.js");
-const useGetDateRangePickerWithDefaultsProps = (props) => (0, import_ds_props_helpers.useMemoMergePropsWithDefault)(props, import_propTypes.defaultProps);
+var import_react_desc_prop_types = require("../react-desc-prop-types.js");
+const useGetDateRangePickerWithDefaultsProps = (props) => (0, import_ds_props_helpers.useMemoMergePropsWithDefault)(props, import_react_desc_prop_types.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-props-helpers';\nimport { defaultProps, type DSControlledDateRangePickerT } from '../propTypes.js';\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,8BAA6C;AAC7C,uBAAgE;AAEzD,MAAM,yCAAyC,CACpD,cAC+C,sDAA6B,OAAO,6BAAY;",
+  "sourcesContent": ["import { useMemoMergePropsWithDefault } from '@elliemae/ds-props-helpers';\nimport { defaultProps, type DSControlledDateRangePickerT } from '../react-desc-prop-types.js';\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,8BAA6C;AAC7C,mCAAgE;AAEzD,MAAM,yCAAyC,CACpD,cAC+C,sDAA6B,OAAO,yCAAY;",
   "names": []
 }

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

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

@@ -33,7 +33,13 @@ __export(src_exports, {
   DSControlledDateRangePicker: () => import_ControlledDateRangePicker.DSControlledDateRangePicker,
   DSControlledDateRangePickerName: () => import_theming.DSControlledDateRangePickerName,
   DSControlledDateRangePickerSlots: () => import_theming.DSControlledDateRangePickerSlots,
-  DSControlledDateRangePickerWithSchema: () => import_ControlledDateRangePicker.DSControlledDateRangePickerWithSchema
+  DSControlledDateRangePickerWithSchema: () => import_ControlledDateRangePicker.DSControlledDateRangePickerWithSchema,
+  getDateStringFromDay: () => import_ds_form_date_time_picker.getDateStringFromDay,
+  getDateValuesFromDate: () => import_ds_form_date_time_picker.getDateValuesFromDate,
+  getDayFromDateString: () => import_ds_form_date_time_picker.getDayFromDateString,
+  getValidationDateStringMetaInfo: () => import_ds_form_date_time_picker.getValidationDateStringMetaInfo,
+  getValidationDateTimeStringMetaInfo: () => import_ds_form_date_time_picker.getValidationDateTimeStringMetaInfo,
+  getValidationTimeStringMetaInfo: () => import_ds_form_date_time_picker.getValidationTimeStringMetaInfo
 });
 module.exports = __toCommonJS(src_exports);
 var React = __toESM(require("react"));
@@ -41,4 +47,5 @@ var import_ControlledDateRangePicker = require("./ControlledDateRangePicker.js")
 var import_theming = require("./exported-related/theming.js");
 var import_ControlledDateRangePickerDatatestid = require("./ControlledDateRangePickerDatatestid.js");
 var import_ControlledDateRangePickerTypes = require("./ControlledDateRangePickerTypes.js");
+var import_ds_form_date_time_picker = require("@elliemae/ds-form-date-time-picker");
 //# sourceMappingURL=index.js.map

package/dist/cjs/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/index.ts", "../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["export { DSControlledDateRangePickerWithSchema, DSControlledDateRangePicker } from './ControlledDateRangePicker.js';\nexport { DSControlledDateRangePickerName, DSControlledDateRangePickerSlots } from './exported-related/theming.js';\nexport { ControlledDateRangePickerDatatestid } from './ControlledDateRangePickerDatatestid.js';\nexport { CONTROLLED_DATE_RANGE_PICKER_TYPES } from './ControlledDateRangePickerTypes.js';\nexport { type DSControlledDateRangePickerT } from './propTypes.js';\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,uCAAmF;AACnF,qBAAkF;AAClF,iDAAoD;AACpD,4CAAmD;",
+  "sourcesContent": ["export { DSControlledDateRangePickerWithSchema, DSControlledDateRangePicker } from './ControlledDateRangePicker.js';\nexport { DSControlledDateRangePickerName, DSControlledDateRangePickerSlots } from './exported-related/theming.js';\nexport { ControlledDateRangePickerDatatestid } from './ControlledDateRangePickerDatatestid.js';\nexport { CONTROLLED_DATE_RANGE_PICKER_TYPES } from './ControlledDateRangePickerTypes.js';\nexport {\n  getDateStringFromDay,\n  getDateValuesFromDate,\n  getDayFromDateString,\n  getValidationDateStringMetaInfo,\n  getValidationDateTimeStringMetaInfo,\n  getValidationTimeStringMetaInfo,\n} from '@elliemae/ds-form-date-time-picker';\nexport { type DSControlledDateRangePickerT } from './react-desc-prop-types.js';\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,uCAAmF;AACnF,qBAAkF;AAClF,iDAAoD;AACpD,4CAAmD;AACnD,sCAOO;",
   "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, xStyledCommonProps } from '@elliemae/ds-system';\nimport { ControlledDateRangePickerContext } from '../ControlledDateRangePickerCTX.js';\nimport { ControlledDateRangeFromDate } from './ControlledDateRangeFromDate.js';\nimport { ControlledDateRangeToDate } from './ControlledDateRangeToDate.js';\nimport { ControlledDateRangeCalendar } from './ControlledDateRangeCalendar.js';\nimport { ControlledDateRangePickerDatatestid } from '../ControlledDateRangePickerDatatestid.js';\nimport { gridMap } from '../utils/utils.js';\nimport type { DSControlledDateRangePickerT } from '../propTypes.js';\nimport { DSControlledDateRangePickerName, DSControlledDateRangePickerSlots } from '../exported-related/theming.js';\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  ${xStyledCommonProps}\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, xStyledCommonProps } from '@elliemae/ds-system';\nimport { ControlledDateRangePickerContext } from '../ControlledDateRangePickerCTX.js';\nimport { ControlledDateRangeFromDate } from './ControlledDateRangeFromDate.js';\nimport { ControlledDateRangeToDate } from './ControlledDateRangeToDate.js';\nimport { ControlledDateRangeCalendar } from './ControlledDateRangeCalendar.js';\nimport { ControlledDateRangePickerDatatestid } from '../ControlledDateRangePickerDatatestid.js';\nimport { gridMap } from '../utils/utils.js';\nimport type { DSControlledDateRangePickerT } from '../react-desc-prop-types.js';\nimport { DSControlledDateRangePickerName, DSControlledDateRangePickerSlots } from '../exported-related/theming.js';\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  ${xStyledCommonProps}\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;ADqDf;AArDR,mBAAkC;AAClC,uBAA2C;AAC3C,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,IAAI,CAAC;AAAA;AAAA,IAElD,CAAC,EAAE,kBAAkB,aAAa,MAAO,oBAAoB,eAAe,KAAK,eAAgB;AAAA;AAAA;AAAA;AAAA;AAAA,IAKjG,mCAAkB;AAAA;AAGf,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;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA;AAAA,MACA,eAAa,+EAAoC;AAAA,MACjD;AAAA,MACC,GAAG;AAAA,MACH,GAAG;AAAA,MAEH;AAAA,qBACC,4EACE;AAAA,sDAAC,kEAA4B;AAAA,UAC7B,4CAAC,8DAA0B;AAAA,WAC7B,IACE;AAAA,QACH,YAAY,mBAAmB,4CAAC,kEAA4B,IAAK;AAAA;AAAA;AAAA,EACpE;AAEJ;",
   "names": []
 }

package/dist/cjs/{propTypes.js → react-desc-prop-types.js}

@@ -26,12 +26,13 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
   mod
 ));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-var propTypes_exports = {};
-__export(propTypes_exports, {
-  defaultProps: () => defaultProps,
-  propTypes: () => propTypes
+var react_desc_prop_types_exports = {};
+__export(react_desc_prop_types_exports, {
+  DSControlledDateRangePickerPropTypes: () => DSControlledDateRangePickerPropTypes,
+  DSControlledDateRangePickerPropTypesWithSchema: () => DSControlledDateRangePickerPropTypesWithSchema,
+  defaultProps: () => defaultProps
 });
-module.exports = __toCommonJS(propTypes_exports);
+module.exports = __toCommonJS(react_desc_prop_types_exports);
 var React = __toESM(require("react"));
 var import_ds_props_helpers = require("@elliemae/ds-props-helpers");
 const noop = () => {
@@ -56,7 +57,7 @@ const defaultProps = {
   isClearable: false,
   autoFocus: false
 };
-const propTypes = {
+const DSControlledDateRangePickerPropTypes = {
   ...import_ds_props_helpers.globalAttributesPropTypes,
   ...import_ds_props_helpers.xstyledPropTypes,
   type: import_ds_props_helpers.PropTypes.oneOf([
@@ -97,4 +98,5 @@ const propTypes = {
     '"from" month input html node reference'
   )
 };
-//# sourceMappingURL=propTypes.js.map
+const DSControlledDateRangePickerPropTypesWithSchema = DSControlledDateRangePickerPropTypes;
+//# sourceMappingURL=react-desc-prop-types.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/react-desc-prop-types.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["import { PropTypes, globalAttributesPropTypes, xstyledPropTypes } from '@elliemae/ds-props-helpers';\nimport type { ValidationMap, GlobalAttributesT, DSPropTypesSchema, XstyledProps } from '@elliemae/ds-props-helpers';\nimport { type DSControlledDateTimePickerT } from '@elliemae/ds-form-date-time-picker';\nimport { type TypescriptHelpersT } from '@elliemae/ds-typescript-helpers';\n\n// eslint-disable-next-line @typescript-eslint/no-empty-function\nconst noop = (): void => {};\n\nconst defaultReturnFalse = (): boolean => false;\n\nexport declare namespace DSControlledDateRangePickerT {\n  export interface RangePickerMetaInfoT extends DSControlledDateTimePickerT.InternalInputsChangeMetaInfo {\n    rangeDateChangeType?: 'from' | 'to';\n    automaticSwitchedDates?: boolean;\n    isIncorrectOrder?: boolean;\n  }\n\n  export type RangeOnDateChange = (val: string, metaInfo: RangePickerMetaInfoT) => void;\n\n  export type AppOnInputChange = DSControlledDateTimePickerT.AppOnInputChange;\n\n  export type ControlledDateRangeType =\n    | 'full-date-range'\n    | 'date-range-picker-controller-only'\n    | 'date-range-picker'\n    | 'date-range-inputs';\n\n  export interface RequiredProps {}\n\n  export interface DefaultProps {\n    type: ControlledDateRangeType;\n    fromDate: string;\n    onFromDateChange: RangeOnDateChange;\n    onMonthFromChange: AppOnInputChange;\n    onDayFromChange: AppOnInputChange;\n    onYearFromChange: AppOnInputChange;\n    hasError: boolean;\n    pickerFooterMsg: string;\n\n    toDate: string;\n    onToDateChange: RangeOnDateChange;\n    onMonthToChange: AppOnInputChange;\n    onDayToChange: AppOnInputChange;\n    onYearToChange: AppOnInputChange;\n\n    isClearable: boolean;\n    getIsDisabledDay: (day: string) => boolean;\n    getIsOutOfRangeDay: (day: string) => boolean;\n    autoFocus: boolean;\n  }\n\n  export interface OptionalProps {\n    emptyPickerStartingMonth?: string;\n    onCalendarOpenFocusedDay?: string;\n    innerRef?:\n      | React.MutableRefObject<HTMLInputElement | HTMLButtonElement | null>\n      | ((ref: HTMLInputElement | HTMLButtonElement | null) => void);\n    tabIndex?: TypescriptHelpersT.WCAGTabIndex;\n  }\n\n  export interface Props\n    extends Partial<DefaultProps>,\n      Omit<GlobalAttributesT<HTMLDivElement>, keyof DefaultProps | keyof OptionalProps>,\n      OptionalProps,\n      XstyledProps,\n      RequiredProps {}\n\n  export interface InternalProps\n    extends DefaultProps,\n      Omit<GlobalAttributesT<HTMLDivElement>, keyof DefaultProps | keyof OptionalProps>,\n      OptionalProps,\n      XstyledProps,\n      RequiredProps {}\n}\n\nexport const defaultProps: DSControlledDateRangePickerT.DefaultProps = {\n  type: 'full-date-range',\n  fromDate: '',\n  onFromDateChange: noop,\n  onMonthFromChange: noop,\n  onDayFromChange: noop,\n  onYearFromChange: noop,\n  pickerFooterMsg: '',\n  toDate: '',\n  onToDateChange: noop,\n  onMonthToChange: noop,\n  onDayToChange: noop,\n  onYearToChange: noop,\n  getIsDisabledDay: defaultReturnFalse,\n  getIsOutOfRangeDay: defaultReturnFalse,\n  hasError: false,\n  isClearable: false,\n  autoFocus: false,\n};\n\nexport const DSControlledDateRangePickerPropTypes: DSPropTypesSchema<DSControlledDateRangePickerT.Props> = {\n  ...globalAttributesPropTypes,\n  ...xstyledPropTypes,\n  type: PropTypes.oneOf([\n    'full-date-range',\n    'date-range-picker-controller-only',\n    'date-range-picker',\n    'date-range-inputs',\n  ])\n    .description('Type of date range form control to use')\n    .defaultValue('full-date-range'),\n  fromDate: PropTypes.string.description(`strictly formatted string representing user's selected \"from\" date`)\n    .isRequired,\n  onFromDateChange: PropTypes.func\n    .description('function to react to \"from\" date changing')\n    .signature('(( newVal: string, e: React.SyntheticEvent, metaInfo: Record<string,unknown> ) => void )').isRequired,\n  onMonthFromChange: PropTypes.func\n    .description('function to react to \"from\" month changing')\n    .defaultValue(() => {})\n    .signature('(( newVal: string, e: React.SyntheticEvent, metaInfo: Record<string,unknown> ) => void )'),\n  onDayFromChange: PropTypes.func\n    .description('function to react to \"from\" day changing')\n    .defaultValue(() => {})\n    .signature('(( newVal: string, e: React.SyntheticEvent, metaInfo: Record<string,unknown> ) => void )'),\n  onYearFromChange: PropTypes.func\n    .description('function to react to \"from\" year changing')\n    .defaultValue(() => {})\n    .signature('(( newVal: string, e: React.SyntheticEvent, metaInfo: Record<string,unknown> ) => void )'),\n  toDate: PropTypes.string.description(`strictly formatted string representing user's selected \"to\" date`).isRequired,\n  onToDateChange: PropTypes.func\n    .description('function to react to \"to\" date changing')\n    .signature('(( newVal: string, e: React.SyntheticEvent, metaInfo: Record<string,unknown> ) => void )').isRequired,\n  onMonthToChange: PropTypes.func\n    .description('function to react to \"to\" month changing')\n    .defaultValue(() => {})\n    .signature('(( newVal: string, e: React.SyntheticEvent, metaInfo: Record<string,unknown> ) => void )'),\n  onDayToChange: PropTypes.func\n    .description('function to react to \"to\" day changing')\n    .defaultValue(() => {})\n    .signature('(( newVal: string, e: React.SyntheticEvent, metaInfo: Record<string,unknown> ) => void )'),\n  onYearToChange: PropTypes.func\n    .description('function to react to \"to\" year changing')\n    .defaultValue(() => {})\n    .signature('(( newVal: string, e: React.SyntheticEvent, metaInfo: Record<string,unknown> ) => void )'),\n  getIsDisabledDay: PropTypes.func\n    .description('function used to mark day as \"disable\"')\n    .defaultValue(() => false)\n    .signature('(( day: string ) => boolean )'),\n  getIsOutOfRangeDay: PropTypes.func\n    .description('function used to mark day as \"out of range\"')\n    .defaultValue(() => false)\n    .signature('(( day: string ) => boolean )'),\n  pickerFooterMsg: PropTypes.string.description(''),\n  hasError: PropTypes.bool\n    .description('boolean indicating wheter the selected range is to be marked as wrong')\n    .defaultValue(false),\n  isClearable: PropTypes.bool\n    .description('boolean to optionally activate \"clearable\" icons in the inputs')\n    .defaultValue(false),\n  autoFocus: PropTypes.bool\n    .description('boolean to auto-focus the \"from\" date month on render as per html auto-focus propriety')\n    .defaultValue(false),\n  emptyPickerStartingMonth: PropTypes.string.description(\n    'strictly formatted string representing the starting month to be displayed when calendar context menu is invoked without any selected dates',\n  ),\n  onCalendarOpenFocusedDay: PropTypes.string.description(\n    'strictly formatted string representing the day to be focused when calendar context menu is invoked without any selected dates',\n  ),\n  innerRef: PropTypes.oneOfType([PropTypes.func, PropTypes.object]).description(\n    '\"from\" month input html node reference',\n  ),\n};\n\nexport const DSControlledDateRangePickerPropTypesWithSchema =\n  DSControlledDateRangePickerPropTypes as unknown as ValidationMap<DSControlledDateRangePickerT.Props>;\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,8BAAuE;AAMvE,MAAM,OAAO,MAAY;AAAC;AAE1B,MAAM,qBAAqB,MAAe;AAmEnC,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,uCAA8F;AAAA,EACzG,GAAG;AAAA,EACH,GAAG;AAAA,EACH,MAAM,kCAAU,MAAM;AAAA,IACpB;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,CAAC,EACE,YAAY,wCAAwC,EACpD,aAAa,iBAAiB;AAAA,EACjC,UAAU,kCAAU,OAAO,YAAY,oEAAoE,EACxG;AAAA,EACH,kBAAkB,kCAAU,KACzB,YAAY,2CAA2C,EACvD,UAAU,0FAA0F,EAAE;AAAA,EACzG,mBAAmB,kCAAU,KAC1B,YAAY,4CAA4C,EACxD,aAAa,MAAM;AAAA,EAAC,CAAC,EACrB,UAAU,0FAA0F;AAAA,EACvG,iBAAiB,kCAAU,KACxB,YAAY,0CAA0C,EACtD,aAAa,MAAM;AAAA,EAAC,CAAC,EACrB,UAAU,0FAA0F;AAAA,EACvG,kBAAkB,kCAAU,KACzB,YAAY,2CAA2C,EACvD,aAAa,MAAM;AAAA,EAAC,CAAC,EACrB,UAAU,0FAA0F;AAAA,EACvG,QAAQ,kCAAU,OAAO,YAAY,kEAAkE,EAAE;AAAA,EACzG,gBAAgB,kCAAU,KACvB,YAAY,yCAAyC,EACrD,UAAU,0FAA0F,EAAE;AAAA,EACzG,iBAAiB,kCAAU,KACxB,YAAY,0CAA0C,EACtD,aAAa,MAAM;AAAA,EAAC,CAAC,EACrB,UAAU,0FAA0F;AAAA,EACvG,eAAe,kCAAU,KACtB,YAAY,wCAAwC,EACpD,aAAa,MAAM;AAAA,EAAC,CAAC,EACrB,UAAU,0FAA0F;AAAA,EACvG,gBAAgB,kCAAU,KACvB,YAAY,yCAAyC,EACrD,aAAa,MAAM;AAAA,EAAC,CAAC,EACrB,UAAU,0FAA0F;AAAA,EACvG,kBAAkB,kCAAU,KACzB,YAAY,wCAAwC,EACpD,aAAa,MAAM,KAAK,EACxB,UAAU,+BAA+B;AAAA,EAC5C,oBAAoB,kCAAU,KAC3B,YAAY,6CAA6C,EACzD,aAAa,MAAM,KAAK,EACxB,UAAU,+BAA+B;AAAA,EAC5C,iBAAiB,kCAAU,OAAO,YAAY,EAAE;AAAA,EAChD,UAAU,kCAAU,KACjB,YAAY,uEAAuE,EACnF,aAAa,KAAK;AAAA,EACrB,aAAa,kCAAU,KACpB,YAAY,gEAAgE,EAC5E,aAAa,KAAK;AAAA,EACrB,WAAW,kCAAU,KAClB,YAAY,wFAAwF,EACpG,aAAa,KAAK;AAAA,EACrB,0BAA0B,kCAAU,OAAO;AAAA,IACzC;AAAA,EACF;AAAA,EACA,0BAA0B,kCAAU,OAAO;AAAA,IACzC;AAAA,EACF;AAAA,EACA,UAAU,kCAAU,UAAU,CAAC,kCAAU,MAAM,kCAAU,MAAM,CAAC,EAAE;AAAA,IAChE;AAAA,EACF;AACF;AAEO,MAAM,iDACX;",
+  "names": []
+}

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

@@ -0,0 +1,181 @@
+"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(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var React = __toESM(require("react"));
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_react = __toESM(require("react"));
+var import__ = require("../index.js");
+const ref = import_react.default.createRef();
+const noop = () => {
+};
+const defaultReturnFalse = () => false;
+const testOptionalProps = {
+  emptyPickerStartingMonth: "12/__/2000",
+  onCalendarOpenFocusedDay: "12/27/2000",
+  tabIndex: 0,
+  innerRef: ref
+};
+const testPartialDefaults = {
+  type: "full-date-range",
+  fromDate: "",
+  onMonthFromChange: noop,
+  getIsDisabledDay: defaultReturnFalse,
+  hasError: false,
+  isClearable: false
+};
+const testProps = {
+  ...testOptionalProps,
+  ...testPartialDefaults
+};
+const testPropsAsSyntax = {
+  ...testOptionalProps,
+  ...testPartialDefaults
+};
+const testCompleteDefaults = {
+  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 testInternalProps = {
+  ...testOptionalProps,
+  ...testCompleteDefaults
+};
+const testInternalPropsAsSyntax = {
+  ...testOptionalProps,
+  ...testCompleteDefaults
+};
+const testExplicitDefinition = {
+  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,
+  emptyPickerStartingMonth: "12/__/2000",
+  onCalendarOpenFocusedDay: "12/27/2000",
+  tabIndex: 0,
+  innerRef: ref
+};
+const testInferedTypeCompatibility = {
+  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,
+  emptyPickerStartingMonth: "12/__/2000",
+  onCalendarOpenFocusedDay: "12/27/2000",
+  tabIndex: 0,
+  innerRef: ref
+};
+const testDefinitionAsConst = {
+  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,
+  emptyPickerStartingMonth: "12/__/2000",
+  onCalendarOpenFocusedDay: "12/27/2000",
+  tabIndex: 0,
+  innerRef: ref
+};
+const ExampleUsageComponent = () => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
+  /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__.DSControlledDateRangePicker, { ...testExplicitDefinition }),
+  /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__.DSControlledDateRangePicker, { ...testInferedTypeCompatibility }),
+  /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__.DSControlledDateRangePicker, { ...testDefinitionAsConst }),
+  /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import__.DSControlledDateRangePicker,
+    {
+      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,
+      emptyPickerStartingMonth: "12/__/2000",
+      onCalendarOpenFocusedDay: "12/27/2000",
+      tabIndex: 0,
+      innerRef: ref
+    }
+  )
+] });
+//# sourceMappingURL=typescript-date-range-picker-valid.js.map

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

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

package/dist/esm/ControlledDateRangePicker.js

@@ -3,7 +3,7 @@ import { jsx } from "react/jsx-runtime";
 import { describe } from "@elliemae/ds-props-helpers";
 import { useControlledDateRangePicker } from "./config/useControlledDateRangePicker.js";
 import { ControlledDateRangeContent } from "./parts/ControlledDateRangeContent.js";
-import { propTypes } from "./propTypes.js";
+import { DSControlledDateRangePickerPropTypesWithSchema } from "./react-desc-prop-types.js";
 import { ControlledDateRangePickerContext } from "./ControlledDateRangePickerCTX.js";
 import { DSControlledDateRangePickerName } from "./exported-related/theming.js";
 const DSControlledDateRangePicker = (props) => {
@@ -12,7 +12,7 @@ const DSControlledDateRangePicker = (props) => {
 };
 DSControlledDateRangePicker.displayName = DSControlledDateRangePickerName;
 const DSControlledDateRangePickerWithSchema = describe(DSControlledDateRangePicker);
-DSControlledDateRangePickerWithSchema.propTypes = propTypes;
+DSControlledDateRangePickerWithSchema.propTypes = DSControlledDateRangePickerPropTypesWithSchema;
 export {
   DSControlledDateRangePicker,
   DSControlledDateRangePickerWithSchema

package/dist/esm/ControlledDateRangePicker.js.map

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

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

package/dist/esm/index.js

@@ -3,12 +3,26 @@ import { DSControlledDateRangePickerWithSchema, DSControlledDateRangePicker } fr
 import { DSControlledDateRangePickerName, DSControlledDateRangePickerSlots } from "./exported-related/theming.js";
 import { ControlledDateRangePickerDatatestid } from "./ControlledDateRangePickerDatatestid.js";
 import { CONTROLLED_DATE_RANGE_PICKER_TYPES } from "./ControlledDateRangePickerTypes.js";
+import {
+  getDateStringFromDay,
+  getDateValuesFromDate,
+  getDayFromDateString,
+  getValidationDateStringMetaInfo,
+  getValidationDateTimeStringMetaInfo,
+  getValidationTimeStringMetaInfo
+} from "@elliemae/ds-form-date-time-picker";
 export {
   CONTROLLED_DATE_RANGE_PICKER_TYPES,
   ControlledDateRangePickerDatatestid,
   DSControlledDateRangePicker,
   DSControlledDateRangePickerName,
   DSControlledDateRangePickerSlots,
-  DSControlledDateRangePickerWithSchema
+  DSControlledDateRangePickerWithSchema,
+  getDateStringFromDay,
+  getDateValuesFromDate,
+  getDayFromDateString,
+  getValidationDateStringMetaInfo,
+  getValidationDateTimeStringMetaInfo,
+  getValidationTimeStringMetaInfo
 };
 //# sourceMappingURL=index.js.map

package/dist/esm/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../src/index.ts"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "export { DSControlledDateRangePickerWithSchema, DSControlledDateRangePicker } from './ControlledDateRangePicker.js';\nexport { DSControlledDateRangePickerName, DSControlledDateRangePickerSlots } from './exported-related/theming.js';\nexport { ControlledDateRangePickerDatatestid } from './ControlledDateRangePickerDatatestid.js';\nexport { CONTROLLED_DATE_RANGE_PICKER_TYPES } from './ControlledDateRangePickerTypes.js';\nexport { type DSControlledDateRangePickerT } from './propTypes.js';\n"],
-  "mappings": "AAAA,YAAY,WAAW;ACAvB,SAAS,uCAAuC,mCAAmC;AACnF,SAAS,iCAAiC,wCAAwC;AAClF,SAAS,2CAA2C;AACpD,SAAS,0CAA0C;",
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "export { DSControlledDateRangePickerWithSchema, DSControlledDateRangePicker } from './ControlledDateRangePicker.js';\nexport { DSControlledDateRangePickerName, DSControlledDateRangePickerSlots } from './exported-related/theming.js';\nexport { ControlledDateRangePickerDatatestid } from './ControlledDateRangePickerDatatestid.js';\nexport { CONTROLLED_DATE_RANGE_PICKER_TYPES } from './ControlledDateRangePickerTypes.js';\nexport {\n  getDateStringFromDay,\n  getDateValuesFromDate,\n  getDayFromDateString,\n  getValidationDateStringMetaInfo,\n  getValidationDateTimeStringMetaInfo,\n  getValidationTimeStringMetaInfo,\n} from '@elliemae/ds-form-date-time-picker';\nexport { type DSControlledDateRangePickerT } from './react-desc-prop-types.js';\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACAvB,SAAS,uCAAuC,mCAAmC;AACnF,SAAS,iCAAiC,wCAAwC;AAClF,SAAS,2CAA2C;AACpD,SAAS,0CAA0C;AACnD;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;",
   "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, xStyledCommonProps } from '@elliemae/ds-system';\nimport { ControlledDateRangePickerContext } from '../ControlledDateRangePickerCTX.js';\nimport { ControlledDateRangeFromDate } from './ControlledDateRangeFromDate.js';\nimport { ControlledDateRangeToDate } from './ControlledDateRangeToDate.js';\nimport { ControlledDateRangeCalendar } from './ControlledDateRangeCalendar.js';\nimport { ControlledDateRangePickerDatatestid } from '../ControlledDateRangePickerDatatestid.js';\nimport { gridMap } from '../utils/utils.js';\nimport type { DSControlledDateRangePickerT } from '../propTypes.js';\nimport { DSControlledDateRangePickerName, DSControlledDateRangePickerSlots } from '../exported-related/theming.js';\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  ${xStyledCommonProps}\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, xStyledCommonProps } from '@elliemae/ds-system';\nimport { ControlledDateRangePickerContext } from '../ControlledDateRangePickerCTX.js';\nimport { ControlledDateRangeFromDate } from './ControlledDateRangeFromDate.js';\nimport { ControlledDateRangeToDate } from './ControlledDateRangeToDate.js';\nimport { ControlledDateRangeCalendar } from './ControlledDateRangeCalendar.js';\nimport { ControlledDateRangePickerDatatestid } from '../ControlledDateRangePickerDatatestid.js';\nimport { gridMap } from '../utils/utils.js';\nimport type { DSControlledDateRangePickerT } from '../react-desc-prop-types.js';\nimport { DSControlledDateRangePickerName, DSControlledDateRangePickerSlots } from '../exported-related/theming.js';\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  ${xStyledCommonProps}\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;ACqDf,mBACE,KADF;AArDR,SAAgB,kBAAkB;AAClC,SAAS,QAAQ,0BAA0B;AAC3C,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,IAAI,CAAC;AAAA;AAAA,IAElD,CAAC,EAAE,kBAAkB,aAAa,MAAO,oBAAoB,eAAe,KAAK,eAAgB;AAAA;AAAA;AAAA;AAAA;AAAA,IAKjG,kBAAkB;AAAA;AAGf,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;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA;AAAA,MACA,eAAa,oCAAoC;AAAA,MACjD;AAAA,MACC,GAAG;AAAA,MACH,GAAG;AAAA,MAEH;AAAA,qBACC,iCACE;AAAA,8BAAC,+BAA4B;AAAA,UAC7B,oBAAC,6BAA0B;AAAA,WAC7B,IACE;AAAA,QACH,YAAY,mBAAmB,oBAAC,+BAA4B,IAAK;AAAA;AAAA;AAAA,EACpE;AAEJ;",
   "names": []
 }

package/dist/esm/{propTypes.js → react-desc-prop-types.js}

@@ -22,7 +22,7 @@ const defaultProps = {
   isClearable: false,
   autoFocus: false
 };
-const propTypes = {
+const DSControlledDateRangePickerPropTypes = {
   ...globalAttributesPropTypes,
   ...xstyledPropTypes,
   type: PropTypes.oneOf([
@@ -63,8 +63,10 @@ const propTypes = {
     '"from" month input html node reference'
   )
 };
+const DSControlledDateRangePickerPropTypesWithSchema = DSControlledDateRangePickerPropTypes;
 export {
-  defaultProps,
-  propTypes
+  DSControlledDateRangePickerPropTypes,
+  DSControlledDateRangePickerPropTypesWithSchema,
+  defaultProps
 };
-//# sourceMappingURL=propTypes.js.map
+//# sourceMappingURL=react-desc-prop-types.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../src/react-desc-prop-types.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { PropTypes, globalAttributesPropTypes, xstyledPropTypes } from '@elliemae/ds-props-helpers';\nimport type { ValidationMap, GlobalAttributesT, DSPropTypesSchema, XstyledProps } from '@elliemae/ds-props-helpers';\nimport { type DSControlledDateTimePickerT } from '@elliemae/ds-form-date-time-picker';\nimport { type TypescriptHelpersT } from '@elliemae/ds-typescript-helpers';\n\n// eslint-disable-next-line @typescript-eslint/no-empty-function\nconst noop = (): void => {};\n\nconst defaultReturnFalse = (): boolean => false;\n\nexport declare namespace DSControlledDateRangePickerT {\n  export interface RangePickerMetaInfoT extends DSControlledDateTimePickerT.InternalInputsChangeMetaInfo {\n    rangeDateChangeType?: 'from' | 'to';\n    automaticSwitchedDates?: boolean;\n    isIncorrectOrder?: boolean;\n  }\n\n  export type RangeOnDateChange = (val: string, metaInfo: RangePickerMetaInfoT) => void;\n\n  export type AppOnInputChange = DSControlledDateTimePickerT.AppOnInputChange;\n\n  export type ControlledDateRangeType =\n    | 'full-date-range'\n    | 'date-range-picker-controller-only'\n    | 'date-range-picker'\n    | 'date-range-inputs';\n\n  export interface RequiredProps {}\n\n  export interface DefaultProps {\n    type: ControlledDateRangeType;\n    fromDate: string;\n    onFromDateChange: RangeOnDateChange;\n    onMonthFromChange: AppOnInputChange;\n    onDayFromChange: AppOnInputChange;\n    onYearFromChange: AppOnInputChange;\n    hasError: boolean;\n    pickerFooterMsg: string;\n\n    toDate: string;\n    onToDateChange: RangeOnDateChange;\n    onMonthToChange: AppOnInputChange;\n    onDayToChange: AppOnInputChange;\n    onYearToChange: AppOnInputChange;\n\n    isClearable: boolean;\n    getIsDisabledDay: (day: string) => boolean;\n    getIsOutOfRangeDay: (day: string) => boolean;\n    autoFocus: boolean;\n  }\n\n  export interface OptionalProps {\n    emptyPickerStartingMonth?: string;\n    onCalendarOpenFocusedDay?: string;\n    innerRef?:\n      | React.MutableRefObject<HTMLInputElement | HTMLButtonElement | null>\n      | ((ref: HTMLInputElement | HTMLButtonElement | null) => void);\n    tabIndex?: TypescriptHelpersT.WCAGTabIndex;\n  }\n\n  export interface Props\n    extends Partial<DefaultProps>,\n      Omit<GlobalAttributesT<HTMLDivElement>, keyof DefaultProps | keyof OptionalProps>,\n      OptionalProps,\n      XstyledProps,\n      RequiredProps {}\n\n  export interface InternalProps\n    extends DefaultProps,\n      Omit<GlobalAttributesT<HTMLDivElement>, keyof DefaultProps | keyof OptionalProps>,\n      OptionalProps,\n      XstyledProps,\n      RequiredProps {}\n}\n\nexport const defaultProps: DSControlledDateRangePickerT.DefaultProps = {\n  type: 'full-date-range',\n  fromDate: '',\n  onFromDateChange: noop,\n  onMonthFromChange: noop,\n  onDayFromChange: noop,\n  onYearFromChange: noop,\n  pickerFooterMsg: '',\n  toDate: '',\n  onToDateChange: noop,\n  onMonthToChange: noop,\n  onDayToChange: noop,\n  onYearToChange: noop,\n  getIsDisabledDay: defaultReturnFalse,\n  getIsOutOfRangeDay: defaultReturnFalse,\n  hasError: false,\n  isClearable: false,\n  autoFocus: false,\n};\n\nexport const DSControlledDateRangePickerPropTypes: DSPropTypesSchema<DSControlledDateRangePickerT.Props> = {\n  ...globalAttributesPropTypes,\n  ...xstyledPropTypes,\n  type: PropTypes.oneOf([\n    'full-date-range',\n    'date-range-picker-controller-only',\n    'date-range-picker',\n    'date-range-inputs',\n  ])\n    .description('Type of date range form control to use')\n    .defaultValue('full-date-range'),\n  fromDate: PropTypes.string.description(`strictly formatted string representing user's selected \"from\" date`)\n    .isRequired,\n  onFromDateChange: PropTypes.func\n    .description('function to react to \"from\" date changing')\n    .signature('(( newVal: string, e: React.SyntheticEvent, metaInfo: Record<string,unknown> ) => void )').isRequired,\n  onMonthFromChange: PropTypes.func\n    .description('function to react to \"from\" month changing')\n    .defaultValue(() => {})\n    .signature('(( newVal: string, e: React.SyntheticEvent, metaInfo: Record<string,unknown> ) => void )'),\n  onDayFromChange: PropTypes.func\n    .description('function to react to \"from\" day changing')\n    .defaultValue(() => {})\n    .signature('(( newVal: string, e: React.SyntheticEvent, metaInfo: Record<string,unknown> ) => void )'),\n  onYearFromChange: PropTypes.func\n    .description('function to react to \"from\" year changing')\n    .defaultValue(() => {})\n    .signature('(( newVal: string, e: React.SyntheticEvent, metaInfo: Record<string,unknown> ) => void )'),\n  toDate: PropTypes.string.description(`strictly formatted string representing user's selected \"to\" date`).isRequired,\n  onToDateChange: PropTypes.func\n    .description('function to react to \"to\" date changing')\n    .signature('(( newVal: string, e: React.SyntheticEvent, metaInfo: Record<string,unknown> ) => void )').isRequired,\n  onMonthToChange: PropTypes.func\n    .description('function to react to \"to\" month changing')\n    .defaultValue(() => {})\n    .signature('(( newVal: string, e: React.SyntheticEvent, metaInfo: Record<string,unknown> ) => void )'),\n  onDayToChange: PropTypes.func\n    .description('function to react to \"to\" day changing')\n    .defaultValue(() => {})\n    .signature('(( newVal: string, e: React.SyntheticEvent, metaInfo: Record<string,unknown> ) => void )'),\n  onYearToChange: PropTypes.func\n    .description('function to react to \"to\" year changing')\n    .defaultValue(() => {})\n    .signature('(( newVal: string, e: React.SyntheticEvent, metaInfo: Record<string,unknown> ) => void )'),\n  getIsDisabledDay: PropTypes.func\n    .description('function used to mark day as \"disable\"')\n    .defaultValue(() => false)\n    .signature('(( day: string ) => boolean )'),\n  getIsOutOfRangeDay: PropTypes.func\n    .description('function used to mark day as \"out of range\"')\n    .defaultValue(() => false)\n    .signature('(( day: string ) => boolean )'),\n  pickerFooterMsg: PropTypes.string.description(''),\n  hasError: PropTypes.bool\n    .description('boolean indicating wheter the selected range is to be marked as wrong')\n    .defaultValue(false),\n  isClearable: PropTypes.bool\n    .description('boolean to optionally activate \"clearable\" icons in the inputs')\n    .defaultValue(false),\n  autoFocus: PropTypes.bool\n    .description('boolean to auto-focus the \"from\" date month on render as per html auto-focus propriety')\n    .defaultValue(false),\n  emptyPickerStartingMonth: PropTypes.string.description(\n    'strictly formatted string representing the starting month to be displayed when calendar context menu is invoked without any selected dates',\n  ),\n  onCalendarOpenFocusedDay: PropTypes.string.description(\n    'strictly formatted string representing the day to be focused when calendar context menu is invoked without any selected dates',\n  ),\n  innerRef: PropTypes.oneOfType([PropTypes.func, PropTypes.object]).description(\n    '\"from\" month input html node reference',\n  ),\n};\n\nexport const DSControlledDateRangePickerPropTypesWithSchema =\n  DSControlledDateRangePickerPropTypes as unknown as ValidationMap<DSControlledDateRangePickerT.Props>;\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACAvB,SAAS,WAAW,2BAA2B,wBAAwB;AAMvE,MAAM,OAAO,MAAY;AAAC;AAE1B,MAAM,qBAAqB,MAAe;AAmEnC,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,uCAA8F;AAAA,EACzG,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,UAAU,CAAC,UAAU,MAAM,UAAU,MAAM,CAAC,EAAE;AAAA,IAChE;AAAA,EACF;AACF;AAEO,MAAM,iDACX;",
+  "names": []
+}

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

@@ -0,0 +1,158 @@
+import * as React from "react";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import React2 from "react";
+import { DSControlledDateRangePicker } from "../index.js";
+const ref = React2.createRef();
+const noop = () => {
+};
+const defaultReturnFalse = () => false;
+const testOptionalProps = {
+  emptyPickerStartingMonth: "12/__/2000",
+  onCalendarOpenFocusedDay: "12/27/2000",
+  tabIndex: 0,
+  innerRef: ref
+};
+const testPartialDefaults = {
+  type: "full-date-range",
+  fromDate: "",
+  onMonthFromChange: noop,
+  getIsDisabledDay: defaultReturnFalse,
+  hasError: false,
+  isClearable: false
+};
+const testProps = {
+  ...testOptionalProps,
+  ...testPartialDefaults
+};
+const testPropsAsSyntax = {
+  ...testOptionalProps,
+  ...testPartialDefaults
+};
+const testCompleteDefaults = {
+  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 testInternalProps = {
+  ...testOptionalProps,
+  ...testCompleteDefaults
+};
+const testInternalPropsAsSyntax = {
+  ...testOptionalProps,
+  ...testCompleteDefaults
+};
+const testExplicitDefinition = {
+  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,
+  emptyPickerStartingMonth: "12/__/2000",
+  onCalendarOpenFocusedDay: "12/27/2000",
+  tabIndex: 0,
+  innerRef: ref
+};
+const testInferedTypeCompatibility = {
+  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,
+  emptyPickerStartingMonth: "12/__/2000",
+  onCalendarOpenFocusedDay: "12/27/2000",
+  tabIndex: 0,
+  innerRef: ref
+};
+const testDefinitionAsConst = {
+  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,
+  emptyPickerStartingMonth: "12/__/2000",
+  onCalendarOpenFocusedDay: "12/27/2000",
+  tabIndex: 0,
+  innerRef: ref
+};
+const ExampleUsageComponent = () => /* @__PURE__ */ jsxs(Fragment, { children: [
+  /* @__PURE__ */ jsx(DSControlledDateRangePicker, { ...testExplicitDefinition }),
+  /* @__PURE__ */ jsx(DSControlledDateRangePicker, { ...testInferedTypeCompatibility }),
+  /* @__PURE__ */ jsx(DSControlledDateRangePicker, { ...testDefinitionAsConst }),
+  /* @__PURE__ */ jsx(
+    DSControlledDateRangePicker,
+    {
+      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,
+      emptyPickerStartingMonth: "12/__/2000",
+      onCalendarOpenFocusedDay: "12/27/2000",
+      tabIndex: 0,
+      innerRef: ref
+    }
+  )
+] });
+//# sourceMappingURL=typescript-date-range-picker-valid.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../src/typescript-testing/typescript-date-range-picker-valid.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable @typescript-eslint/no-unused-vars, no-unused-vars */\nimport React from 'react';\nimport { DSControlledDateRangePicker } from '../index.js';\nimport type { DSControlledDateRangePickerT } from '../index.js';\n\n// test we expose the namespace and the namespace follows our deliverable conventions\ntype ComponentPropsForApp = DSControlledDateRangePickerT.Props;\ntype ComponentPropsInternals = DSControlledDateRangePickerT.InternalProps;\ntype ComponentPropsDefaultProps = DSControlledDateRangePickerT.DefaultProps;\ntype ComponentPropsOptionalProps = DSControlledDateRangePickerT.OptionalProps;\n\nconst ref = React.createRef() as React.MutableRefObject<HTMLInputElement>;\nconst noop = (): void => {};\nconst defaultReturnFalse = (): boolean => false;\n\nconst testOptionalProps: ComponentPropsOptionalProps = {\n  emptyPickerStartingMonth: '12/__/2000',\n  onCalendarOpenFocusedDay: '12/27/2000',\n  tabIndex: 0,\n  innerRef: ref,\n};\n\n// difference Props and InternalProps is that InternalProps has all the default props filled in\n// Props allows for partial defaults\nconst testPartialDefaults: Partial<ComponentPropsDefaultProps> = {\n  type: 'full-date-range',\n  fromDate: '',\n  onMonthFromChange: noop,\n  getIsDisabledDay: defaultReturnFalse,\n\n  hasError: false,\n  isClearable: false,\n};\nconst testProps: ComponentPropsForApp = {\n  ...testOptionalProps,\n  ...testPartialDefaults,\n};\nconst testPropsAsSyntax = {\n  ...testOptionalProps,\n  ...testPartialDefaults,\n} as ComponentPropsForApp;\n\n// InternalProps requires all defaults to be filled in\nconst testCompleteDefaults: Required<ComponentPropsDefaultProps> = {\n  type: 'full-date-range',\n  fromDate: '',\n  onFromDateChange: noop,\n  onMonthFromChange: noop,\n  onDayFromChange: noop,\n  onYearFromChange: noop,\n  pickerFooterMsg: '',\n  toDate: '',\n  onToDateChange: noop,\n  onMonthToChange: noop,\n  onDayToChange: noop,\n  onYearToChange: noop,\n  getIsDisabledDay: defaultReturnFalse,\n  getIsOutOfRangeDay: defaultReturnFalse,\n  hasError: false,\n  isClearable: false,\n  autoFocus: false,\n};\nconst testInternalProps: ComponentPropsInternals = {\n  ...testOptionalProps,\n  ...testCompleteDefaults,\n};\nconst testInternalPropsAsSyntax = {\n  ...testOptionalProps,\n  ...testCompleteDefaults,\n} as ComponentPropsInternals;\n\n// using the explicit type definition, if there is an error, it will be marked on the key that is wrong\nconst testExplicitDefinition: ComponentPropsForApp = {\n  type: 'full-date-range',\n  fromDate: '',\n  onFromDateChange: noop,\n  onMonthFromChange: noop,\n  onDayFromChange: noop,\n  onYearFromChange: noop,\n  pickerFooterMsg: '',\n  toDate: '',\n  onToDateChange: noop,\n  onMonthToChange: noop,\n  onDayToChange: noop,\n  onYearToChange: noop,\n  getIsDisabledDay: defaultReturnFalse,\n  getIsOutOfRangeDay: defaultReturnFalse,\n  hasError: false,\n  isClearable: false,\n  autoFocus: false,\n  emptyPickerStartingMonth: '12/__/2000',\n  onCalendarOpenFocusedDay: '12/27/2000',\n  tabIndex: 0,\n  innerRef: ref,\n};\n\n// using the \"as\" syntax, if there is an error, it will be marking the whole object as wrong because it is not compatible with the type\nconst testInferedTypeCompatibility = {\n  type: 'full-date-range',\n  fromDate: '',\n  onFromDateChange: noop,\n  onMonthFromChange: noop,\n  onDayFromChange: noop,\n  onYearFromChange: noop,\n  pickerFooterMsg: '',\n  toDate: '',\n  onToDateChange: noop,\n  onMonthToChange: noop,\n  onDayToChange: noop,\n  onYearToChange: noop,\n  getIsDisabledDay: defaultReturnFalse,\n  getIsOutOfRangeDay: defaultReturnFalse,\n  hasError: false,\n  isClearable: false,\n  autoFocus: false,\n  emptyPickerStartingMonth: '12/__/2000',\n  onCalendarOpenFocusedDay: '12/27/2000',\n  tabIndex: 0,\n  innerRef: ref,\n} as ComponentPropsForApp;\n\nconst testDefinitionAsConst = {\n  type: 'full-date-range',\n  fromDate: '',\n  onFromDateChange: noop,\n  onMonthFromChange: noop,\n  onDayFromChange: noop,\n  onYearFromChange: noop,\n  pickerFooterMsg: '',\n  toDate: '',\n  onToDateChange: noop,\n  onMonthToChange: noop,\n  onDayToChange: noop,\n  onYearToChange: noop,\n  getIsDisabledDay: defaultReturnFalse,\n  getIsOutOfRangeDay: defaultReturnFalse,\n  hasError: false,\n  isClearable: false,\n  autoFocus: false,\n  emptyPickerStartingMonth: '12/__/2000',\n  onCalendarOpenFocusedDay: '12/27/2000',\n  tabIndex: 0,\n  innerRef: ref,\n} as const;\n\nconst ExampleUsageComponent = () => (\n  <>\n    {/* works with explicitly casted props, all syntaxes */}\n    <DSControlledDateRangePicker {...testExplicitDefinition} />\n    <DSControlledDateRangePicker {...testInferedTypeCompatibility} />\n    <DSControlledDateRangePicker {...testDefinitionAsConst} />\n    {/* works with inline values */}\n    <DSControlledDateRangePicker\n      type=\"full-date-range\"\n      fromDate=\"\"\n      onFromDateChange={noop}\n      onMonthFromChange={noop}\n      onDayFromChange={noop}\n      onYearFromChange={noop}\n      pickerFooterMsg=\"\"\n      toDate=\"\"\n      onToDateChange={noop}\n      onMonthToChange={noop}\n      onDayToChange={noop}\n      onYearToChange={noop}\n      getIsDisabledDay={defaultReturnFalse}\n      getIsOutOfRangeDay={defaultReturnFalse}\n      hasError={false}\n      isClearable={false}\n      autoFocus={false}\n      emptyPickerStartingMonth=\"12/__/2000\"\n      onCalendarOpenFocusedDay=\"12/27/2000\"\n      tabIndex={0}\n      innerRef={ref}\n    />\n  </>\n);\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACkJrB,mBAEE,KAFF;AAjJF,OAAOA,YAAW;AAClB,SAAS,mCAAmC;AAS5C,MAAM,MAAMA,OAAM,UAAU;AAC5B,MAAM,OAAO,MAAY;AAAC;AAC1B,MAAM,qBAAqB,MAAe;AAE1C,MAAM,oBAAiD;AAAA,EACrD,0BAA0B;AAAA,EAC1B,0BAA0B;AAAA,EAC1B,UAAU;AAAA,EACV,UAAU;AACZ;AAIA,MAAM,sBAA2D;AAAA,EAC/D,MAAM;AAAA,EACN,UAAU;AAAA,EACV,mBAAmB;AAAA,EACnB,kBAAkB;AAAA,EAElB,UAAU;AAAA,EACV,aAAa;AACf;AACA,MAAM,YAAkC;AAAA,EACtC,GAAG;AAAA,EACH,GAAG;AACL;AACA,MAAM,oBAAoB;AAAA,EACxB,GAAG;AAAA,EACH,GAAG;AACL;AAGA,MAAM,uBAA6D;AAAA,EACjE,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;AACA,MAAM,oBAA6C;AAAA,EACjD,GAAG;AAAA,EACH,GAAG;AACL;AACA,MAAM,4BAA4B;AAAA,EAChC,GAAG;AAAA,EACH,GAAG;AACL;AAGA,MAAM,yBAA+C;AAAA,EACnD,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;AAAA,EACX,0BAA0B;AAAA,EAC1B,0BAA0B;AAAA,EAC1B,UAAU;AAAA,EACV,UAAU;AACZ;AAGA,MAAM,+BAA+B;AAAA,EACnC,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;AAAA,EACX,0BAA0B;AAAA,EAC1B,0BAA0B;AAAA,EAC1B,UAAU;AAAA,EACV,UAAU;AACZ;AAEA,MAAM,wBAAwB;AAAA,EAC5B,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;AAAA,EACX,0BAA0B;AAAA,EAC1B,0BAA0B;AAAA,EAC1B,UAAU;AAAA,EACV,UAAU;AACZ;AAEA,MAAM,wBAAwB,MAC5B,iCAEE;AAAA,sBAAC,+BAA6B,GAAG,wBAAwB;AAAA,EACzD,oBAAC,+BAA6B,GAAG,8BAA8B;AAAA,EAC/D,oBAAC,+BAA6B,GAAG,uBAAuB;AAAA,EAExD;AAAA,IAAC;AAAA;AAAA,MACC,MAAK;AAAA,MACL,UAAS;AAAA,MACT,kBAAkB;AAAA,MAClB,mBAAmB;AAAA,MACnB,iBAAiB;AAAA,MACjB,kBAAkB;AAAA,MAClB,iBAAgB;AAAA,MAChB,QAAO;AAAA,MACP,gBAAgB;AAAA,MAChB,iBAAiB;AAAA,MACjB,eAAe;AAAA,MACf,gBAAgB;AAAA,MAChB,kBAAkB;AAAA,MAClB,oBAAoB;AAAA,MACpB,UAAU;AAAA,MACV,aAAa;AAAA,MACb,WAAW;AAAA,MACX,0BAAyB;AAAA,MACzB,0BAAyB;AAAA,MACzB,UAAU;AAAA,MACV,UAAU;AAAA;AAAA,EACZ;AAAA,GACF;",
+  "names": ["React"]
+}

package/dist/types/ControlledDateRangePicker.d.ts

@@ -1,4 +1,4 @@
-import type { DSControlledDateRangePickerT } from './propTypes.js';
+import type { DSControlledDateRangePickerT } from './react-desc-prop-types.js';
 declare const DSControlledDateRangePicker: {
     (props: DSControlledDateRangePickerT.Props): JSX.Element;
     displayName: string;

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

@@ -1,4 +1,4 @@
-import type { DSControlledDateRangePickerT } from '../propTypes.js';
+import type { DSControlledDateRangePickerT } from '../react-desc-prop-types.js';
 interface RangePickerLogicT {
     latestChangedDate: string;
     onCalendarOpen: () => void;

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

@@ -1,2 +1,2 @@
-import { type DSControlledDateRangePickerT } from '../propTypes.js';
+import { type DSControlledDateRangePickerT } from '../react-desc-prop-types.js';
 export declare const useGetDateRangePickerWithDefaultsProps: (props: DSControlledDateRangePickerT.Props) => DSControlledDateRangePickerT.InternalProps;

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

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

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

@@ -1,2 +1,2 @@
-import type { DSControlledDateRangePickerT } from '../propTypes.js';
+import type { DSControlledDateRangePickerT } from '../react-desc-prop-types.js';
 export declare const useValidateProps: (props: DSControlledDateRangePickerT.Props) => void;

package/dist/types/index.d.ts

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

package/dist/types/{propTypes.d.ts → react-desc-prop-types.d.ts}

@@ -1,4 +1,5 @@
-import type { WeakValidationMap } from 'react';
+/// <reference types="react" />
+import type { ValidationMap, GlobalAttributesT, DSPropTypesSchema, XstyledProps } from '@elliemae/ds-props-helpers';
 import { type DSControlledDateTimePickerT } from '@elliemae/ds-form-date-time-picker';
 import { type TypescriptHelpersT } from '@elliemae/ds-typescript-helpers';
 export declare namespace DSControlledDateRangePickerT {
@@ -10,6 +11,8 @@ export declare namespace DSControlledDateRangePickerT {
     type RangeOnDateChange = (val: string, metaInfo: RangePickerMetaInfoT) => void;
     type AppOnInputChange = DSControlledDateTimePickerT.AppOnInputChange;
     type ControlledDateRangeType = 'full-date-range' | 'date-range-picker-controller-only' | 'date-range-picker' | 'date-range-inputs';
+    interface RequiredProps {
+    }
     interface DefaultProps {
         type: ControlledDateRangeType;
         fromDate: string;
@@ -35,10 +38,11 @@ export declare namespace DSControlledDateRangePickerT {
         innerRef?: React.MutableRefObject<HTMLInputElement | HTMLButtonElement | null> | ((ref: HTMLInputElement | HTMLButtonElement | null) => void);
         tabIndex?: TypescriptHelpersT.WCAGTabIndex;
     }
-    interface Props extends Partial<DefaultProps>, OptionalProps {
+    interface Props extends Partial<DefaultProps>, Omit<GlobalAttributesT<HTMLDivElement>, keyof DefaultProps | keyof OptionalProps>, OptionalProps, XstyledProps, RequiredProps {
     }
-    interface InternalProps extends DefaultProps, OptionalProps {
+    interface InternalProps extends DefaultProps, Omit<GlobalAttributesT<HTMLDivElement>, keyof DefaultProps | keyof OptionalProps>, OptionalProps, XstyledProps, RequiredProps {
     }
 }
 export declare const defaultProps: DSControlledDateRangePickerT.DefaultProps;
-export declare const propTypes: WeakValidationMap<unknown>;
+export declare const DSControlledDateRangePickerPropTypes: DSPropTypesSchema<DSControlledDateRangePickerT.Props>;
+export declare const DSControlledDateRangePickerPropTypesWithSchema: ValidationMap<DSControlledDateRangePickerT.Props>;

package/dist/types/tests/date-range-picker.axe.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/types/typescript-testing/typescript-date-range-picker-valid.d.ts

@@ -0,0 +1 @@
+export {};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@elliemae/ds-form-date-range-picker",
-  "version": "3.37.2",
+  "version": "3.38.0-rc.1",
   "license": "MIT",
   "description": "ICE MT - Dimsum - Controlled Form Date Range Picker",
   "files": [
@@ -38,17 +38,17 @@
   "dependencies": {
     "styled-components": "~5.3.9",
     "uid": "~2.0.1",
-    "@elliemae/ds-form-date-time-picker": "3.37.2",
-    "@elliemae/ds-props-helpers": "3.37.2",
-    "@elliemae/ds-system": "3.37.2",
-    "@elliemae/ds-typescript-helpers": "3.37.2"
+    "@elliemae/ds-form-date-time-picker": "3.38.0-rc.1",
+    "@elliemae/ds-props-helpers": "3.38.0-rc.1",
+    "@elliemae/ds-system": "3.38.0-rc.1",
+    "@elliemae/ds-typescript-helpers": "3.38.0-rc.1"
   },
   "devDependencies": {
     "@elliemae/pui-cli": "9.0.0-next.50",
     "@elliemae/pui-theme": "~2.9.3",
     "styled-components": "~5.3.9",
     "styled-system": "~5.1.5",
-    "@elliemae/ds-monorepo-devops": "3.37.2"
+    "@elliemae/ds-monorepo-devops": "3.38.0-rc.1"
   },
   "peerDependencies": {
     "@elliemae/pui-theme": "~2.9.3",
@@ -59,7 +59,7 @@
   },
   "publishConfig": {
     "access": "public",
-    "typeSafety": false
+    "typeSafety": true
   },
   "scripts": {
     "dev": "cross-env NODE_ENV=development node ../../../scripts/build/build.mjs --watch",

package/dist/cjs/propTypes.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../src/propTypes.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["import type { WeakValidationMap } from 'react';\nimport { PropTypes, globalAttributesPropTypes, xstyledPropTypes } from '@elliemae/ds-props-helpers';\nimport { type DSControlledDateTimePickerT } from '@elliemae/ds-form-date-time-picker';\nimport { type TypescriptHelpersT } from '@elliemae/ds-typescript-helpers';\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?:\n      | React.MutableRefObject<HTMLInputElement | HTMLButtonElement | null>\n      | ((ref: HTMLInputElement | HTMLButtonElement | null) => void);\n    tabIndex?: TypescriptHelpersT.WCAGTabIndex;\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.oneOfType([PropTypes.func, PropTypes.object]).description(\n    '\"from\" month input html node reference',\n  ),\n} as WeakValidationMap<unknown>;\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADCvB,8BAAuE;AAKvE,MAAM,OAAO,MAAY;AAAC;AAC1B,MAAM,qBAAqB,MAAe;AAkDnC,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,kCAAU,MAAM;AAAA,IACpB;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,CAAC,EACE,YAAY,wCAAwC,EACpD,aAAa,iBAAiB;AAAA,EACjC,UAAU,kCAAU,OAAO,YAAY,oEAAoE,EACxG;AAAA,EACH,kBAAkB,kCAAU,KACzB,YAAY,2CAA2C,EACvD,UAAU,0FAA0F,EAAE;AAAA,EACzG,mBAAmB,kCAAU,KAC1B,YAAY,4CAA4C,EACxD,aAAa,MAAM;AAAA,EAAC,CAAC,EACrB,UAAU,0FAA0F;AAAA,EACvG,iBAAiB,kCAAU,KACxB,YAAY,0CAA0C,EACtD,aAAa,MAAM;AAAA,EAAC,CAAC,EACrB,UAAU,0FAA0F;AAAA,EACvG,kBAAkB,kCAAU,KACzB,YAAY,2CAA2C,EACvD,aAAa,MAAM;AAAA,EAAC,CAAC,EACrB,UAAU,0FAA0F;AAAA,EACvG,QAAQ,kCAAU,OAAO,YAAY,kEAAkE,EAAE;AAAA,EACzG,gBAAgB,kCAAU,KACvB,YAAY,yCAAyC,EACrD,UAAU,0FAA0F,EAAE;AAAA,EACzG,iBAAiB,kCAAU,KACxB,YAAY,0CAA0C,EACtD,aAAa,MAAM;AAAA,EAAC,CAAC,EACrB,UAAU,0FAA0F;AAAA,EACvG,eAAe,kCAAU,KACtB,YAAY,wCAAwC,EACpD,aAAa,MAAM;AAAA,EAAC,CAAC,EACrB,UAAU,0FAA0F;AAAA,EACvG,gBAAgB,kCAAU,KACvB,YAAY,yCAAyC,EACrD,aAAa,MAAM;AAAA,EAAC,CAAC,EACrB,UAAU,0FAA0F;AAAA,EACvG,kBAAkB,kCAAU,KACzB,YAAY,wCAAwC,EACpD,aAAa,MAAM,KAAK,EACxB,UAAU,+BAA+B;AAAA,EAC5C,oBAAoB,kCAAU,KAC3B,YAAY,6CAA6C,EACzD,aAAa,MAAM,KAAK,EACxB,UAAU,+BAA+B;AAAA,EAC5C,iBAAiB,kCAAU,OAAO,YAAY,EAAE;AAAA,EAChD,UAAU,kCAAU,KACjB,YAAY,uEAAuE,EACnF,aAAa,KAAK;AAAA,EACrB,aAAa,kCAAU,KACpB,YAAY,gEAAgE,EAC5E,aAAa,KAAK;AAAA,EACrB,WAAW,kCAAU,KAClB,YAAY,wFAAwF,EACpG,aAAa,KAAK;AAAA,EACrB,0BAA0B,kCAAU,OAAO;AAAA,IACzC;AAAA,EACF;AAAA,EACA,0BAA0B,kCAAU,OAAO;AAAA,IACzC;AAAA,EACF;AAAA,EACA,UAAU,kCAAU,UAAU,CAAC,kCAAU,MAAM,kCAAU,MAAM,CAAC,EAAE;AAAA,IAChE;AAAA,EACF;AACF;",
-  "names": []
-}

package/dist/esm/propTypes.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../src/propTypes.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import type { WeakValidationMap } from 'react';\nimport { PropTypes, globalAttributesPropTypes, xstyledPropTypes } from '@elliemae/ds-props-helpers';\nimport { type DSControlledDateTimePickerT } from '@elliemae/ds-form-date-time-picker';\nimport { type TypescriptHelpersT } from '@elliemae/ds-typescript-helpers';\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?:\n      | React.MutableRefObject<HTMLInputElement | HTMLButtonElement | null>\n      | ((ref: HTMLInputElement | HTMLButtonElement | null) => void);\n    tabIndex?: TypescriptHelpersT.WCAGTabIndex;\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.oneOfType([PropTypes.func, PropTypes.object]).description(\n    '\"from\" month input html node reference',\n  ),\n} as WeakValidationMap<unknown>;\n"],
-  "mappings": "AAAA,YAAY,WAAW;ACCvB,SAAS,WAAW,2BAA2B,wBAAwB;AAKvE,MAAM,OAAO,MAAY;AAAC;AAC1B,MAAM,qBAAqB,MAAe;AAkDnC,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,UAAU,CAAC,UAAU,MAAM,UAAU,MAAM,CAAC,EAAE;AAAA,IAChE;AAAA,EACF;AACF;",
-  "names": []
-}