@elliemae/ds-controlled-form 3.0.0-next.0 → 3.0.0-next.12

package/dist/esm/date-range-picker/ControlledDateRangePickerTypes.js

@@ -0,0 +1,11 @@
+import * as React from "react";
+const CONTROLLED_DATE_RANGE_PICKER_TYPES = {
+  FULL: "full-date-range",
+  CONTROLLER_ONLY: "date-range-picker-controller-only",
+  PICKER: "date-range-picker",
+  INPUTS: "date-range-inputs"
+};
+export {
+  CONTROLLED_DATE_RANGE_PICKER_TYPES
+};
+//# sourceMappingURL=ControlledDateRangePickerTypes.js.map

package/dist/esm/date-range-picker/ControlledDateRangePickerTypes.js.map

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

package/dist/esm/date-range-picker/config/useControlledDateRangePicker.js

@@ -0,0 +1,51 @@
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+import * as React from "react";
+import { useMemo } from "react";
+import { uid } from "uid";
+import { getDataProps } from "@elliemae/ds-props-helpers";
+import { useGetDateRangePickerWithDefaultsProps } from "./useGetPropsWithDefault";
+import { useValidateProps } from "./useValidateProps";
+import { useRangePickerLogic } from "./useRangePickerLogic";
+import { CONTROLLED_DATE_RANGE_PICKER_TYPES } from "../ControlledDateRangePickerTypes";
+const useControlledDateRangePicker = (props) => {
+  useValidateProps(props);
+  const instanceUID = useMemo(() => uid(6), []);
+  const propsWithDefaults = useGetDateRangePickerWithDefaultsProps(props);
+  const dataAttrs = getDataProps(props);
+  const { type } = propsWithDefaults;
+  const withInputs = type === CONTROLLED_DATE_RANGE_PICKER_TYPES.FULL || type === CONTROLLED_DATE_RANGE_PICKER_TYPES.INPUTS;
+  const withIcon = type === CONTROLLED_DATE_RANGE_PICKER_TYPES.FULL || type === CONTROLLED_DATE_RANGE_PICKER_TYPES.PICKER;
+  const isControllerOnly = type === CONTROLLED_DATE_RANGE_PICKER_TYPES.CONTROLLER_ONLY;
+  const rangePickerLogic = useRangePickerLogic(propsWithDefaults);
+  const ctx = useMemo(() => ({
+    props: __spreadProps(__spreadValues({}, propsWithDefaults), { dataAttrs }),
+    instanceUID,
+    rangePickerLogic,
+    withInputs,
+    withIcon,
+    isControllerOnly
+  }), [instanceUID, isControllerOnly, dataAttrs, propsWithDefaults, rangePickerLogic, withIcon, withInputs]);
+  return ctx;
+};
+export {
+  useControlledDateRangePicker
+};
+//# sourceMappingURL=useControlledDateRangePicker.js.map

package/dist/esm/date-range-picker/config/useControlledDateRangePicker.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/date-range-picker/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 { getDataProps } from '@elliemae/ds-props-helpers';\n\nimport { useGetDateRangePickerWithDefaultsProps } from './useGetPropsWithDefault';\nimport { useValidateProps } from './useValidateProps';\nimport { useRangePickerLogic } from './useRangePickerLogic';\nimport { CONTROLLED_DATE_RANGE_PICKER_TYPES } from '../ControlledDateRangePickerTypes';\nimport type { DateRangePickerPropsT, ControlledDateRangePickerContextT } from '../index.d';\n\nexport const useControlledDateRangePicker = (\n  props: Partial<DateRangePickerPropsT>,\n): ControlledDateRangePickerContextT => {\n  // if we detect wrong props configuration we throw meaningful errors\n  useValidateProps(props);\n  const instanceUID = useMemo(() => uid(6), []);\n  const propsWithDefaults = useGetDateRangePickerWithDefaultsProps(props);\n  const dataAttrs = getDataProps(props);\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\n  const rangePickerLogic = useRangePickerLogic(propsWithDefaults);\n\n  const ctx = useMemo(\n    () => ({\n      props: { ...propsWithDefaults, dataAttrs },\n      instanceUID,\n      rangePickerLogic,\n      withInputs,\n      withIcon,\n      isControllerOnly,\n    }),\n    [instanceUID, isControllerOnly, dataAttrs, propsWithDefaults, rangePickerLogic, withIcon, withInputs],\n  );\n\n  return ctx;\n};\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;AAAA;ACIA;AACA;AACA;AAEA;AACA;AACA;AACA;AAGO,MAAM,+BAA+B,CAC1C,UACsC;AAEtC,mBAAiB;AACjB,QAAM,cAAc,QAAQ,MAAM,IAAI,IAAI;AAC1C,QAAM,oBAAoB,uCAAuC;AACjE,QAAM,YAAY,aAAa;AAC/B,QAAM,EAAE,SAAS;AAEjB,QAAM,aACJ,SAAS,mCAAmC,QAAQ,SAAS,mCAAmC;AAClG,QAAM,WACJ,SAAS,mCAAmC,QAAQ,SAAS,mCAAmC;AAClG,QAAM,mBAAmB,SAAS,mCAAmC;AAErE,QAAM,mBAAmB,oBAAoB;AAE7C,QAAM,MAAM,QACV,MAAO;AAAA,IACL,OAAO,iCAAK,oBAAL,EAAwB;AAAA,IAC/B;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,MAEF,CAAC,aAAa,kBAAkB,WAAW,mBAAmB,kBAAkB,UAAU;AAG5F,SAAO;AAAA;",
+  "names": []
+}

