@elliemae/ds-date-time-picker 2.3.0-next.0 → 3.0.0-alpha.0

package/dist/cjs/DSDateTimePicker.js

@@ -0,0 +1,172 @@
+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 __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __reExport = (target, module2, copyDefault, desc) => {
+  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
+    for (let key of __getOwnPropNames(module2))
+      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
+        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
+  }
+  return target;
+};
+var __toESM = (module2, isNodeMode) => {
+  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
+};
+var __toCommonJS = /* @__PURE__ */ ((cache) => {
+  return (module2, temp) => {
+    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
+  };
+})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
+var DSDateTimePicker_exports = {};
+__export(DSDateTimePicker_exports, {
+  DSDateTimePicker: () => DSDateTimePicker,
+  DateTimePickerWithSchema: () => DateTimePickerWithSchema,
+  default: () => DSDateTimePicker_default
+});
+var React = __toESM(require("react"));
+var import_react = __toESM(require("react"));
+var import_react_desc = require("react-desc");
+var import_moment = __toESM(require("moment"));
+var import_ds_classnames = require("@elliemae/ds-classnames");
+var import_ds_date_picker = require("@elliemae/ds-date-picker");
+var import_DateTimePickerImpl = require("./components/DateTimePickerImpl");
+var import_english = __toESM(require("./lang/english"));
+const {
+  placeholder: placeholderDefault,
+  className: classNameDefault,
+  id: idDefault
+} = import_english.default;
+const DSDateTimePicker = ({
+  containerProps = {},
+  className = classNameDefault,
+  id = idDefault,
+  placeholder = placeholderDefault,
+  date,
+  clearable = false,
+  onBlur = () => null,
+  datePickerProps = {
+    disabled: false,
+    numberOfMonths: 1,
+    readOnly: false,
+    enableOutsideDays: false,
+    transitionDuration: 0,
+    firstDayOfWeek: 0,
+    keepOpenOnDateSelect: true,
+    hideKeyboardShortcutsPanel: true,
+    onPrevMonthClick: () => null,
+    onNextMonthClick: () => null,
+    onClose: () => null,
+    onchange: () => null,
+    onDateChange: () => null,
+    phrases: import_ds_date_picker.SingleDatePickerPhrases,
+    displayFormatDay: "D",
+    isDayBlocked: () => false,
+    isOutsideRange: () => false,
+    isDayHighlighted: () => false,
+    zIndex: 11
+  },
+  timePickerProps = {
+    format: "hh:mm A",
+    onChange: () => null,
+    disabledTimes: void 0,
+    minutesInterval: 1
+  },
+  dateInputProps = {
+    onDateInputDateChange: () => null
+  }
+}) => {
+  const { cssClassName } = (0, import_ds_classnames.convertPropToCssClassName)("datetimepicker", className, {
+    id
+  });
+  return /* @__PURE__ */ import_react.default.createElement("div", {
+    className: cssClassName,
+    ...containerProps
+  }, /* @__PURE__ */ import_react.default.createElement(import_DateTimePickerImpl.DSDateTimePickerImpl, {
+    clearable,
+    date,
+    datePickerProps,
+    onBlur,
+    placeholder,
+    timePickerProps,
+    dateInputProps
+  }));
+};
+const dateTimePickerProps = {
+  containerProps: import_react_desc.PropTypes.object.description("Set of Properties attached to the main container"),
+  className: import_react_desc.PropTypes.string.description("html class attribute"),
+  id: import_react_desc.PropTypes.string.description("components id"),
+  onBlur: import_react_desc.PropTypes.func.description("on blur callback"),
+  date: import_react_desc.PropTypes.instanceOf(Date, import_moment.default).description("Initial date, by default current date"),
+  clearable: import_react_desc.PropTypes.bool.description("Flag to trigger onDateChange on error"),
+  datePickerProps: import_react_desc.PropTypes.shape({
+    disabled: import_react_desc.PropTypes.bool,
+    numberOfMonths: import_react_desc.PropTypes.number,
+    readOnly: import_react_desc.PropTypes.bool,
+    enableOutsideDays: import_react_desc.PropTypes.bool,
+    transitionDuration: import_react_desc.PropTypes.number,
+    firstDayOfWeek: import_react_desc.PropTypes.number,
+    keepOpenOnDateSelect: import_react_desc.PropTypes.bool,
+    hideKeyboardShortcutsPanel: import_react_desc.PropTypes.bool,
+    onPrevMonthClick: import_react_desc.PropTypes.func,
+    onNextMonthClick: import_react_desc.PropTypes.func,
+    onClose: import_react_desc.PropTypes.func,
+    onDateChange: import_react_desc.PropTypes.func,
+    phrases: import_react_desc.PropTypes.shape({
+      calendarLabel: import_react_desc.PropTypes.string,
+      closeDatePicker: import_react_desc.PropTypes.string,
+      clearDates: import_react_desc.PropTypes.string,
+      focusStartDate: import_react_desc.PropTypes.string,
+      jumpToPrevMonth: import_react_desc.PropTypes.string,
+      jumpToNextMonth: import_react_desc.PropTypes.string,
+      keyboardShortcuts: import_react_desc.PropTypes.string,
+      showKeyboardShortcutsPanel: import_react_desc.PropTypes.string,
+      hideKeyboardShortcutsPanel: import_react_desc.PropTypes.string,
+      openThisPanel: import_react_desc.PropTypes.string,
+      enterKey: import_react_desc.PropTypes.string,
+      leftArrowRightArrow: import_react_desc.PropTypes.string,
+      upArrowDownArrow: import_react_desc.PropTypes.string,
+      pageUpPageDown: import_react_desc.PropTypes.string,
+      homeEnd: import_react_desc.PropTypes.string,
+      escape: import_react_desc.PropTypes.string,
+      questionMark: import_react_desc.PropTypes.string,
+      selectFocusedDate: import_react_desc.PropTypes.string,
+      moveFocusByOneDay: import_react_desc.PropTypes.string,
+      moveFocusByOneWeek: import_react_desc.PropTypes.string,
+      moveFocusByOneMonth: import_react_desc.PropTypes.string,
+      moveFocustoStartAndEndOfWeek: import_react_desc.PropTypes.string,
+      returnFocusToInput: import_react_desc.PropTypes.string,
+      keyboardNavigationInstructions: import_react_desc.PropTypes.string,
+      chooseAvailableStartDate: import_react_desc.PropTypes.func,
+      chooseAvailableEndDate: import_react_desc.PropTypes.func,
+      dateIsUnavailable: import_react_desc.PropTypes.func,
+      dateIsSelected: import_react_desc.PropTypes.func,
+      zIndex: import_react_desc.PropTypes.number
+    }),
+    displayFormatDay: import_react_desc.PropTypes.string,
+    isDayBlocked: import_react_desc.PropTypes.func,
+    isOutsideRange: import_react_desc.PropTypes.func,
+    isDayHighlighted: import_react_desc.PropTypes.func
+  }).description("DatePicker properties"),
+  placeholder: import_react_desc.PropTypes.string.description("Input placeholder"),
+  timePickerProps: import_react_desc.PropTypes.shape({
+    format: import_react_desc.PropTypes.string,
+    onChange: import_react_desc.PropTypes.func
+  }).description("TimePicker properties"),
+  dateInputProps: import_react_desc.PropTypes.shape({
+    onDateInputDateChange: import_react_desc.PropTypes.func
+  }).description("DateInputProperties")
+};
+DSDateTimePicker.propTypes = dateTimePickerProps;
+const DateTimePickerWithSchema = (0, import_react_desc.describe)(DSDateTimePicker);
+DateTimePickerWithSchema.propTypes = dateTimePickerProps;
+var DSDateTimePicker_default = DSDateTimePicker;
+module.exports = __toCommonJS(DSDateTimePicker_exports);
+//# sourceMappingURL=DSDateTimePicker.js.map

