@elliemae/ds-date-time-picker 2.2.0-next.4 → 2.3.0-alpha.2

package/cjs/components/DateTimePickerImpl.js

@@ -1,285 +1,254 @@
-'use strict';
-
-var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
-var _defineProperty = require('@babel/runtime/helpers/defineProperty');
-var _jsx = require('@babel/runtime/helpers/jsx');
-require('core-js/modules/web.dom-collections.iterator.js');
-require('core-js/modules/esnext.async-iterator.filter.js');
-require('core-js/modules/esnext.iterator.constructor.js');
-require('core-js/modules/esnext.iterator.filter.js');
-require('core-js/modules/esnext.async-iterator.for-each.js');
-require('core-js/modules/esnext.iterator.for-each.js');
-var react = require('react');
-var moment = require('moment');
-var dsClassnames = require('@elliemae/ds-classnames');
-var dsDatePicker = require('@elliemae/ds-date-picker');
-var dsForm = require('@elliemae/ds-form');
-var dsUtilities = require('@elliemae/ds-utilities');
-var dsTimePicker = require('@elliemae/ds-time-picker');
-var utils = require('../utils.js');
-var jsxRuntime = require('react/jsx-runtime');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var _objectWithoutProperties__default = /*#__PURE__*/_interopDefaultLegacy(_objectWithoutProperties);
-var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
-var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
-var moment__default = /*#__PURE__*/_interopDefaultLegacy(moment);
-
-const _excluded = ["onChange"];
-
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-const blockName = 'date-time-picker';
-const DateTimePickerWrapper = dsClassnames.aggregatedClasses('div')(blockName, 'wrapper');
-const TimePicker = dsClassnames.aggregatedClasses(dsTimePicker.DSTimePickerMenu)(blockName, 'time-picker');
-const TimePickerWrapper = dsClassnames.aggregatedClasses('div')(blockName, 'time-picker-wrapper'); // const DateInput = aggregatedClasses(DateInputsV2Impl)(blockName, 'date-input');
-
-const formatDate = 'MMDDYYYY';
-
-const DSDateTimePickerImpl = _ref => {
-  let {
-    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 = dsDatePicker.SingleDatePickerPhrases,
-      displayFormatDay = 'D',
-      isDayBlocked = () => false,
-      isOutsideRange = () => false,
-      isDayHighlighted = () => false,
-      zIndex = 11
-    },
-    timePickerProps: {
-      format = 'hh:mm A',
-      onChange: onChangeTimePicker = () => null,
-      disabledTimes = undefined,
-      onError: onErrorTime = () => null,
-      minutesInterval = 1
-    },
-    dateInputProps: {
-      onDateInputDateChange = () => null
-    }
-  } = _ref;
-  const [selectedDate, setSelectedDate] = react.useState(undefined);
-  const [incompleteInput, setIncompleteInput] = react.useState(undefined);
-  const [isOpen, setIsOpen] = react.useState(false);
+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: dsTimePicker.convertTimeString(disabledTimes.from),
-    to: dsTimePicker.convertTimeString(disabledTimes.to)
+    from: (0, import_ds_time_picker.convertTimeString)(disabledTimes.from),
+    to: (0, import_ds_time_picker.convertTimeString)(disabledTimes.to)
   };