package/dist/esm/date-range-picker/config/useGetPropsWithDefault.js

@@ -0,0 +1,8 @@
+import * as React from "react";
+import { useMemoMergePropsWithDefault } from "@elliemae/ds-props-helpers";
+import { defaultProps } from "../ControlledDateRangePickerCTX";
+const useGetDateRangePickerWithDefaultsProps = (props) => useMemoMergePropsWithDefault(props, defaultProps);
+export {
+  useGetDateRangePickerWithDefaultsProps
+};
+//# sourceMappingURL=useGetPropsWithDefault.js.map

package/dist/esm/date-range-picker/config/useGetPropsWithDefault.js.map

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

package/dist/esm/date-range-picker/config/useRangePickerLogic.js

@@ -0,0 +1,158 @@
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+import * as React from "react";
+import { useCallback, useState, useMemo, useEffect } from "react";
+import { getDayFromDateString } from "../../date-time-picker";
+const useRangePickerLogic = ({
+  fromDate,
+  onFromDateChange,
+  onMonthFromChange,
+  onDayFromChange,
+  onYearFromChange,
+  toDate,
+  onMonthToChange,
+  onDayToChange,
+  onYearToChange,
+  onToDateChange
+}) => {
+  const [calendarChangeIsFrom, setCalendarChangeIsFrom] = useState(true);
+  const [latestChangedDate, setLatestChangedDate] = useState(fromDate);
+  useEffect(() => {
+    setLatestChangedDate(fromDate);
+  }, [fromDate]);
+  useEffect(() => {
+    setLatestChangedDate(toDate);
+  }, [toDate]);
+  const getChangedDayStringValues = useCallback((changedDay) => {
+    const dateFromString = calendarChangeIsFrom ? changedDay : fromDate;
+    const dateFrom = getDayFromDateString(dateFromString);
+    const dateToString = calendarChangeIsFrom ? toDate : changedDay;
+    const dateTo = getDayFromDateString(dateToString);
+    const isToBeforeFrom = dateTo?.getTime() < dateFrom?.getTime();
+    const newDateFromString = isToBeforeFrom ? dateToString : dateFromString;
+    const forcingFromDatePick = isToBeforeFrom ? !calendarChangeIsFrom : false;
+    const newDateToString = isToBeforeFrom ? dateFromString : dateToString;
+    const forcingToDatePick = isToBeforeFrom ? calendarChangeIsFrom : false;
+    let nextToggleStateIsFrom = !calendarChangeIsFrom;
+    if (forcingFromDatePick)
+      nextToggleStateIsFrom = false;
+    if (forcingToDatePick)
+      nextToggleStateIsFrom = true;
+    return {
+      newDateFromString,
+      forcingFromDatePick,
+      newDateToString,
+      forcingToDatePick,
+      isToBeforeFrom,
+      nextToggleStateIsFrom,
+      currentClickCountAsFrom: !nextToggleStateIsFrom
+    };
+  }, [fromDate, calendarChangeIsFrom, toDate]);
+  const handlePickerMonthDateChange = useCallback((newMonth, e, metaInfo) => {
+    const { newDateString } = metaInfo;
+    const { currentClickCountAsFrom } = getChangedDayStringValues(newDateString);
+    if (currentClickCountAsFrom)
+      onMonthFromChange(newMonth, e, metaInfo);
+    else
+      onMonthToChange(newMonth, e, metaInfo);
+  }, [getChangedDayStringValues, onMonthFromChange, onMonthToChange]);
+  const handlePickerDayDateChange = useCallback((newDay, e, metaInfo) => {
+    const { newDateString } = metaInfo;
+    const { currentClickCountAsFrom } = getChangedDayStringValues(newDateString);
+    if (currentClickCountAsFrom)
+      onDayFromChange(newDay, e, metaInfo);
+    else
+      onDayToChange(newDay, e, metaInfo);
+  }, [getChangedDayStringValues, onDayFromChange, onDayToChange]);
+  const handlePickerYearDateChange = useCallback((newYear, e, metaInfo) => {
+    const { newDateString } = metaInfo;
+    const { currentClickCountAsFrom } = getChangedDayStringValues(newDateString);
+    if (currentClickCountAsFrom)
+      onYearFromChange(newYear, e, metaInfo);
+    else
+      onYearToChange(newYear, e, metaInfo);
+  }, [getChangedDayStringValues, onYearFromChange, onYearToChange]);
+  const onCalendarOpen = useCallback(() => {
+    setCalendarChangeIsFrom(true);
+  }, []);
+  const onCalendarClose = useCallback(() => {
+    setCalendarChangeIsFrom(true);
+  }, []);
+  const handlePickerDateChange = useCallback((changedDay, metaInfo) => {
+    const { newDateFromString, newDateToString, nextToggleStateIsFrom, isToBeforeFrom } = getChangedDayStringValues(changedDay);
+    onFromDateChange(newDateFromString, __spreadProps(__spreadValues({}, metaInfo), { automaticSwitchedDates: isToBeforeFrom }));
+    onToDateChange(newDateToString, __spreadProps(__spreadValues({}, metaInfo), { automaticSwitchedDates: isToBeforeFrom }));
+    setCalendarChangeIsFrom(nextToggleStateIsFrom);
+  }, [getChangedDayStringValues, onFromDateChange, onToDateChange]);
+  const getIsStartRangeDay = useCallback((dayString) => dayString === fromDate, [fromDate]);
+  const getIsDayInRange = useCallback((dayString) => {
+    const dayFrom = getDayFromDateString(fromDate);
+    const dayTo = getDayFromDateString(toDate);
+    if (!dayFrom || !dayTo || !dayString)
+      return false;
+    const newDayTime = getDayFromDateString(dayString)?.getTime();
+    return newDayTime <= dayTo.getTime() && newDayTime >= dayFrom.getTime();
+  }, [fromDate, toDate]);
+  const getIsEndRangeDay = useCallback((dayString) => dayString === toDate, [toDate]);
+  const getIsToBeforeFrom = useCallback((fromString, toString) => {
+    const dateFrom = getDayFromDateString(fromString);
+    const dateTo = getDayFromDateString(toString);
+    return dateTo?.getTime() < dateFrom?.getTime();
+  }, []);
+  const handleFromDateChange = useCallback((newVal, metaInfo) => {
+    const isIncorrectOrder = getIsToBeforeFrom(newVal, toDate);
+    onFromDateChange(newVal, __spreadProps(__spreadValues({}, metaInfo), { rangeDateChangeType: "from", isIncorrectOrder }));
+  }, [getIsToBeforeFrom, onFromDateChange, toDate]);
+  const handleToDateChange = useCallback((newVal, metaInfo) => {
+    const isIncorrectOrder = getIsToBeforeFrom(fromDate, newVal);
+    onToDateChange(newVal, __spreadProps(__spreadValues({}, metaInfo), { rangeDateChangeType: "to", isIncorrectOrder }));
+  }, [fromDate, getIsToBeforeFrom, onToDateChange]);
+  return useMemo(() => ({
+    latestChangedDate,
+    onCalendarOpen,
+    onCalendarClose,
+    handleFromDateChange,
+    handleToDateChange,
+    handlePickerDateChange,
+    handlePickerMonthDateChange,
+    handlePickerDayDateChange,
+    handlePickerYearDateChange,
+    getIsStartRangeDay,
+    getIsDayInRange,
+    getIsEndRangeDay
+  }), [
+    latestChangedDate,
+    onCalendarOpen,
+    onCalendarClose,
+    handleFromDateChange,
+    handleToDateChange,
+    handlePickerDateChange,
+    handlePickerMonthDateChange,
+    handlePickerDayDateChange,
+    handlePickerYearDateChange,
+    getIsStartRangeDay,
+    getIsDayInRange,
+    getIsEndRangeDay
+  ]);
+};
+export {
+  useRangePickerLogic
+};
+//# sourceMappingURL=useRangePickerLogic.js.map