package/dist/cjs/DSDateTimePicker.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/DSDateTimePicker.tsx", "../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["/* eslint-disable max-lines */\nimport React from 'react';\nimport { PropTypes, describe } from 'react-desc';\nimport moment from 'moment';\nimport { convertPropToCssClassName } from '@elliemae/ds-classnames';\nimport { SingleDatePickerPhrases } from '@elliemae/ds-date-picker';\nimport { DSDateTimePickerImpl } from './components/DateTimePickerImpl';\nimport english from './lang/english';\n\nconst {\n  placeholder: placeholderDefault,\n  className: classNameDefault,\n  id: idDefault,\n} = english;\n\nconst DSDateTimePicker = ({\n  containerProps = {},\n  className = classNameDefault,\n  id = idDefault,\n  placeholder = placeholderDefault,\n  date,\n  clearable = false,\n  onBlur = () => null,\n  datePickerProps = {\n    disabled: false,\n    numberOfMonths: 1,\n    readOnly: false,\n    enableOutsideDays: false,\n    transitionDuration: 0,\n    firstDayOfWeek: 0,\n    keepOpenOnDateSelect: true,\n    hideKeyboardShortcutsPanel: true,\n    onPrevMonthClick: () => null,\n    onNextMonthClick: () => null,\n    onClose: () => null,\n    onchange: () => null,\n    onDateChange: () => null,\n    phrases: SingleDatePickerPhrases,\n    displayFormatDay: 'D',\n    isDayBlocked: () => false,\n    isOutsideRange: () => false,\n    isDayHighlighted: () => false,\n    zIndex: 11,\n  },\n  timePickerProps = {\n    format: 'hh:mm A',\n    onChange: () => null,\n    disabledTimes: undefined,\n    minutesInterval: 1,\n  },\n  dateInputProps = {\n    onDateInputDateChange: () => null,\n  },\n}) => {\n  const { cssClassName } = convertPropToCssClassName(\n    'datetimepicker',\n    className,\n    {\n      id,\n    },\n  );\n  return (\n    <div className={cssClassName} {...containerProps}>\n      <DSDateTimePickerImpl\n        clearable={clearable}\n        date={date}\n        datePickerProps={datePickerProps}\n        onBlur={onBlur}\n        placeholder={placeholder}\n        timePickerProps={timePickerProps}\n        dateInputProps={dateInputProps}\n      />\n    </div>\n  );\n};\n\nconst dateTimePickerProps = {\n  containerProps: PropTypes.object.description(\n    'Set of Properties attached to the main container',\n  ),\n  className: PropTypes.string.description('html class attribute'),\n  id: PropTypes.string.description('components id'),\n  /**\n   * on blur callback\n   */\n  onBlur: PropTypes.func.description('on blur callback'),\n  /**\n   * Initial date, by default current date\n   */\n  date: PropTypes.instanceOf(Date, moment).description(\n    'Initial date, by default current date',\n  ),\n  /**\n   * Flag to trigger onDateChange on error\n   */\n  clearable: PropTypes.bool.description(\n    'Flag to trigger onDateChange on error',\n  ),\n  /**\n   * DatePicker properties\n   */\n  datePickerProps: PropTypes.shape({\n    disabled: PropTypes.bool,\n    numberOfMonths: PropTypes.number,\n    readOnly: PropTypes.bool,\n    enableOutsideDays: PropTypes.bool,\n    transitionDuration: PropTypes.number,\n    firstDayOfWeek: PropTypes.number,\n    keepOpenOnDateSelect: PropTypes.bool,\n    hideKeyboardShortcutsPanel: PropTypes.bool,\n    onPrevMonthClick: PropTypes.func,\n    onNextMonthClick: PropTypes.func,\n    onClose: PropTypes.func,\n    onDateChange: PropTypes.func,\n    phrases: PropTypes.shape({\n      calendarLabel: PropTypes.string,\n      closeDatePicker: PropTypes.string,\n      clearDates: PropTypes.string,\n      focusStartDate: PropTypes.string,\n      jumpToPrevMonth: PropTypes.string,\n      jumpToNextMonth: PropTypes.string,\n      keyboardShortcuts: PropTypes.string,\n      showKeyboardShortcutsPanel: PropTypes.string,\n      hideKeyboardShortcutsPanel: PropTypes.string,\n      openThisPanel: PropTypes.string,\n      enterKey: PropTypes.string,\n      leftArrowRightArrow: PropTypes.string,\n      upArrowDownArrow: PropTypes.string,\n      pageUpPageDown: PropTypes.string,\n      homeEnd: PropTypes.string,\n      escape: PropTypes.string,\n      questionMark: PropTypes.string,\n      selectFocusedDate: PropTypes.string,\n      moveFocusByOneDay: PropTypes.string,\n      moveFocusByOneWeek: PropTypes.string,\n      moveFocusByOneMonth: PropTypes.string,\n      moveFocustoStartAndEndOfWeek: PropTypes.string,\n      returnFocusToInput: PropTypes.string,\n      keyboardNavigationInstructions: PropTypes.string,\n      chooseAvailableStartDate: PropTypes.func,\n      chooseAvailableEndDate: PropTypes.func,\n      dateIsUnavailable: PropTypes.func,\n      dateIsSelected: PropTypes.func,\n      /**\n       * ZIndex for the picker popup\n       */\n      zIndex: PropTypes.number,\n    }),\n    displayFormatDay: PropTypes.string,\n    isDayBlocked: PropTypes.func,\n    isOutsideRange: PropTypes.func,\n    isDayHighlighted: PropTypes.func,\n  }).description('DatePicker properties'),\n  /**\n   * Input placeholder\n   */\n  placeholder: PropTypes.string.description('Input placeholder'),\n  /**\n   * TimePicker properties\n   */\n  timePickerProps: PropTypes.shape({\n    format: PropTypes.string,\n    onChange: PropTypes.func,\n  }).description('TimePicker properties'),\n  dateInputProps: PropTypes.shape({\n    onDateInputDateChange: PropTypes.func,\n  }).description('DateInputProperties'),\n};\n\nDSDateTimePicker.propTypes = dateTimePickerProps;\nconst DateTimePickerWithSchema = describe(DSDateTimePicker);\nDateTimePickerWithSchema.propTypes = dateTimePickerProps;\n\nexport { DateTimePickerWithSchema, DSDateTimePicker };\nexport default DSDateTimePicker;\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": "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",
+  "names": []
+}