-  const dateTimePickerWrapperRef = react.useRef();
-  const fullFormat = "".concat(formatDate, " ").concat(format);
-  react.useEffect(() => {
+  const dateTimePickerWrapperRef = (0, import_react.useRef)();
+  const fullFormat = `${formatDate} ${format}`;
+  (0, import_react.useEffect)(() => {
     if (date) {
-      setSelectedDate(moment__default["default"](date));
-    } else if (date === null) setSelectedDate(undefined);
+      setSelectedDate((0, import_moment.default)(date));
+    } else if (date === null)
+      setSelectedDate(void 0);
   }, [date]);
-  const visiblePanels = react.useMemo(() => dsUtilities.getVisibleTimeByFormat(format), []);
-  const currentYear = moment__default["default"]().year();
-
-  const handleDatePickerChange = dateSelected => {
-    const splittedDate = utils.updateDateAndTime(dateSelected, selectedDate);
-
+  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 = utils.updateDateAndTime(selectedDate, pickerTime);
+  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 = moment__default["default"](inputValue, fullFormat);
+    const inputMoment = (0, import_moment.default)(inputValue, fullFormat);
     setIncompleteInput(inputValue);
-
-    if (type === 'date') {
-      const splittedDate = utils.updateDateAndTime(inputMoment, selectedDate);
-
+    if (type === "date") {
+      const splittedDate = (0, import_utils.updateDateAndTime)(inputMoment, selectedDate);
       if (inputValue.length < 8) {
-        onErrorDate({
-          message: 'date incomplete',
-          inputValue
-        });
-        if (clearable) onDateChange('error');
+        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;
-
+      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
-    });
+    if (timeBlocked)
+      onErrorTime({ message: "time blocked", inputValue });
     const dateBlocked = isDayBlocked(inputMoment);
-    if (dateBlocked) onErrorDate({
-      message: 'date blocked',
-      inputValue
-    });
-
+    if (dateBlocked)
+      onErrorDate({ message: "date blocked", inputValue });
     if (!timeBlocked && !dateBlocked) {
       onDateChange(inputValue);
     }
   };
-
-  const handleOutsideClick = event => {
+  const handleOutsideClick = (event) => {
     if (!dateTimePickerWrapperRef.current.contains(event.target)) {
       setIsOpen(false);
     }
   };
-
   const handleClickEscape = () => setIsOpen(false);
-
   const handleOpen = () => setIsOpen(true);
-
-  const handleContainerBlur = event => {
+  const handleContainerBlur = (event) => {
     if (!isOpen && !event.currentTarget.contains(event.relatedTarget)) {
-      onBlur(event, selectedDate !== null && selectedDate !== void 0 && selectedDate.isValid() ? selectedDate : {
+      onBlur(event, selectedDate?.isValid() ? selectedDate : {
         error: true,
-        message: 'incomplete input',
+        message: "incomplete input",
         input: incompleteInput
       });
-
       if (clearable && !selectedDate && !!incompleteInput) {
-        const inputMoment = moment__default["default"](incompleteInput, fullFormat);
-        const splittedDate = utils.updateDateAndTime(inputMoment, selectedDate);
+        const inputMoment = (0, import_moment.default)(incompleteInput, fullFormat);
+        const splittedDate = (0, import_utils.updateDateAndTime)(inputMoment, selectedDate);
         setSelectedDate(splittedDate);
         onDateChange(splittedDate);
       }
     }
   };
-
-  react.useEffect(() => {
-    if (!isOpen) onBlur({}, selectedDate !== null && selectedDate !== void 0 && selectedDate.isValid() ? selectedDate : {
-      error: true,
-      message: 'incomplete input',
-      input: incompleteInput
-    });
+  (0, import_react.useEffect)(() => {
+    if (!isOpen)
+      onBlur({}, selectedDate?.isValid() ? selectedDate : {
+        error: true,
+        message: "incomplete input",
+        input: incompleteInput
+      });
   }, [isOpen]);
   const hasSelectedDate = !!selectedDate;
-  return /*#__PURE__*/_jsx__default["default"](dsForm.DSInputGroup, {
+  return /* @__PURE__ */ import_react.default.createElement(import_ds_form.DSInputGroup, {
     containerProps: {
       onBlur: handleContainerBlur
     },
-    rightAddon: /*#__PURE__*/_jsx__default["default"](dsDatePicker.DatePickerDropdown, {
-      disabled: disabled,
-      isOpen: isOpen,
-      zIndex: zIndex,
-      menu: /*#__PURE__*/jsxRuntime.jsxs(DateTimePickerWrapper, {
+    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",
-        children: [/*#__PURE__*/_jsx__default["default"]("div", {
-          className: hasSelectedDate ? 'has-selected-date' : 'without-selected-date',
-          "data-testid": "date-time-picker-portal-wrapper"
-        }, void 0, /*#__PURE__*/_jsx__default["default"](dsDatePicker.DSDatePickerController, {
-          date: selectedDate,
-          displayFormatDay: displayFormatDay,
-          enableOutsideDays: enableOutsideDays,
-          firstDayOfWeek: firstDayOfWeek,
-          hideKeyboardShortcutsPanel: hideKeyboardShortcutsPanel,
-          isDayBlocked: isDayBlocked,
-          isDayHighlighted: isDayHighlighted,
-          isOutsideRange: isOutsideRange,
-          keepOpenOnDateSelect: keepOpenOnDateSelect,
-          numberOfMonths: numberOfMonths,
-          onClickEscape: handleClickEscape,
-          onClose: onClose,
-          onDateChange: handleDatePickerChange,
-          onNextMonthClick: onNextMonthClick,
-          onOutsideClick: event => handleOutsideClick(event),
-          onPrevMonthClick: onPrevMonthClick,
-          phrases: phrases,
-          transitionDuration: transitionDuration
-        })), /*#__PURE__*/_jsx__default["default"](TimePickerWrapper, {}, void 0, /*#__PURE__*/jsxRuntime.jsx(TimePicker, _objectSpread({
-          disabled: disabled,
-          disabledTimes: disabledTimeRange,
-          format: format,
-          hasHeader: true,
-          hasHeaderDisplay: true,
-          onTimeChange: onTimeChange,
-          showSeconds: false,
-          minutesInterval: minutesInterval,
-          time: selectedDate
-        }, visiblePanels)))]
-      }),
+        "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: readOnly
+      readOnly
     })
-  }, void 0, /*#__PURE__*/_jsx__default["default"](dsForm.DSInput, {
-    customInputType: _ref2 => {
-      let {
-        onChange: handleChange
-      } = _ref2,
-          restInputProps = _objectWithoutProperties__default["default"](_ref2, _excluded);
-
-      return /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
-        children: [/*#__PURE__*/_jsx__default["default"]("div", {
-          style: {
-            display: 'flex'
-          }
-        }, void 0, /*#__PURE__*/jsxRuntime.jsx(dsForm.DateInputsV2Impl, _objectSpread(_objectSpread({
-          disabled: 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__*/jsxRuntime.jsx(dsForm.TimeInputImpl, _objectSpread({
-          disabled: disabled,
-          format: format,
-          onChange: time => handleChange(time, 'time')
-        }, restInputProps))]
-      });
-    },
+  }, /* @__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: disabled,
+    disabled,
     onChange: handleInputChange,
-    placeholder: placeholder,
+    placeholder,
     value: selectedDate
   }));
 };
-
-module.exports = DSDateTimePickerImpl;
+var DateTimePickerImpl_default = DSDateTimePickerImpl;
+module.exports = __toCommonJS(DateTimePickerImpl_exports);
+//# sourceMappingURL=DateTimePickerImpl.js.map

package/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/cjs/index.js

@@ -1,10 +1,37 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var DSDateTimePicker = require('./DSDateTimePicker.js');
-
-
-
-exports.DateTimePickerWithSchema = DSDateTimePicker.DateTimePickerWithSchema;
-exports["default"] = DSDateTimePicker["default"];
+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/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/cjs/lang/english.js

@@ -1,9 +1,39 @@
-'use strict';
-
-var english = {
-  placeholder: 'Select date and time',
-  className: '',
-  id: ''
-};
-
-module.exports = english;
+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/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": []
+}