package/dist/esm/date-range-picker/config/useRangePickerLogic.js.map

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

package/dist/esm/date-range-picker/config/useValidateProps.js

@@ -0,0 +1,7 @@
+import * as React from "react";
+const useValidateProps = (props) => {
+};
+export {
+  useValidateProps
+};
+//# sourceMappingURL=useValidateProps.js.map

package/dist/esm/date-range-picker/config/useValidateProps.js.map

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

package/dist/esm/date-range-picker/index.d.js

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

package/dist/esm/date-range-picker/index.d.js.map

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

package/dist/esm/date-range-picker/index.js

@@ -0,0 +1,9 @@
+import * as React from "react";
+export * from "./ControlledDateRangePicker";
+import { ControlledDateRangePickerDatatestid } from "./ControlledDateRangePickerDatatestid";
+import { CONTROLLED_DATE_RANGE_PICKER_TYPES } from "./ControlledDateRangePickerTypes";
+export {
+  CONTROLLED_DATE_RANGE_PICKER_TYPES,
+  ControlledDateRangePickerDatatestid
+};
+//# sourceMappingURL=index.js.map

package/dist/esm/date-range-picker/index.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/date-range-picker/index.ts"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "export * from './ControlledDateRangePicker';\nexport { ControlledDateRangePickerDatatestid } from './ControlledDateRangePickerDatatestid';\nexport { CONTROLLED_DATE_RANGE_PICKER_TYPES } from './ControlledDateRangePickerTypes';\n"],
+  "mappings": "AAAA;ACAA;AACA;AACA;",
+  "names": []
+}