package/dist/cjs/components/DateTimePickerImpl.js

@@ -0,0 +1,254 @@
+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 __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __reExport = (target, module2, copyDefault, desc) => {
+  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
+    for (let key of __getOwnPropNames(module2))
+      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
+        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
+  }
+  return target;
+};
+var __toESM = (module2, isNodeMode) => {
+  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
+};
+var __toCommonJS = /* @__PURE__ */ ((cache) => {
+  return (module2, temp) => {
+    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
+  };
+})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
+var DateTimePickerImpl_exports = {};
+__export(DateTimePickerImpl_exports, {
+  DSDateTimePickerImpl: () => DSDateTimePickerImpl,
+  default: () => DateTimePickerImpl_default
+});
+var React = __toESM(require("react"));
+var import_react = __toESM(require("react"));
+var import_moment = __toESM(require("moment"));
+var import_ds_classnames = require("@elliemae/ds-classnames");
+var import_ds_date_picker = require("@elliemae/ds-date-picker");
+var import_ds_form = require("@elliemae/ds-form");
+var import_ds_utilities = require("@elliemae/ds-utilities");
+var import_ds_time_picker = require("@elliemae/ds-time-picker");
+var import_utils = require("../utils");
+const blockName = "date-time-picker";
+const DateTimePickerWrapper = (0, import_ds_classnames.aggregatedClasses)("div")(blockName, "wrapper");
+const TimePicker = (0, import_ds_classnames.aggregatedClasses)(import_ds_time_picker.DSTimePickerMenu)(blockName, "time-picker");
+const TimePickerWrapper = (0, import_ds_classnames.aggregatedClasses)("div")(blockName, "time-picker-wrapper");
+const formatDate = "MMDDYYYY";
+const DSDateTimePickerImpl = ({
+  onBlur = () => null,
+  placeholder,
+  date,
+  clearable,
+  datePickerProps: {
+    disabled = false,
+    numberOfMonths = 1,
+    readOnly = false,
+    enableOutsideDays = false,
+    transitionDuration = 0,
+    firstDayOfWeek = 0,
+    keepOpenOnDateSelect = true,
+    hideKeyboardShortcutsPanel = true,
+    onPrevMonthClick = () => null,
+    onNextMonthClick = () => null,
+    onClose = () => null,
+    onChange: onDatePickerChange = () => null,
+    onDateChange = () => null,
+    onError: onErrorDate = () => null,
+    phrases = import_ds_date_picker.SingleDatePickerPhrases,
+    displayFormatDay = "D",
+    isDayBlocked = () => false,
+    isOutsideRange = () => false,
+    isDayHighlighted = () => false,
+    zIndex = 11
+  },
+  timePickerProps: {
+    format = "hh:mm A",
+    onChange: onChangeTimePicker = () => null,
+    disabledTimes = void 0,
+    onError: onErrorTime = () => null,
+    minutesInterval = 1
+  },
+  dateInputProps: { onDateInputDateChange = () => null }
+}) => {
+  const [selectedDate, setSelectedDate] = (0, import_react.useState)(void 0);
+  const [incompleteInput, setIncompleteInput] = (0, import_react.useState)(void 0);
+  const [isOpen, setIsOpen] = (0, import_react.useState)(false);
+  const disabledTimeRange = disabledTimes && {
+    from: (0, import_ds_time_picker.convertTimeString)(disabledTimes.from),
+    to: (0, import_ds_time_picker.convertTimeString)(disabledTimes.to)
+  };
+  const dateTimePickerWrapperRef = (0, import_react.useRef)();
+  const fullFormat = `${formatDate} ${format}`;
+  (0, import_react.useEffect)(() => {
+    if (date) {
+      setSelectedDate((0, import_moment.default)(date));
+    } else if (date === null)
+      setSelectedDate(void 0);
+  }, [date]);
+  const visiblePanels = (0, import_react.useMemo)(() => (0, import_ds_utilities.getVisibleTimeByFormat)(format), []);
+  const currentYear = (0, import_moment.default)().year();
+  const handleDatePickerChange = (dateSelected) => {
+    const splittedDate = (0, import_utils.updateDateAndTime)(dateSelected, selectedDate);
+    if (!readOnly) {
+      setSelectedDate(splittedDate);
+      onDateChange(splittedDate);
+    }
+  };
+  const onTimeChange = (pickerTime) => {
+    const splittedDate = (0, import_utils.updateDateAndTime)(selectedDate, pickerTime);
+    onChangeTimePicker(splittedDate);
+    setSelectedDate(splittedDate);
+  };
+  const handleInputChange = (inputValue, type) => {
+    onDatePickerChange(inputValue);
+    let timeBlocked = false;
+    const inputMoment = (0, import_moment.default)(inputValue, fullFormat);
+    setIncompleteInput(inputValue);
+    if (type === "date") {
+      const splittedDate = (0, import_utils.updateDateAndTime)(inputMoment, selectedDate);
+      if (inputValue.length < 8) {
+        onErrorDate({ message: "date incomplete", inputValue });
+        if (clearable)
+          onDateChange("error");
+        return;
+      }
+      if (inputValue.length === 8 && inputMoment.isValid()) {
+        setSelectedDate(splittedDate);
+        onChangeTimePicker(splittedDate);
+      }
+      onDateChange(splittedDate);
+      return;
+    }
+    if (disabledTimeRange) {
+      const hour = inputValue.hour();
+      const min = inputValue.minutes();
+      const { from, to } = disabledTimeRange;
+      if (hour > from.hour && hour < to.hour || hour === to.hour && min < to.min) {
+        timeBlocked = true;
+      }
+    }
+    if (timeBlocked)
+      onErrorTime({ message: "time blocked", inputValue });
+    const dateBlocked = isDayBlocked(inputMoment);
+    if (dateBlocked)
+      onErrorDate({ message: "date blocked", inputValue });
+    if (!timeBlocked && !dateBlocked) {
+      onDateChange(inputValue);
+    }
+  };
+  const handleOutsideClick = (event) => {
+    if (!dateTimePickerWrapperRef.current.contains(event.target)) {
+      setIsOpen(false);
+    }
+  };
+  const handleClickEscape = () => setIsOpen(false);
+  const handleOpen = () => setIsOpen(true);
+  const handleContainerBlur = (event) => {
+    if (!isOpen && !event.currentTarget.contains(event.relatedTarget)) {
+      onBlur(event, selectedDate?.isValid() ? selectedDate : {
+        error: true,
+        message: "incomplete input",
+        input: incompleteInput
+      });
+      if (clearable && !selectedDate && !!incompleteInput) {
+        const inputMoment = (0, import_moment.default)(incompleteInput, fullFormat);
+        const splittedDate = (0, import_utils.updateDateAndTime)(inputMoment, selectedDate);
+        setSelectedDate(splittedDate);
+        onDateChange(splittedDate);
+      }
+    }
+  };
+  (0, import_react.useEffect)(() => {
+    if (!isOpen)
+      onBlur({}, selectedDate?.isValid() ? selectedDate : {
+        error: true,
+        message: "incomplete input",
+        input: incompleteInput
+      });
+  }, [isOpen]);
+  const hasSelectedDate = !!selectedDate;
+  return /* @__PURE__ */ import_react.default.createElement(import_ds_form.DSInputGroup, {
+    containerProps: {
+      onBlur: handleContainerBlur
+    },
+    rightAddon: /* @__PURE__ */ import_react.default.createElement(import_ds_date_picker.DatePickerDropdown, {
+      disabled,
+      isOpen,
+      zIndex,
+      menu: /* @__PURE__ */ import_react.default.createElement(DateTimePickerWrapper, {
+        ref: dateTimePickerWrapperRef,
+        "data-testid": "date-time-picker"
+      }, /* @__PURE__ */ import_react.default.createElement("div", {
+        className: hasSelectedDate ? "has-selected-date" : "without-selected-date",
+        "data-testid": "date-time-picker-portal-wrapper"
+      }, /* @__PURE__ */ import_react.default.createElement(import_ds_date_picker.DSDatePickerController, {
+        date: selectedDate,
+        displayFormatDay,
+        enableOutsideDays,
+        firstDayOfWeek,
+        hideKeyboardShortcutsPanel,
+        isDayBlocked,
+        isDayHighlighted,
+        isOutsideRange,
+        keepOpenOnDateSelect,
+        numberOfMonths,
+        onClickEscape: handleClickEscape,
+        onClose,
+        onDateChange: handleDatePickerChange,
+        onNextMonthClick,
+        onOutsideClick: (event) => handleOutsideClick(event),
+        onPrevMonthClick,
+        phrases,
+        transitionDuration
+      })), /* @__PURE__ */ import_react.default.createElement(TimePickerWrapper, null, /* @__PURE__ */ import_react.default.createElement(TimePicker, {
+        disabled,
+        disabledTimes: disabledTimeRange,
+        format,
+        hasHeader: true,
+        hasHeaderDisplay: true,
+        onTimeChange,
+        showSeconds: false,
+        minutesInterval,
+        time: selectedDate,
+        ...visiblePanels
+      }))),
+      onClick: handleOpen,
+      readOnly
+    })
+  }, /* @__PURE__ */ import_react.default.createElement(import_ds_form.DSInput, {
+    customInputType: ({ onChange: handleChange, ...restInputProps }) => /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, /* @__PURE__ */ import_react.default.createElement("div", {
+      style: { display: "flex" }
+    }, /* @__PURE__ */ import_react.default.createElement(import_ds_form.DateInputsV2Impl, {
+      disabled,
+      onChange: (input) => handleChange(input, "date"),
+      ...restInputProps,
+      onDateChange: onDateInputDateChange,
+      yearMaxRange: currentYear + 100,
+      yearMinRange: currentYear - 100,
+      time: restInputProps.value && restInputProps.value.hour && restInputProps.value.isValid() ? restInputProps.value.format(formatDate) : restInputProps.value
+    })), /* @__PURE__ */ import_react.default.createElement(import_ds_form.TimeInputImpl, {
+      disabled,
+      format,
+      onChange: (time) => handleChange(time, "time"),
+      ...restInputProps
+    })),
+    isShowElipsisActive: false,
+    disabled,
+    onChange: handleInputChange,
+    placeholder,
+    value: selectedDate
+  }));
+};
+var DateTimePickerImpl_default = DSDateTimePickerImpl;
+module.exports = __toCommonJS(DateTimePickerImpl_exports);
+//# sourceMappingURL=DateTimePickerImpl.js.map

package/dist/cjs/components/DateTimePickerImpl.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/components/DateTimePickerImpl.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["/* eslint-disable indent */\n/* eslint-disable max-statements */\n/* eslint-disable complexity */\n/* eslint-disable no-empty-pattern */\n/* eslint-disable import/no-unresolved */\n/* eslint-disable max-lines */\n/* eslint-disable react/prop-types */\nimport React, { useState, useEffect, useMemo, useRef } from 'react';\nimport moment from 'moment';\nimport { aggregatedClasses } from '@elliemae/ds-classnames';\nimport { DSDatePickerController, DatePickerDropdown, SingleDatePickerPhrases } from '@elliemae/ds-date-picker';\nimport { DSInput, DSInputGroup, DateInputsV2Impl, TimeInputImpl } from '@elliemae/ds-form';\nimport { getVisibleTimeByFormat } from '@elliemae/ds-utilities';\nimport { DSTimePickerMenu, convertTimeString } from '@elliemae/ds-time-picker';\nimport { updateDateAndTime } from '../utils';\n\nconst blockName = 'date-time-picker';\n\nconst DateTimePickerWrapper = aggregatedClasses('div')(blockName, 'wrapper');\nconst TimePicker = aggregatedClasses(DSTimePickerMenu)(blockName, 'time-picker');\nconst TimePickerWrapper = aggregatedClasses('div')(blockName, 'time-picker-wrapper');\n// const DateInput = aggregatedClasses(DateInputsV2Impl)(blockName, 'date-input');\nconst formatDate = 'MMDDYYYY';\n\nconst DSDateTimePickerImpl = ({\n  onBlur = () => null,\n  placeholder,\n  date,\n  clearable,\n  datePickerProps: {\n    disabled = false,\n    numberOfMonths = 1,\n    readOnly = false,\n    enableOutsideDays = false,\n    transitionDuration = 0,\n    firstDayOfWeek = 0,\n    keepOpenOnDateSelect = true,\n    hideKeyboardShortcutsPanel = true,\n    onPrevMonthClick = () => null,\n    onNextMonthClick = () => null,\n    onClose = () => null,\n    onChange: onDatePickerChange = () => null,\n    onDateChange = () => null,\n    onError: onErrorDate = () => null,\n    phrases = SingleDatePickerPhrases,\n    displayFormatDay = 'D',\n    isDayBlocked = () => false,\n    isOutsideRange = () => false,\n    isDayHighlighted = () => false,\n    zIndex = 11,\n  },\n  timePickerProps: {\n    format = 'hh:mm A',\n    onChange: onChangeTimePicker = () => null,\n    disabledTimes = undefined,\n    onError: onErrorTime = () => null,\n    minutesInterval = 1,\n  },\n  dateInputProps: { onDateInputDateChange = () => null },\n}) => {\n  const [selectedDate, setSelectedDate] = useState(undefined);\n  const [incompleteInput, setIncompleteInput] = useState(undefined);\n  const [isOpen, setIsOpen] = useState(false);\n\n  const disabledTimeRange = disabledTimes && {\n    from: convertTimeString(disabledTimes.from),\n    to: convertTimeString(disabledTimes.to),\n  };\n\n  const dateTimePickerWrapperRef = useRef();\n  const fullFormat = `${formatDate} ${format}`;\n\n  useEffect(() => {\n    if (date) {\n      setSelectedDate(moment(date));\n    } else if (date === null) setSelectedDate(undefined);\n  }, [date]);\n\n  const visiblePanels = useMemo(() => getVisibleTimeByFormat(format), []);\n\n  const currentYear = moment().year();\n\n  const handleDatePickerChange = (dateSelected) => {\n    const splittedDate = updateDateAndTime(dateSelected, selectedDate);\n    if (!readOnly) {\n      setSelectedDate(splittedDate);\n      onDateChange(splittedDate);\n    }\n  };\n\n  const onTimeChange = (pickerTime) => {\n    const splittedDate = updateDateAndTime(selectedDate, pickerTime);\n    onChangeTimePicker(splittedDate);\n    setSelectedDate(splittedDate);\n  };\n\n  const handleInputChange = (inputValue, type) => {\n    onDatePickerChange(inputValue);\n    let timeBlocked = false;\n    const inputMoment = moment(inputValue, fullFormat);\n    setIncompleteInput(inputValue);\n    if (type === 'date') {\n      const splittedDate = updateDateAndTime(inputMoment, selectedDate);\n      if (inputValue.length < 8) {\n        onErrorDate({ message: 'date incomplete', inputValue });\n        if (clearable) onDateChange('error');\n        return;\n      }\n      if (inputValue.length === 8 && inputMoment.isValid()) {\n        setSelectedDate(splittedDate);\n        onChangeTimePicker(splittedDate);\n      }\n      onDateChange(splittedDate);\n      return;\n    }\n\n    if (disabledTimeRange) {\n      const hour = inputValue.hour();\n      const min = inputValue.minutes();\n      const { from, to } = disabledTimeRange;\n\n      if ((hour > from.hour && hour < to.hour) || (hour === to.hour && min < to.min)) {\n        timeBlocked = true;\n      }\n    }\n    if (timeBlocked) onErrorTime({ message: 'time blocked', inputValue });\n    const dateBlocked = isDayBlocked(inputMoment);\n    if (dateBlocked) onErrorDate({ message: 'date blocked', inputValue });\n    if (!timeBlocked && !dateBlocked) {\n      onDateChange(inputValue);\n    }\n  };\n\n  const handleOutsideClick = (event) => {\n    if (!dateTimePickerWrapperRef.current.contains(event.target)) {\n      setIsOpen(false);\n    }\n  };\n\n  const handleClickEscape = () => setIsOpen(false);\n  const handleOpen = () => setIsOpen(true);\n\n  const handleContainerBlur = (event) => {\n    if (!isOpen && !event.currentTarget.contains(event.relatedTarget)) {\n      onBlur(\n        event,\n        selectedDate?.isValid()\n          ? selectedDate\n          : {\n              error: true,\n              message: 'incomplete input',\n              input: incompleteInput,\n            },\n      );\n      if (clearable && !selectedDate && !!incompleteInput) {\n        const inputMoment = moment(incompleteInput, fullFormat);\n        const splittedDate = updateDateAndTime(inputMoment, selectedDate);\n\n        setSelectedDate(splittedDate);\n        onDateChange(splittedDate);\n      }\n    }\n  };\n\n  useEffect(() => {\n    if (!isOpen)\n      onBlur(\n        {},\n        selectedDate?.isValid()\n          ? selectedDate\n          : {\n              error: true,\n              message: 'incomplete input',\n              input: incompleteInput,\n            },\n      );\n  }, [isOpen]);\n\n  const hasSelectedDate = !!selectedDate;\n  return (\n    <DSInputGroup\n      containerProps={{\n        onBlur: handleContainerBlur,\n      }}\n      rightAddon={\n        <DatePickerDropdown\n          disabled={disabled}\n          isOpen={isOpen}\n          zIndex={zIndex}\n          menu={\n            <DateTimePickerWrapper ref={dateTimePickerWrapperRef} data-testid=\"date-time-picker\">\n              <div\n                className={hasSelectedDate ? 'has-selected-date' : 'without-selected-date'}\n                data-testid=\"date-time-picker-portal-wrapper\"\n              >\n                <DSDatePickerController\n                  date={selectedDate}\n                  displayFormatDay={displayFormatDay}\n                  enableOutsideDays={enableOutsideDays}\n                  firstDayOfWeek={firstDayOfWeek}\n                  hideKeyboardShortcutsPanel={hideKeyboardShortcutsPanel}\n                  isDayBlocked={isDayBlocked}\n                  isDayHighlighted={isDayHighlighted}\n                  isOutsideRange={isOutsideRange}\n                  keepOpenOnDateSelect={keepOpenOnDateSelect}\n                  numberOfMonths={numberOfMonths}\n                  onClickEscape={handleClickEscape}\n                  onClose={onClose}\n                  onDateChange={handleDatePickerChange}\n                  onNextMonthClick={onNextMonthClick}\n                  onOutsideClick={(event) => handleOutsideClick(event)}\n                  onPrevMonthClick={onPrevMonthClick}\n                  phrases={phrases}\n                  transitionDuration={transitionDuration}\n                />\n              </div>\n              <TimePickerWrapper>\n                <TimePicker\n                  disabled={disabled}\n                  disabledTimes={disabledTimeRange}\n                  format={format}\n                  hasHeader\n                  hasHeaderDisplay\n                  onTimeChange={onTimeChange}\n                  showSeconds={false}\n                  minutesInterval={minutesInterval}\n                  time={selectedDate}\n                  {...visiblePanels}\n                />\n              </TimePickerWrapper>\n            </DateTimePickerWrapper>\n          }\n          onClick={handleOpen}\n          readOnly={readOnly}\n        />\n      }\n    >\n      <DSInput\n        customInputType={({ onChange: handleChange, ...restInputProps }) => (\n          <>\n            <div style={{ display: 'flex' }}>\n              <DateInputsV2Impl\n                disabled={disabled}\n                onChange={(input) => handleChange(input, 'date')}\n                {...restInputProps}\n                onDateChange={onDateInputDateChange}\n                yearMaxRange={currentYear + 100}\n                yearMinRange={currentYear - 100}\n                time={\n                  restInputProps.value && restInputProps.value.hour && restInputProps.value.isValid()\n                    ? restInputProps.value.format(formatDate)\n                    : restInputProps.value\n                }\n              />\n            </div>\n            <TimeInputImpl\n              disabled={disabled}\n              format={format}\n              onChange={(time) => handleChange(time, 'time')}\n              {...restInputProps}\n            />\n          </>\n        )}\n        isShowElipsisActive={false}\n        disabled={disabled}\n        onChange={handleInputChange}\n        placeholder={placeholder}\n        value={selectedDate}\n      />\n    </DSInputGroup>\n  );\n};\n\nexport { DSDateTimePickerImpl };\nexport default DSDateTimePickerImpl;\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": "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",
+  "names": []
+}