package/dist/esm/date-range-picker/parts/ControlledDateRangeCalendar.js

@@ -0,0 +1,55 @@
+import * as React from "react";
+import React2, { useContext } from "react";
+import { CONTROLLED_DATE_TIME_PICKER_TYPES, DSControlledDateTimePicker } from "../../date-time-picker";
+import { ControlledDateRangePickerContext } from "../ControlledDateRangePickerCTX";
+const ControlledDateRangeCalendar = () => {
+  const {
+    props: {
+      emptyPickerStartingMonth,
+      onCalendarOpenFocusedDay,
+      isClearable,
+      getIsDisabledDay,
+      getIsOutOfRangeDay,
+      hasError,
+      pickerFooterMsg
+    },
+    rangePickerLogic: {
+      latestChangedDate,
+      onCalendarOpen,
+      onCalendarClose,
+      handlePickerDateChange,
+      handlePickerMonthDateChange,
+      handlePickerDayDateChange,
+      handlePickerYearDateChange,
+      getIsStartRangeDay,
+      getIsDayInRange,
+      getIsEndRangeDay
+    },
+    isControllerOnly
+  } = useContext(ControlledDateRangePickerContext);
+  return /* @__PURE__ */ React2.createElement(DSControlledDateTimePicker, {
+    type: isControllerOnly ? CONTROLLED_DATE_TIME_PICKER_TYPES.DATE.CONTROLLER_ONLY : CONTROLLED_DATE_TIME_PICKER_TYPES.DATE.PICKER,
+    date: latestChangedDate,
+    onDateChange: handlePickerDateChange,
+    onMonthChange: handlePickerMonthDateChange,
+    onDayChange: handlePickerDayDateChange,
+    onYearChange: handlePickerYearDateChange,
+    getIsStartRangeDay,
+    getIsDayInRange,
+    getIsEndRangeDay,
+    onPickerOpen: onCalendarOpen,
+    onPickerClose: onCalendarClose,
+    isClearable,
+    getIsDisabledDay,
+    getIsOutOfRangeDay,
+    emptyPickerStartingMonth,
+    onCalendarOpenFocusedDay,
+    preventCloseOnSelection: true,
+    hasError,
+    pickerFooterMsg
+  });
+};
+export {
+  ControlledDateRangeCalendar
+};
+//# sourceMappingURL=ControlledDateRangeCalendar.js.map