package/dist/cjs/index.js

@@ -0,0 +1,37 @@
+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 __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __reExport = (target, module2, copyDefault, desc) => {
+  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
+    for (let key of __getOwnPropNames(module2))
+      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
+        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
+  }
+  return target;
+};
+var __toESM = (module2, isNodeMode) => {
+  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
+};
+var __toCommonJS = /* @__PURE__ */ ((cache) => {
+  return (module2, temp) => {
+    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
+  };
+})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
+var src_exports = {};
+__export(src_exports, {
+  DSDateTimePicker: () => import_DSDateTimePicker.DSDateTimePicker,
+  DateTimePickerWithSchema: () => import_DSDateTimePicker.DateTimePickerWithSchema,
+  default: () => import_DSDateTimePicker.default
+});
+var React = __toESM(require("react"));
+var import_DSDateTimePicker = __toESM(require("./DSDateTimePicker"));
+module.exports = __toCommonJS(src_exports);
+//# sourceMappingURL=index.js.map

package/dist/cjs/index.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/index.tsx", "../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["export { default, DSDateTimePicker, DateTimePickerWithSchema } from './DSDateTimePicker';\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,8BAAoE;",
+  "names": []
+}

package/dist/cjs/lang/english.js

@@ -0,0 +1,39 @@
+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 __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __reExport = (target, module2, copyDefault, desc) => {
+  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
+    for (let key of __getOwnPropNames(module2))
+      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
+        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
+  }
+  return target;
+};
+var __toESM = (module2, isNodeMode) => {
+  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
+};
+var __toCommonJS = /* @__PURE__ */ ((cache) => {
+  return (module2, temp) => {
+    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
+  };
+})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
+var english_exports = {};
+__export(english_exports, {
+  default: () => english_default
+});
+var React = __toESM(require("react"));
+var english_default = {
+  placeholder: "Select date and time",
+  className: "",
+  id: ""
+};
+module.exports = __toCommonJS(english_exports);
+//# sourceMappingURL=english.js.map

package/dist/cjs/lang/english.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/lang/english.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["export default {\n  placeholder: 'Select date and time',\n  className: '',\n  id: '',\n};\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,IAAO,kBAAQ;AAAA,EACb,aAAa;AAAA,EACb,WAAW;AAAA,EACX,IAAI;AAAA;",
+  "names": []
+}

package/dist/cjs/tests/utils.js

@@ -0,0 +1,42 @@
+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 __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __reExport = (target, module2, copyDefault, desc) => {
+  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
+    for (let key of __getOwnPropNames(module2))
+      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
+        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
+  }
+  return target;
+};
+var __toESM = (module2, isNodeMode) => {
+  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
+};
+var __toCommonJS = /* @__PURE__ */ ((cache) => {
+  return (module2, temp) => {
+    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
+  };
+})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
+var utils_exports = {};
+__export(utils_exports, {
+  themeProviderHOC: () => themeProviderHOC
+});
+var React = __toESM(require("react"));
+var import_react = __toESM(require("react"));
+var import_styled_components = require("styled-components");
+var import_ds_system = require("@elliemae/ds-system");
+const themeProviderHOC = (Component) => (props) => /* @__PURE__ */ import_react.default.createElement(import_styled_components.ThemeProvider, {
+  theme: import_ds_system.DSTheme
+}, /* @__PURE__ */ import_react.default.createElement(Component, {
+  ...props
+}));
+module.exports = __toCommonJS(utils_exports);
+//# sourceMappingURL=utils.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/tests/utils.js", "../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["import React from 'react';\nimport { ThemeProvider } from 'styled-components';\nimport { DSTheme } from '@elliemae/ds-system';\n\nexport const themeProviderHOC = (Component) => (props) => (\n  <ThemeProvider theme={DSTheme}>\n    <Component {...props} />\n  </ThemeProvider>\n);\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAkB;AAClB,+BAA8B;AAC9B,uBAAwB;AAEjB,MAAM,mBAAmB,CAAC,cAAc,CAAC,UAC9C,mDAAC,wCAAD;AAAA,EAAe,OAAO;AAAA,GACpB,mDAAC,WAAD;AAAA,KAAe;AAAA;",
+  "names": []
+}