package/dist/esm/date-range-picker/parts/ControlledDateRangeCalendar.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/date-range-picker/parts/ControlledDateRangeCalendar.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React, { useContext } from 'react';\nimport { CONTROLLED_DATE_TIME_PICKER_TYPES, DSControlledDateTimePicker } from '../../date-time-picker';\nimport { ControlledDateRangePickerContext } from '../ControlledDateRangePickerCTX';\n\nexport const ControlledDateRangeCalendar = (): JSX.Element => {\n  const {\n    props: {\n      emptyPickerStartingMonth,\n      onCalendarOpenFocusedDay,\n      isClearable,\n      getIsDisabledDay,\n      getIsOutOfRangeDay,\n      hasError,\n      pickerFooterMsg,\n    },\n    rangePickerLogic: {\n      latestChangedDate,\n      onCalendarOpen,\n      onCalendarClose,\n      handlePickerDateChange,\n      handlePickerMonthDateChange,\n      handlePickerDayDateChange,\n      handlePickerYearDateChange,\n      getIsStartRangeDay,\n      getIsDayInRange,\n      getIsEndRangeDay,\n    },\n    isControllerOnly,\n  } = useContext(ControlledDateRangePickerContext);\n\n  return (\n    <DSControlledDateTimePicker\n      type={\n        isControllerOnly\n          ? CONTROLLED_DATE_TIME_PICKER_TYPES.DATE.CONTROLLER_ONLY\n          : CONTROLLED_DATE_TIME_PICKER_TYPES.DATE.PICKER\n      }\n      date={latestChangedDate}\n      onDateChange={handlePickerDateChange}\n      onMonthChange={handlePickerMonthDateChange}\n      onDayChange={handlePickerDayDateChange}\n      onYearChange={handlePickerYearDateChange}\n      getIsStartRangeDay={getIsStartRangeDay}\n      getIsDayInRange={getIsDayInRange}\n      getIsEndRangeDay={getIsEndRangeDay}\n      onPickerOpen={onCalendarOpen}\n      onPickerClose={onCalendarClose}\n      isClearable={isClearable}\n      getIsDisabledDay={getIsDisabledDay}\n      getIsOutOfRangeDay={getIsOutOfRangeDay}\n      emptyPickerStartingMonth={emptyPickerStartingMonth}\n      onCalendarOpenFocusedDay={onCalendarOpenFocusedDay}\n      preventCloseOnSelection\n      hasError={hasError}\n      pickerFooterMsg={pickerFooterMsg}\n    />\n  );\n};\n"],
+  "mappings": "AAAA;ACAA;AACA;AACA;AAEO,MAAM,8BAA8B,MAAmB;AAC5D,QAAM;AAAA,IACJ,OAAO;AAAA,MACL;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA;AAAA,IAEF,kBAAkB;AAAA,MAChB;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA;AAAA,IAEF;AAAA,MACE,WAAW;AAEf,SACE,qCAAC,4BAAD;AAAA,IACE,MACE,mBACI,kCAAkC,KAAK,kBACvC,kCAAkC,KAAK;AAAA,IAE7C,MAAM;AAAA,IACN,cAAc;AAAA,IACd,eAAe;AAAA,IACf,aAAa;AAAA,IACb,cAAc;AAAA,IACd;AAAA,IACA;AAAA,IACA;AAAA,IACA,cAAc;AAAA,IACd,eAAe;AAAA,IACf;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,yBAAuB;AAAA,IACvB;AAAA,IACA;AAAA;AAAA;",
+  "names": []
+}

package/dist/esm/date-range-picker/parts/ControlledDateRangeContent.js

@@ -0,0 +1,50 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+import * as React from "react";
+import React2, { useContext } from "react";
+import styled from "styled-components";
+import { ControlledDateRangePickerContext } from "../ControlledDateRangePickerCTX";
+import { ControlledDateRangeFromDate } from "./ControlledDateRangeFromDate";
+import { ControlledDateRangeToDate } from "./ControlledDateRangeToDate";
+import { ControlledDateRangeCalendar } from "./ControlledDateRangeCalendar";
+import { ControlledDateRangePickerDatatestid } from "../ControlledDateRangePickerDatatestid";
+const StyledWrapper = styled.div`
+  display: grid;
+  grid-template-columns: auto auto auto;
+  grid-template-rows: auto;
+  ${({ isControllerOnly }) => isControllerOnly ? void 0 : "gap: 0px 8px;"}
+  grid-auto-flow: row;
+  grid-template-areas: '. .';
+  justify-content: center;
+  align-items: center;
+`;
+const ControlledDateRangeContent = () => {
+  const {
+    props: { dataAttrs },
+    withIcon,
+    withInputs,
+    isControllerOnly
+  } = useContext(ControlledDateRangePickerContext);
+  return /* @__PURE__ */ React2.createElement(StyledWrapper, __spreadValues({
+    isControllerOnly,
+    "data-testid": ControlledDateRangePickerDatatestid.WRAPPER
+  }, dataAttrs), withInputs ? /* @__PURE__ */ React2.createElement(React2.Fragment, null, /* @__PURE__ */ React2.createElement(ControlledDateRangeFromDate, null), /* @__PURE__ */ React2.createElement(ControlledDateRangeToDate, null)) : null, withIcon || isControllerOnly ? /* @__PURE__ */ React2.createElement(ControlledDateRangeCalendar, null) : null);
+};
+export {
+  ControlledDateRangeContent
+};
+//# sourceMappingURL=ControlledDateRangeContent.js.map

package/dist/esm/date-range-picker/parts/ControlledDateRangeContent.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/date-range-picker/parts/ControlledDateRangeContent.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React, { useContext } from 'react';\nimport styled from 'styled-components';\nimport { ControlledDateRangePickerContext } from '../ControlledDateRangePickerCTX';\nimport { ControlledDateRangeFromDate } from './ControlledDateRangeFromDate';\nimport { ControlledDateRangeToDate } from './ControlledDateRangeToDate';\nimport { ControlledDateRangeCalendar } from './ControlledDateRangeCalendar';\nimport { ControlledDateRangePickerDatatestid } from '../ControlledDateRangePickerDatatestid';\n\nconst StyledWrapper = styled.div<{ isControllerOnly: boolean }>`\n  display: grid;\n  grid-template-columns: auto auto auto;\n  grid-template-rows: auto;\n  ${({ isControllerOnly }) => (isControllerOnly ? undefined : 'gap: 0px 8px;')}\n  grid-auto-flow: row;\n  grid-template-areas: '. .';\n  justify-content: center;\n  align-items: center;\n`;\n\nexport const ControlledDateRangeContent = (): JSX.Element => {\n  const {\n    props: { dataAttrs },\n    withIcon,\n    withInputs,\n    isControllerOnly,\n  } = useContext(ControlledDateRangePickerContext);\n  return (\n    <StyledWrapper\n      isControllerOnly={isControllerOnly}\n      data-testid={ControlledDateRangePickerDatatestid.WRAPPER}\n      {...dataAttrs}\n    >\n      {withInputs ? (\n        <>\n          <ControlledDateRangeFromDate />\n          <ControlledDateRangeToDate />\n        </>\n      ) : null}\n      {withIcon || isControllerOnly ? <ControlledDateRangeCalendar /> : null}\n    </StyledWrapper>\n  );\n};\n"],
+  "mappings": ";;;;;;;;;;;;;;;;AAAA;ACAA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA,MAAM,gBAAgB,OAAO;AAAA;AAAA;AAAA;AAAA,IAIzB,CAAC,EAAE,uBAAwB,mBAAmB,SAAY;AAAA;AAAA;AAAA;AAAA;AAAA;AAOvD,MAAM,6BAA6B,MAAmB;AAC3D,QAAM;AAAA,IACJ,OAAO,EAAE;AAAA,IACT;AAAA,IACA;AAAA,IACA;AAAA,MACE,WAAW;AACf,SACE,qCAAC,eAAD;AAAA,IACE;AAAA,IACA,eAAa,oCAAoC;AAAA,KAC7C,YAEH,aACC,4DACE,qCAAC,6BAAD,OACA,qCAAC,2BAAD,SAEA,MACH,YAAY,mBAAmB,qCAAC,6BAAD,QAAkC;AAAA;",
+  "names": []
+}

package/dist/esm/date-range-picker/parts/ControlledDateRangeFromDate.js

@@ -0,0 +1,37 @@
+import * as React from "react";
+import React2, { useContext } from "react";
+import { ControlledDateRangePickerContext } from "../ControlledDateRangePickerCTX";
+import { CONTROLLED_DATE_TIME_PICKER_TYPES, DSControlledDateTimePicker } from "../../date-time-picker";
+const ControlledDateRangeFromDate = () => {
+  const {
+    props: {
+      fromDate,
+      onMonthFromChange,
+      onDayFromChange,
+      onYearFromChange,
+      isClearable,
+      getIsDisabledDay,
+      getIsOutOfRangeDay,
+      hasError,
+      autoFocus
+    },
+    rangePickerLogic: { handleFromDateChange }
+  } = useContext(ControlledDateRangePickerContext);
+  return /* @__PURE__ */ React2.createElement(DSControlledDateTimePicker, {
+    type: CONTROLLED_DATE_TIME_PICKER_TYPES.DATE.INPUTS,
+    date: fromDate,
+    onDateChange: handleFromDateChange,
+    onMonthChange: onMonthFromChange,
+    onDayChange: onDayFromChange,
+    onYearChange: onYearFromChange,
+    isClearable,
+    getIsDisabledDay,
+    getIsOutOfRangeDay,
+    hasError,
+    autoFocus
+  });
+};
+export {
+  ControlledDateRangeFromDate
+};
+//# sourceMappingURL=ControlledDateRangeFromDate.js.map

package/dist/esm/date-range-picker/parts/ControlledDateRangeFromDate.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/date-range-picker/parts/ControlledDateRangeFromDate.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React, { useContext } from 'react';\nimport { ControlledDateRangePickerContext } from '../ControlledDateRangePickerCTX';\nimport { CONTROLLED_DATE_TIME_PICKER_TYPES, DSControlledDateTimePicker } from '../../date-time-picker';\n\nexport const ControlledDateRangeFromDate = (): JSX.Element => {\n  const {\n    props: {\n      fromDate,\n      onMonthFromChange,\n      onDayFromChange,\n      onYearFromChange,\n      isClearable,\n      getIsDisabledDay,\n      getIsOutOfRangeDay,\n      hasError,\n      autoFocus,\n    },\n    rangePickerLogic: { handleFromDateChange },\n  } = useContext(ControlledDateRangePickerContext);\n  return (\n    <DSControlledDateTimePicker\n      type={CONTROLLED_DATE_TIME_PICKER_TYPES.DATE.INPUTS}\n      date={fromDate}\n      onDateChange={handleFromDateChange}\n      onMonthChange={onMonthFromChange}\n      onDayChange={onDayFromChange}\n      onYearChange={onYearFromChange}\n      isClearable={isClearable}\n      getIsDisabledDay={getIsDisabledDay}\n      getIsOutOfRangeDay={getIsOutOfRangeDay}\n      hasError={hasError}\n      autoFocus={autoFocus}\n    />\n  );\n};\n"],
+  "mappings": "AAAA;ACAA;AACA;AACA;AAEO,MAAM,8BAA8B,MAAmB;AAC5D,QAAM;AAAA,IACJ,OAAO;AAAA,MACL;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA;AAAA,IAEF,kBAAkB,EAAE;AAAA,MAClB,WAAW;AACf,SACE,qCAAC,4BAAD;AAAA,IACE,MAAM,kCAAkC,KAAK;AAAA,IAC7C,MAAM;AAAA,IACN,cAAc;AAAA,IACd,eAAe;AAAA,IACf,aAAa;AAAA,IACb,cAAc;AAAA,IACd;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA;AAAA;",
+  "names": []
+}

package/dist/esm/date-range-picker/parts/ControlledDateRangeToDate.js

@@ -0,0 +1,35 @@
+import * as React from "react";
+import React2, { useContext } from "react";
+import { ControlledDateRangePickerContext } from "../ControlledDateRangePickerCTX";
+import { CONTROLLED_DATE_TIME_PICKER_TYPES, DSControlledDateTimePicker } from "../../date-time-picker";
+const ControlledDateRangeToDate = () => {
+  const {
+    props: {
+      toDate,
+      onMonthToChange,
+      onDayToChange,
+      onYearToChange,
+      isClearable,
+      getIsDisabledDay,
+      getIsOutOfRangeDay,
+      hasError
+    },
+    rangePickerLogic: { handleToDateChange }
+  } = useContext(ControlledDateRangePickerContext);
+  return /* @__PURE__ */ React2.createElement(DSControlledDateTimePicker, {
+    type: CONTROLLED_DATE_TIME_PICKER_TYPES.DATE.INPUTS,
+    date: toDate,
+    onDateChange: handleToDateChange,
+    onMonthChange: onMonthToChange,
+    onDayChange: onDayToChange,
+    onYearChange: onYearToChange,
+    isClearable,
+    getIsDisabledDay,
+    getIsOutOfRangeDay,
+    hasError
+  });
+};
+export {
+  ControlledDateRangeToDate
+};
+//# sourceMappingURL=ControlledDateRangeToDate.js.map

package/dist/esm/date-range-picker/parts/ControlledDateRangeToDate.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/date-range-picker/parts/ControlledDateRangeToDate.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React, { useContext } from 'react';\nimport { ControlledDateRangePickerContext } from '../ControlledDateRangePickerCTX';\nimport { CONTROLLED_DATE_TIME_PICKER_TYPES, DSControlledDateTimePicker } from '../../date-time-picker';\n\nexport const ControlledDateRangeToDate = (): JSX.Element => {\n  const {\n    props: {\n      toDate,\n      onMonthToChange,\n      onDayToChange,\n      onYearToChange,\n      isClearable,\n      getIsDisabledDay,\n      getIsOutOfRangeDay,\n      hasError,\n    },\n    rangePickerLogic: { handleToDateChange },\n  } = useContext(ControlledDateRangePickerContext);\n  return (\n    <DSControlledDateTimePicker\n      type={CONTROLLED_DATE_TIME_PICKER_TYPES.DATE.INPUTS}\n      date={toDate}\n      onDateChange={handleToDateChange}\n      onMonthChange={onMonthToChange}\n      onDayChange={onDayToChange}\n      onYearChange={onYearToChange}\n      isClearable={isClearable}\n      getIsDisabledDay={getIsDisabledDay}\n      getIsOutOfRangeDay={getIsOutOfRangeDay}\n      hasError={hasError}\n    />\n  );\n};\n"],
+  "mappings": "AAAA;ACAA;AACA;AACA;AAEO,MAAM,4BAA4B,MAAmB;AAC1D,QAAM;AAAA,IACJ,OAAO;AAAA,MACL;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA;AAAA,IAEF,kBAAkB,EAAE;AAAA,MAClB,WAAW;AACf,SACE,qCAAC,4BAAD;AAAA,IACE,MAAM,kCAAkC,KAAK;AAAA,IAC7C,MAAM;AAAA,IACN,cAAc;AAAA,IACd,eAAe;AAAA,IACf,aAAa;AAAA,IACb,cAAc;AAAA,IACd;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA;AAAA;",
+  "names": []
+}

package/dist/esm/date-range-picker/propTypes.js

@@ -0,0 +1,14 @@
+import * as React from "react";
+import { PropTypes } from "react-desc";
+const propTypes = {
+  type: PropTypes.oneOf([
+    "full-date-range",
+    "date-range-picker-controller-only",
+    "date-range-picker",
+    "date-range-inputs"
+  ]).description("Type of date range form control to use")
+};
+export {
+  propTypes
+};
+//# sourceMappingURL=propTypes.js.map

package/dist/esm/date-range-picker/propTypes.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/date-range-picker/propTypes.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { PropTypes } from 'react-desc';\n\nexport const propTypes = {\n  type: PropTypes.oneOf([\n    'full-date-range',\n    'date-range-picker-controller-only',\n    'date-range-picker',\n    'date-range-inputs',\n  ]).description('Type of date range form control to use'),\n};\n"],
+  "mappings": "AAAA;ACAA;AAEO,MAAM,YAAY;AAAA,EACvB,MAAM,UAAU,MAAM;AAAA,IACpB;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,KACC,YAAY;AAAA;",
+  "names": []
+}

package/dist/esm/date-time-picker/ControlledDateTimePicker.js

@@ -0,0 +1,21 @@
+import * as React from "react";
+import React2 from "react";
+import { describe } from "react-desc";
+import { propTypes } from "./propTypes";
+import { useControlledDateTimePicker } from "./config/useControlledDateTimePicker";
+import { ControlledDateTimePickerContent } from "./parts/ControlledDateTimePickerContent";
+import { ControlledDateTimePickerContext } from "./ControlledDateTimePickerCTX";
+const DSControlledDateTimePicker = (props) => {
+  const ctx = useControlledDateTimePicker(props);
+  return /* @__PURE__ */ React2.createElement(ControlledDateTimePickerContext.Provider, {
+    value: ctx
+  }, /* @__PURE__ */ React2.createElement(ControlledDateTimePickerContent, null));
+};
+DSControlledDateTimePicker.propTypes = propTypes;
+const DSControlledDateTimePickerWithSchema = describe(DSControlledDateTimePicker);
+DSControlledDateTimePickerWithSchema.propTypes = propTypes;
+export {
+  DSControlledDateTimePicker,
+  DSControlledDateTimePickerWithSchema
+};
+//# sourceMappingURL=ControlledDateTimePicker.js.map

package/dist/esm/date-time-picker/ControlledDateTimePicker.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/date-time-picker/ControlledDateTimePicker.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable max-lines */\nimport React from 'react';\nimport { describe } from 'react-desc';\nimport { propTypes } from './propTypes';\nimport { useControlledDateTimePicker } from './config/useControlledDateTimePicker';\nimport { ControlledDateTimePickerContent } from './parts/ControlledDateTimePickerContent';\nimport { ControlledDateTimePickerContext } from './ControlledDateTimePickerCTX';\nimport type { DateTimePickerPropsT } from './index.d';\n\nconst DSControlledDateTimePicker = (props: DateTimePickerPropsT): JSX.Element => {\n  const ctx = useControlledDateTimePicker(props);\n  return (\n    <ControlledDateTimePickerContext.Provider value={ctx}>\n      <ControlledDateTimePickerContent />\n    </ControlledDateTimePickerContext.Provider>\n  );\n};\n\nDSControlledDateTimePicker.propTypes = propTypes;\nconst DSControlledDateTimePickerWithSchema = describe(DSControlledDateTimePicker);\nDSControlledDateTimePickerWithSchema.propTypes = propTypes;\n\nexport { DSControlledDateTimePickerWithSchema, DSControlledDateTimePicker };\n"],
+  "mappings": "AAAA;ACCA;AACA;AACA;AACA;AACA;AACA;AAGA,MAAM,6BAA6B,CAAC,UAA6C;AAC/E,QAAM,MAAM,4BAA4B;AACxC,SACE,qCAAC,gCAAgC,UAAjC;AAAA,IAA0C,OAAO;AAAA,KAC/C,qCAAC,iCAAD;AAAA;AAKN,2BAA2B,YAAY;AACvC,MAAM,uCAAuC,SAAS;AACtD,qCAAqC,YAAY;",
+  "names": []
+}