@i-novus/n2o-components 1.0.0

package/lib/inputs/DatePicker/DateInputGroup.js

@@ -0,0 +1,77 @@
+"use strict";
+
+var _typeof = require("@babel/runtime/helpers/typeof");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.DateInputGroup = void 0;
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _DateInput = require("./DateInput");
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+var DateInputGroup = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
+  var dateFormat = _ref.dateFormat,
+      disabled = _ref.disabled,
+      placeholder = _ref.placeholder,
+      value = _ref.value,
+      inputClassName = _ref.inputClassName,
+      onInputChange = _ref.onInputChange,
+      setVisibility = _ref.setVisibility,
+      _ref$onFocus = _ref.onFocus,
+      onFocus = _ref$onFocus === void 0 ? function () {} : _ref$onFocus,
+      _ref$onBlur = _ref.onBlur,
+      onBlur = _ref$onBlur === void 0 ? function () {} : _ref$onBlur,
+      _ref$autoFocus = _ref.autoFocus,
+      autoFocus = _ref$autoFocus === void 0 ? false : _ref$autoFocus,
+      _ref$openOnFocus = _ref.openOnFocus,
+      openOnFocus = _ref$openOnFocus === void 0 ? false : _ref$openOnFocus,
+      setControlRef = _ref.setControlRef,
+      outputFormat = _ref.outputFormat,
+      max = _ref.max,
+      min = _ref.min;
+  var componentStyle = {
+    display: 'flex',
+    flexGrow: 1
+  };
+  var wrapperStyle = {
+    display: 'flex',
+    justifyContent: 'space-between',
+    flexGrow: 1
+  };
+  return /*#__PURE__*/_react["default"].createElement("div", {
+    ref: ref,
+    style: wrapperStyle
+  }, /*#__PURE__*/_react["default"].createElement("div", {
+    style: componentStyle
+  }, Object.keys(value).map(function (input, i) {
+    return /*#__PURE__*/_react["default"].createElement(_DateInput.DateInput
+    /* eslint-disable-next-line react/no-array-index-key */
+    , {
+      key: i,
+      dateFormat: dateFormat,
+      placeholder: placeholder,
+      name: input,
+      disabled: disabled,
+      value: value[input],
+      onInputChange: onInputChange,
+      setVisibility: setVisibility,
+      onFocus: onFocus,
+      onBlur: onBlur,
+      setControlRef: setControlRef,
+      autoFocus: autoFocus,
+      openOnFocus: openOnFocus,
+      inputClassName: inputClassName,
+      outputFormat: outputFormat,
+      max: max,
+      min: min
+    });
+  })));
+});
+exports.DateInputGroup = DateInputGroup;
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9pbnB1dHMvRGF0ZVBpY2tlci9EYXRlSW5wdXRHcm91cC50c3giXSwibmFtZXMiOlsiRGF0ZUlucHV0R3JvdXAiLCJyZWYiLCJkYXRlRm9ybWF0IiwiZGlzYWJsZWQiLCJwbGFjZWhvbGRlciIsInZhbHVlIiwiaW5wdXRDbGFzc05hbWUiLCJvbklucHV0Q2hhbmdlIiwic2V0VmlzaWJpbGl0eSIsIm9uRm9jdXMiLCJvbkJsdXIiLCJhdXRvRm9jdXMiLCJvcGVuT25Gb2N1cyIsInNldENvbnRyb2xSZWYiLCJvdXRwdXRGb3JtYXQiLCJtYXgiLCJtaW4iLCJjb21wb25lbnRTdHlsZSIsImRpc3BsYXkiLCJmbGV4R3JvdyIsIndyYXBwZXJTdHlsZSIsImp1c3RpZnlDb250ZW50IiwiT2JqZWN0Iiwia2V5cyIsIm1hcCIsImlucHV0IiwiaSJdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7O0FBQUE7O0FBS0E7Ozs7OztBQW9CTyxJQUFNQSxjQUFjLGdCQUFHLHVCQUFnRCxnQkFnQjNFQyxHQWhCMkUsRUFnQm5FO0FBQUEsTUFmUEMsVUFlTyxRQWZQQSxVQWVPO0FBQUEsTUFkUEMsUUFjTyxRQWRQQSxRQWNPO0FBQUEsTUFiUEMsV0FhTyxRQWJQQSxXQWFPO0FBQUEsTUFaUEMsS0FZTyxRQVpQQSxLQVlPO0FBQUEsTUFYUEMsY0FXTyxRQVhQQSxjQVdPO0FBQUEsTUFWUEMsYUFVTyxRQVZQQSxhQVVPO0FBQUEsTUFUUEMsYUFTTyxRQVRQQSxhQVNPO0FBQUEsMEJBUlBDLE9BUU87QUFBQSxNQVJQQSxPQVFPLDZCQVJHLFlBQU0sQ0FBRSxDQVFYO0FBQUEseUJBUFBDLE1BT087QUFBQSxNQVBQQSxNQU9PLDRCQVBFLFlBQU0sQ0FBRSxDQU9WO0FBQUEsNEJBTlBDLFNBTU87QUFBQSxNQU5QQSxTQU1PLCtCQU5LLEtBTUw7QUFBQSw4QkFMUEMsV0FLTztBQUFBLE1BTFBBLFdBS08saUNBTE8sS0FLUDtBQUFBLE1BSlBDLGFBSU8sUUFKUEEsYUFJTztBQUFBLE1BSFBDLFlBR08sUUFIUEEsWUFHTztBQUFBLE1BRlBDLEdBRU8sUUFGUEEsR0FFTztBQUFBLE1BRFBDLEdBQ08sUUFEUEEsR0FDTztBQUNQLE1BQU1DLGNBQWMsR0FBRztBQUFFQyxJQUFBQSxPQUFPLEVBQUUsTUFBWDtBQUFtQkMsSUFBQUEsUUFBUSxFQUFFO0FBQTdCLEdBQXZCO0FBQ0EsTUFBTUMsWUFBWSxHQUFHO0FBQ2pCRixJQUFBQSxPQUFPLEVBQUUsTUFEUTtBQUVqQkcsSUFBQUEsY0FBYyxFQUFFLGVBRkM7QUFHakJGLElBQUFBLFFBQVEsRUFBRTtBQUhPLEdBQXJCO0FBTUEsc0JBQ0k7QUFBSyxJQUFBLEdBQUcsRUFBRWxCLEdBQVY7QUFBZSxJQUFBLEtBQUssRUFBRW1CO0FBQXRCLGtCQUNJO0FBQUssSUFBQSxLQUFLLEVBQUVIO0FBQVosS0FDS0ssTUFBTSxDQUFDQyxJQUFQLENBQVlsQixLQUFaLEVBQW1CbUIsR0FBbkIsQ0FBdUIsVUFBQ0MsS0FBRCxFQUFRQyxDQUFSO0FBQUEsd0JBQ3BCLGdDQUFDO0FBQ0c7QUFESjtBQUVJLE1BQUEsR0FBRyxFQUFFQSxDQUZUO0FBR0ksTUFBQSxVQUFVLEVBQUV4QixVQUhoQjtBQUlJLE1BQUEsV0FBVyxFQUFFRSxXQUpqQjtBQUtJLE1BQUEsSUFBSSxFQUFFcUIsS0FMVjtBQU1JLE1BQUEsUUFBUSxFQUFFdEIsUUFOZDtBQU9JLE1BQUEsS0FBSyxFQUFFRSxLQUFLLENBQUNvQixLQUFELENBUGhCO0FBUUksTUFBQSxhQUFhLEVBQUVsQixhQVJuQjtBQVNJLE1BQUEsYUFBYSxFQUFFQyxhQVRuQjtBQVVJLE1BQUEsT0FBTyxFQUFFQyxPQVZiO0FBV0ksTUFBQSxNQUFNLEVBQUVDLE1BWFo7QUFZSSxNQUFBLGFBQWEsRUFBRUcsYUFabkI7QUFhSSxNQUFBLFNBQVMsRUFBRUYsU0FiZjtBQWNJLE1BQUEsV0FBVyxFQUFFQyxXQWRqQjtBQWVJLE1BQUEsY0FBYyxFQUFFTixjQWZwQjtBQWdCSSxNQUFBLFlBQVksRUFBRVEsWUFoQmxCO0FBaUJJLE1BQUEsR0FBRyxFQUFFQyxHQWpCVDtBQWtCSSxNQUFBLEdBQUcsRUFBRUM7QUFsQlQsTUFEb0I7QUFBQSxHQUF2QixDQURMLENBREosQ0FESjtBQTRCSCxDQXBENkIsQ0FBdkIiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QsIHsgRm9jdXNFdmVudEhhbmRsZXIsIGZvcndhcmRSZWYgfSBmcm9tICdyZWFjdCdcbmltcG9ydCB7IE1vbWVudCB9IGZyb20gJ21vbWVudC9tb21lbnQnXG5cbmltcG9ydCB7IFRCYXNlSW5wdXRQcm9wcywgVEJhc2VQcm9wcyB9IGZyb20gJy4uLy4uL3R5cGVzJ1xuXG5pbXBvcnQgeyBEYXRlSW5wdXQgfSBmcm9tICcuL0RhdGVJbnB1dCdcbmltcG9ydCB7IE9uSW5wdXRDaGFuZ2VIYW5kbGVyIH0gZnJvbSAnLi90eXBlcydcblxudHlwZSBWYWx1ZSA9IFJlY29yZDxzdHJpbmcsIE1vbWVudCB8IG51bGw+XG5cbnR5cGUgRGF0ZUlucHV0R3JvdXBQcm9wcyA9IFRCYXNlUHJvcHMgJiBPbWl0PFRCYXNlSW5wdXRQcm9wczxWYWx1ZT4sICdvbkJsdXInIHwgJ29uRm9jdXMnPiAmIHtcbiAgICBkYXRlRm9ybWF0OiBzdHJpbmcsXG4gICAgaW5wdXRDbGFzc05hbWU/OiBzdHJpbmcsXG4gICAgbWF4Pzogc3RyaW5nLFxuICAgIG1pbj86IHN0cmluZyxcbiAgICBvbkJsdXI/KHZhbHVlOiBNb21lbnQgfCBudWxsLCBuYW1lOiBzdHJpbmcpOiB2b2lkLFxuICAgIG9uRm9jdXM/OiBGb2N1c0V2ZW50SGFuZGxlcjxIVE1MSW5wdXRFbGVtZW50PixcbiAgICBvbklucHV0Q2hhbmdlPzogT25JbnB1dENoYW5nZUhhbmRsZXJcbiAgICBvcGVuT25Gb2N1czogYm9vbGVhbixcbiAgICBvdXRwdXRGb3JtYXQ6IHN0cmluZyxcbiAgICBzZXRDb250cm9sUmVmKGVsPzogdW5rbm93bik6IHZvaWQsXG4gICAgc2V0VmlzaWJpbGl0eSh2aXNpYmxlOiBib29sZWFuKTogdm9pZCxcbiAgICB2YWx1ZTogVmFsdWVcbn1cblxuZXhwb3J0IGNvbnN0IERhdGVJbnB1dEdyb3VwID0gZm9yd2FyZFJlZjxIVE1MRGl2RWxlbWVudCwgRGF0ZUlucHV0R3JvdXBQcm9wcz4oKHtcbiAgICBkYXRlRm9ybWF0LFxuICAgIGRpc2FibGVkLFxuICAgIHBsYWNlaG9sZGVyLFxuICAgIHZhbHVlLFxuICAgIGlucHV0Q2xhc3NOYW1lLFxuICAgIG9uSW5wdXRDaGFuZ2UsXG4gICAgc2V0VmlzaWJpbGl0eSxcbiAgICBvbkZvY3VzID0gKCkgPT4ge30sXG4gICAgb25CbHVyID0gKCkgPT4ge30sXG4gICAgYXV0b0ZvY3VzID0gZmFsc2UsXG4gICAgb3Blbk9uRm9jdXMgPSBmYWxzZSxcbiAgICBzZXRDb250cm9sUmVmLFxuICAgIG91dHB1dEZvcm1hdCxcbiAgICBtYXgsXG4gICAgbWluLFxufSwgcmVmKSA9PiB7XG4gICAgY29uc3QgY29tcG9uZW50U3R5bGUgPSB7IGRpc3BsYXk6ICdmbGV4JywgZmxleEdyb3c6IDEgfVxuICAgIGNvbnN0IHdyYXBwZXJTdHlsZSA9IHtcbiAgICAgICAgZGlzcGxheTogJ2ZsZXgnLFxuICAgICAgICBqdXN0aWZ5Q29udGVudDogJ3NwYWNlLWJldHdlZW4nLFxuICAgICAgICBmbGV4R3JvdzogMSxcbiAgICB9XG5cbiAgICByZXR1cm4gKFxuICAgICAgICA8ZGl2IHJlZj17cmVmfSBzdHlsZT17d3JhcHBlclN0eWxlfT5cbiAgICAgICAgICAgIDxkaXYgc3R5bGU9e2NvbXBvbmVudFN0eWxlfT5cbiAgICAgICAgICAgICAgICB7T2JqZWN0LmtleXModmFsdWUpLm1hcCgoaW5wdXQsIGkpID0+IChcbiAgICAgICAgICAgICAgICAgICAgPERhdGVJbnB1dFxuICAgICAgICAgICAgICAgICAgICAgICAgLyogZXNsaW50LWRpc2FibGUtbmV4dC1saW5lIHJlYWN0L25vLWFycmF5LWluZGV4LWtleSAqL1xuICAgICAgICAgICAgICAgICAgICAgICAga2V5PXtpfVxuICAgICAgICAgICAgICAgICAgICAgICAgZGF0ZUZvcm1hdD17ZGF0ZUZvcm1hdH1cbiAgICAgICAgICAgICAgICAgICAgICAgIHBsYWNlaG9sZGVyPXtwbGFjZWhvbGRlcn1cbiAgICAgICAgICAgICAgICAgICAgICAgIG5hbWU9e2lucHV0fVxuICAgICAgICAgICAgICAgICAgICAgICAgZGlzYWJsZWQ9e2Rpc2FibGVkfVxuICAgICAgICAgICAgICAgICAgICAgICAgdmFsdWU9e3ZhbHVlW2lucHV0XX1cbiAgICAgICAgICAgICAgICAgICAgICAgIG9uSW5wdXRDaGFuZ2U9e29uSW5wdXRDaGFuZ2V9XG4gICAgICAgICAgICAgICAgICAgICAgICBzZXRWaXNpYmlsaXR5PXtzZXRWaXNpYmlsaXR5fVxuICAgICAgICAgICAgICAgICAgICAgICAgb25Gb2N1cz17b25Gb2N1c31cbiAgICAgICAgICAgICAgICAgICAgICAgIG9uQmx1cj17b25CbHVyfVxuICAgICAgICAgICAgICAgICAgICAgICAgc2V0Q29udHJvbFJlZj17c2V0Q29udHJvbFJlZn1cbiAgICAgICAgICAgICAgICAgICAgICAgIGF1dG9Gb2N1cz17YXV0b0ZvY3VzfVxuICAgICAgICAgICAgICAgICAgICAgICAgb3Blbk9uRm9jdXM9e29wZW5PbkZvY3VzfVxuICAgICAgICAgICAgICAgICAgICAgICAgaW5wdXRDbGFzc05hbWU9e2lucHV0Q2xhc3NOYW1lfVxuICAgICAgICAgICAgICAgICAgICAgICAgb3V0cHV0Rm9ybWF0PXtvdXRwdXRGb3JtYXR9XG4gICAgICAgICAgICAgICAgICAgICAgICBtYXg9e21heH1cbiAgICAgICAgICAgICAgICAgICAgICAgIG1pbj17bWlufVxuICAgICAgICAgICAgICAgICAgICAvPlxuICAgICAgICAgICAgICAgICkpfVxuICAgICAgICAgICAgPC9kaXY+XG4gICAgICAgIDwvZGl2PlxuICAgIClcbn0pXG4iXX0=

package/lib/inputs/DatePicker/DateInterval.d.ts

@@ -0,0 +1,24 @@
+/// <reference types="react" />
+import { TBaseInputProps, TBaseProps } from '../../types';
+import { DateTimeControlName } from './types';
+declare type IntervalValue = {
+    [DateTimeControlName.BEGIN]: string | null;
+    [DateTimeControlName.END]: string | null;
+};
+declare type DateIntervalProps = TBaseProps & TBaseInputProps<IntervalValue> & {
+    configLocale?: 'en' | 'ru';
+    dateDivider?: string;
+    dateFormat?: string;
+    defaultTime?: string;
+    defaultValue?: IntervalValue;
+    locale?: 'en' | 'ru';
+    max?: string;
+    min?: string;
+    onBlur?(value: IntervalValue): void;
+    onChange?(value: IntervalValue): void;
+    openOnFocus?: boolean;
+    outputFormat?: string;
+    timeFormat: string;
+};
+export declare const DateInterval: ({ value, defaultValue, onChange, onFocus, onBlur, dateFormat, placeholder, disabled, dateDivider, min, max, className, configLocale, openOnFocus, defaultTime, ...rest }: DateIntervalProps) => JSX.Element;
+export {};

package/lib/inputs/DatePicker/DateInterval.js

@@ -0,0 +1,92 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.DateInterval = void 0;
+
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+
+var _react = _interopRequireDefault(require("react"));
+
+var _defaults = _interopRequireDefault(require("lodash/defaults"));
+
+var _DateTimeControl = require("./DateTimeControl");
+
+var _types = require("./types");
+
+var _excluded = ["value", "defaultValue", "onChange", "onFocus", "onBlur", "dateFormat", "placeholder", "disabled", "dateDivider", "min", "max", "className", "configLocale", "openOnFocus", "defaultTime"];
+
+var DateInterval = function DateInterval(_ref) {
+  var _ref2;
+
+  var value = _ref.value,
+      _ref$defaultValue = _ref.defaultValue,
+      defaultValue = _ref$defaultValue === void 0 ? (_ref2 = {}, (0, _defineProperty2["default"])(_ref2, _types.DateTimeControlName.BEGIN, null), (0, _defineProperty2["default"])(_ref2, _types.DateTimeControlName.END, null), _ref2) : _ref$defaultValue,
+      _ref$onChange = _ref.onChange,
+      onChange = _ref$onChange === void 0 ? function () {} : _ref$onChange,
+      _ref$onFocus = _ref.onFocus,
+      onFocus = _ref$onFocus === void 0 ? function () {} : _ref$onFocus,
+      _ref$onBlur = _ref.onBlur,
+      onBlur = _ref$onBlur === void 0 ? function () {} : _ref$onBlur,
+      _ref$dateFormat = _ref.dateFormat,
+      dateFormat = _ref$dateFormat === void 0 ? 'DD/MM/YYYY' : _ref$dateFormat,
+      _ref$placeholder = _ref.placeholder,
+      placeholder = _ref$placeholder === void 0 ? '' : _ref$placeholder,
+      _ref$disabled = _ref.disabled,
+      disabled = _ref$disabled === void 0 ? false : _ref$disabled,
+      _ref$dateDivider = _ref.dateDivider,
+      dateDivider = _ref$dateDivider === void 0 ? ' ' : _ref$dateDivider,
+      min = _ref.min,
+      max = _ref.max,
+      _ref$className = _ref.className,
+      className = _ref$className === void 0 ? '' : _ref$className,
+      _ref$configLocale = _ref.configLocale,
+      configLocale = _ref$configLocale === void 0 ? 'ru' : _ref$configLocale,
+      _ref$openOnFocus = _ref.openOnFocus,
+      openOnFocus = _ref$openOnFocus === void 0 ? false : _ref$openOnFocus,
+      defaultTime = _ref.defaultTime,
+      rest = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
+  var newValue = (0, _defaults["default"])(value, defaultValue);
+
+  var handleChange = function handleChange(data) {
+    var _onChange;
+
+    onChange((_onChange = {}, (0, _defineProperty2["default"])(_onChange, _types.DateTimeControlName.BEGIN, data[0]), (0, _defineProperty2["default"])(_onChange, _types.DateTimeControlName.END, data[1]), _onChange));
+  };
+
+  var handleBlur = function handleBlur(data) {
+    var _onBlur;
+
+    onBlur((_onBlur = {}, (0, _defineProperty2["default"])(_onBlur, _types.DateTimeControlName.BEGIN, data[0]), (0, _defineProperty2["default"])(_onBlur, _types.DateTimeControlName.END, data[1]), _onBlur));
+  };
+
+  var mappedValue = [{
+    name: _types.DateTimeControlName.BEGIN,
+    value: newValue[_types.DateTimeControlName.BEGIN],
+    defaultTime: defaultTime
+  }, {
+    name: _types.DateTimeControlName.END,
+    value: newValue[_types.DateTimeControlName.END],
+    defaultTime: defaultTime
+  }];
+  return /*#__PURE__*/_react["default"].createElement(_DateTimeControl.DateTimeControl, (0, _extends2["default"])({}, rest, {
+    min: min,
+    max: max,
+    dateFormat: dateFormat,
+    strategy: "fixed",
+    value: mappedValue,
+    onChange: handleChange,
+    onBlur: handleBlur,
+    type: "date-interval"
+  }));
+};
+
+exports.DateInterval = DateInterval;
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9pbnB1dHMvRGF0ZVBpY2tlci9EYXRlSW50ZXJ2YWwudHN4Il0sIm5hbWVzIjpbIkRhdGVJbnRlcnZhbCIsInZhbHVlIiwiZGVmYXVsdFZhbHVlIiwiRGF0ZVRpbWVDb250cm9sTmFtZSIsIkJFR0lOIiwiRU5EIiwib25DaGFuZ2UiLCJvbkZvY3VzIiwib25CbHVyIiwiZGF0ZUZvcm1hdCIsInBsYWNlaG9sZGVyIiwiZGlzYWJsZWQiLCJkYXRlRGl2aWRlciIsIm1pbiIsIm1heCIsImNsYXNzTmFtZSIsImNvbmZpZ0xvY2FsZSIsIm9wZW5PbkZvY3VzIiwiZGVmYXVsdFRpbWUiLCJyZXN0IiwibmV3VmFsdWUiLCJoYW5kbGVDaGFuZ2UiLCJkYXRhIiwiaGFuZGxlQmx1ciIsIm1hcHBlZFZhbHVlIiwibmFtZSJdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7Ozs7Ozs7O0FBQUE7O0FBQ0E7O0FBSUE7O0FBQ0E7Ozs7QUF1Qk8sSUFBTUEsWUFBWSxHQUFHLFNBQWZBLFlBQWUsT0FvQkg7QUFBQTs7QUFBQSxNQW5CckJDLEtBbUJxQixRQW5CckJBLEtBbUJxQjtBQUFBLCtCQWxCckJDLFlBa0JxQjtBQUFBLE1BbEJyQkEsWUFrQnFCLHVGQWpCaEJDLDJCQUFvQkMsS0FpQkosRUFqQlksSUFpQlosMkNBaEJoQkQsMkJBQW9CRSxHQWdCSixFQWhCVSxJQWdCVjtBQUFBLDJCQWRyQkMsUUFjcUI7QUFBQSxNQWRyQkEsUUFjcUIsOEJBZFYsWUFBTSxDQUFFLENBY0U7QUFBQSwwQkFickJDLE9BYXFCO0FBQUEsTUFickJBLE9BYXFCLDZCQWJYLFlBQU0sQ0FBRSxDQWFHO0FBQUEseUJBWnJCQyxNQVlxQjtBQUFBLE1BWnJCQSxNQVlxQiw0QkFaWixZQUFNLENBQUUsQ0FZSTtBQUFBLDZCQVhyQkMsVUFXcUI7QUFBQSxNQVhyQkEsVUFXcUIsZ0NBWFIsWUFXUTtBQUFBLDhCQVZyQkMsV0FVcUI7QUFBQSxNQVZyQkEsV0FVcUIsaUNBVlAsRUFVTztBQUFBLDJCQVRyQkMsUUFTcUI7QUFBQSxNQVRyQkEsUUFTcUIsOEJBVFYsS0FTVTtBQUFBLDhCQVJyQkMsV0FRcUI7QUFBQSxNQVJyQkEsV0FRcUIsaUNBUlAsR0FRTztBQUFBLE1BUHJCQyxHQU9xQixRQVByQkEsR0FPcUI7QUFBQSxNQU5yQkMsR0FNcUIsUUFOckJBLEdBTXFCO0FBQUEsNEJBTHJCQyxTQUtxQjtBQUFBLE1BTHJCQSxTQUtxQiwrQkFMVCxFQUtTO0FBQUEsK0JBSnJCQyxZQUlxQjtBQUFBLE1BSnJCQSxZQUlxQixrQ0FKTixJQUlNO0FBQUEsOEJBSHJCQyxXQUdxQjtBQUFBLE1BSHJCQSxXQUdxQixpQ0FIUCxLQUdPO0FBQUEsTUFGckJDLFdBRXFCLFFBRnJCQSxXQUVxQjtBQUFBLE1BRGxCQyxJQUNrQjtBQUNyQixNQUFNQyxRQUFRLEdBQUcsMEJBQVNuQixLQUFULEVBQWdCQyxZQUFoQixDQUFqQjs7QUFFQSxNQUFNbUIsWUFBWSxHQUFHLFNBQWZBLFlBQWUsQ0FBQ0MsSUFBRCxFQUEwQztBQUFBOztBQUMzRGhCLElBQUFBLFFBQVEsOERBQ0hILDJCQUFvQkMsS0FEakIsRUFDeUJrQixJQUFJLENBQUMsQ0FBRCxDQUQ3QiwrQ0FFSG5CLDJCQUFvQkUsR0FGakIsRUFFdUJpQixJQUFJLENBQUMsQ0FBRCxDQUYzQixjQUFSO0FBSUgsR0FMRDs7QUFPQSxNQUFNQyxVQUFVLEdBQUcsU0FBYkEsVUFBYSxDQUFDRCxJQUFELEVBQTBDO0FBQUE7O0FBQ3pEZCxJQUFBQSxNQUFNLDBEQUNETCwyQkFBb0JDLEtBRG5CLEVBQzJCa0IsSUFBSSxDQUFDLENBQUQsQ0FEL0IsNkNBRURuQiwyQkFBb0JFLEdBRm5CLEVBRXlCaUIsSUFBSSxDQUFDLENBQUQsQ0FGN0IsWUFBTjtBQUlILEdBTEQ7O0FBT0EsTUFBTUUsV0FBVyxHQUFHLENBQ2hCO0FBQ0lDLElBQUFBLElBQUksRUFBRXRCLDJCQUFvQkMsS0FEOUI7QUFFSUgsSUFBQUEsS0FBSyxFQUFFbUIsUUFBUSxDQUFDakIsMkJBQW9CQyxLQUFyQixDQUZuQjtBQUdJYyxJQUFBQSxXQUFXLEVBQVhBO0FBSEosR0FEZ0IsRUFNaEI7QUFDSU8sSUFBQUEsSUFBSSxFQUFFdEIsMkJBQW9CRSxHQUQ5QjtBQUVJSixJQUFBQSxLQUFLLEVBQUVtQixRQUFRLENBQUNqQiwyQkFBb0JFLEdBQXJCLENBRm5CO0FBR0lhLElBQUFBLFdBQVcsRUFBWEE7QUFISixHQU5nQixDQUFwQjtBQWFBLHNCQUNJLGdDQUFDLGdDQUFELGdDQUNRQyxJQURSO0FBRUksSUFBQSxHQUFHLEVBQUVOLEdBRlQ7QUFHSSxJQUFBLEdBQUcsRUFBRUMsR0FIVDtBQUlJLElBQUEsVUFBVSxFQUFFTCxVQUpoQjtBQUtJLElBQUEsUUFBUSxFQUFDLE9BTGI7QUFNSSxJQUFBLEtBQUssRUFBRWUsV0FOWDtBQU9JLElBQUEsUUFBUSxFQUFFSCxZQVBkO0FBUUksSUFBQSxNQUFNLEVBQUVFLFVBUlo7QUFTSSxJQUFBLElBQUksRUFBQztBQVRULEtBREo7QUFhSCxDQS9ETSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCBmcm9tICdyZWFjdCdcbmltcG9ydCBkZWZhdWx0cyBmcm9tICdsb2Rhc2gvZGVmYXVsdHMnXG5cbmltcG9ydCB7IFRCYXNlSW5wdXRQcm9wcywgVEJhc2VQcm9wcyB9IGZyb20gJy4uLy4uL3R5cGVzJ1xuXG5pbXBvcnQgeyBEYXRlVGltZUNvbnRyb2wgfSBmcm9tICcuL0RhdGVUaW1lQ29udHJvbCdcbmltcG9ydCB7IERhdGVUaW1lQ29udHJvbE5hbWUgfSBmcm9tICcuL3R5cGVzJ1xuXG50eXBlIEludGVydmFsVmFsdWUgPSB7XG4gICAgW0RhdGVUaW1lQ29udHJvbE5hbWUuQkVHSU5dOiBzdHJpbmcgfCBudWxsLFxuICAgIFtEYXRlVGltZUNvbnRyb2xOYW1lLkVORF06IHN0cmluZyB8IG51bGwsXG59XG5cbnR5cGUgRGF0ZUludGVydmFsUHJvcHMgPSBUQmFzZVByb3BzICYgVEJhc2VJbnB1dFByb3BzPEludGVydmFsVmFsdWU+ICYge1xuICAgIGNvbmZpZ0xvY2FsZT86ICdlbicgfCAncnUnLFxuICAgIGRhdGVEaXZpZGVyPzogc3RyaW5nLFxuICAgIGRhdGVGb3JtYXQ/OiBzdHJpbmcsXG4gICAgZGVmYXVsdFRpbWU/OiBzdHJpbmcsXG4gICAgZGVmYXVsdFZhbHVlPzogSW50ZXJ2YWxWYWx1ZSxcbiAgICBsb2NhbGU/OiAnZW4nIHwgJ3J1JyxcbiAgICBtYXg/OiBzdHJpbmcsXG4gICAgbWluPzogc3RyaW5nLFxuICAgIG9uQmx1cj8odmFsdWU6IEludGVydmFsVmFsdWUpOiB2b2lkLFxuICAgIG9uQ2hhbmdlPyh2YWx1ZTogSW50ZXJ2YWxWYWx1ZSk6IHZvaWQsXG4gICAgb3Blbk9uRm9jdXM/OiBib29sZWFuLFxuICAgIG91dHB1dEZvcm1hdD86IHN0cmluZyxcbiAgICB0aW1lRm9ybWF0OiBzdHJpbmdcbn1cblxuZXhwb3J0IGNvbnN0IERhdGVJbnRlcnZhbCA9ICh7XG4gICAgdmFsdWUsXG4gICAgZGVmYXVsdFZhbHVlID0ge1xuICAgICAgICBbRGF0ZVRpbWVDb250cm9sTmFtZS5CRUdJTl06IG51bGwsXG4gICAgICAgIFtEYXRlVGltZUNvbnRyb2xOYW1lLkVORF06IG51bGwsXG4gICAgfSxcbiAgICBvbkNoYW5nZSA9ICgpID0+IHt9LFxuICAgIG9uRm9jdXMgPSAoKSA9PiB7fSxcbiAgICBvbkJsdXIgPSAoKSA9PiB7fSxcbiAgICBkYXRlRm9ybWF0ID0gJ0REL01NL1lZWVknLFxuICAgIHBsYWNlaG9sZGVyID0gJycsXG4gICAgZGlzYWJsZWQgPSBmYWxzZSxcbiAgICBkYXRlRGl2aWRlciA9ICcgJyxcbiAgICBtaW4sXG4gICAgbWF4LFxuICAgIGNsYXNzTmFtZSA9ICcnLFxuICAgIGNvbmZpZ0xvY2FsZSA9ICdydScsXG4gICAgb3Blbk9uRm9jdXMgPSBmYWxzZSxcbiAgICBkZWZhdWx0VGltZSxcbiAgICAuLi5yZXN0XG59OiBEYXRlSW50ZXJ2YWxQcm9wcykgPT4ge1xuICAgIGNvbnN0IG5ld1ZhbHVlID0gZGVmYXVsdHModmFsdWUsIGRlZmF1bHRWYWx1ZSlcblxuICAgIGNvbnN0IGhhbmRsZUNoYW5nZSA9IChkYXRhOiBbc3RyaW5nIHwgbnVsbCwgc3RyaW5nIHwgbnVsbF0pID0+IHtcbiAgICAgICAgb25DaGFuZ2Uoe1xuICAgICAgICAgICAgW0RhdGVUaW1lQ29udHJvbE5hbWUuQkVHSU5dOiBkYXRhWzBdLFxuICAgICAgICAgICAgW0RhdGVUaW1lQ29udHJvbE5hbWUuRU5EXTogZGF0YVsxXSxcbiAgICAgICAgfSlcbiAgICB9XG5cbiAgICBjb25zdCBoYW5kbGVCbHVyID0gKGRhdGE6IFtzdHJpbmcgfCBudWxsLCBzdHJpbmcgfCBudWxsXSkgPT4ge1xuICAgICAgICBvbkJsdXIoe1xuICAgICAgICAgICAgW0RhdGVUaW1lQ29udHJvbE5hbWUuQkVHSU5dOiBkYXRhWzBdLFxuICAgICAgICAgICAgW0RhdGVUaW1lQ29udHJvbE5hbWUuRU5EXTogZGF0YVsxXSxcbiAgICAgICAgfSlcbiAgICB9XG5cbiAgICBjb25zdCBtYXBwZWRWYWx1ZSA9IFtcbiAgICAgICAge1xuICAgICAgICAgICAgbmFtZTogRGF0ZVRpbWVDb250cm9sTmFtZS5CRUdJTixcbiAgICAgICAgICAgIHZhbHVlOiBuZXdWYWx1ZVtEYXRlVGltZUNvbnRyb2xOYW1lLkJFR0lOXSxcbiAgICAgICAgICAgIGRlZmF1bHRUaW1lLFxuICAgICAgICB9LFxuICAgICAgICB7XG4gICAgICAgICAgICBuYW1lOiBEYXRlVGltZUNvbnRyb2xOYW1lLkVORCxcbiAgICAgICAgICAgIHZhbHVlOiBuZXdWYWx1ZVtEYXRlVGltZUNvbnRyb2xOYW1lLkVORF0sXG4gICAgICAgICAgICBkZWZhdWx0VGltZSxcbiAgICAgICAgfSxcbiAgICBdXG5cbiAgICByZXR1cm4gKFxuICAgICAgICA8RGF0ZVRpbWVDb250cm9sXG4gICAgICAgICAgICB7Li4ucmVzdH1cbiAgICAgICAgICAgIG1pbj17bWlufVxuICAgICAgICAgICAgbWF4PXttYXh9XG4gICAgICAgICAgICBkYXRlRm9ybWF0PXtkYXRlRm9ybWF0fVxuICAgICAgICAgICAgc3RyYXRlZ3k9XCJmaXhlZFwiXG4gICAgICAgICAgICB2YWx1ZT17bWFwcGVkVmFsdWV9XG4gICAgICAgICAgICBvbkNoYW5nZT17aGFuZGxlQ2hhbmdlfVxuICAgICAgICAgICAgb25CbHVyPXtoYW5kbGVCbHVyfVxuICAgICAgICAgICAgdHlwZT1cImRhdGUtaW50ZXJ2YWxcIlxuICAgICAgICAvPlxuICAgIClcbn1cbiJdfQ==

package/lib/inputs/DatePicker/DatePicker.d.ts

@@ -0,0 +1,22 @@
+import { FocusEventHandler } from 'react';
+import { TBaseInputProps, TBaseProps } from '../../types';
+import { DatePickerValue } from './types';
+declare type DatePickerProps = TBaseProps & TBaseInputProps<DatePickerValue> & {
+    configLocale?: 'en' | 'ru';
+    date?: DatePickerValue;
+    dateFormat?: string;
+    defaultTime?: string;
+    defaultValue?: DatePickerValue;
+    locale?: 'en' | 'ru';
+    max?: string;
+    min?: string;
+    onBlur?(value: string | null | Array<string | null>): void;
+    onChange?(value: string | null | Array<string | null>): void;
+    onFocus?: FocusEventHandler;
+    openOnFocus?: boolean;
+    outputFormat?: string;
+    t?(str: string): string;
+    timeFormat: string;
+};
+export declare const DatePicker: ({ value, defaultValue, configLocale, ...props }: DatePickerProps) => JSX.Element;
+export {};

package/lib/inputs/DatePicker/DatePicker.js

@@ -0,0 +1,36 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.DatePicker = void 0;
+
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+
+var _react = _interopRequireDefault(require("react"));
+
+var _DateTimeControl = require("./DateTimeControl");
+
+var _excluded = ["value", "defaultValue", "configLocale"];
+
+var DatePicker = function DatePicker(_ref) {
+  var value = _ref.value,
+      defaultValue = _ref.defaultValue,
+      _ref$configLocale = _ref.configLocale,
+      configLocale = _ref$configLocale === void 0 ? 'ru' : _ref$configLocale,
+      props = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
+  return /*#__PURE__*/_react["default"].createElement(_DateTimeControl.DateTimeControl, (0, _extends2["default"])({
+    strategy: "fixed"
+  }, props, {
+    configLocale: configLocale,
+    value: value || defaultValue || '',
+    type: "date-picker"
+  }));
+};
+
+exports.DatePicker = DatePicker;
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9pbnB1dHMvRGF0ZVBpY2tlci9EYXRlUGlja2VyLnRzeCJdLCJuYW1lcyI6WyJEYXRlUGlja2VyIiwidmFsdWUiLCJkZWZhdWx0VmFsdWUiLCJjb25maWdMb2NhbGUiLCJwcm9wcyJdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7Ozs7OztBQUFBOztBQUlBOzs7O0FBcUJPLElBQU1BLFVBQVUsR0FBRyxTQUFiQSxVQUFhO0FBQUEsTUFBR0MsS0FBSCxRQUFHQSxLQUFIO0FBQUEsTUFBVUMsWUFBVixRQUFVQSxZQUFWO0FBQUEsK0JBQXdCQyxZQUF4QjtBQUFBLE1BQXdCQSxZQUF4QixrQ0FBdUMsSUFBdkM7QUFBQSxNQUFnREMsS0FBaEQ7QUFBQSxzQkFDdEIsZ0NBQUMsZ0NBQUQ7QUFDSSxJQUFBLFFBQVEsRUFBQztBQURiLEtBRVFBLEtBRlI7QUFHSSxJQUFBLFlBQVksRUFBRUQsWUFIbEI7QUFJSSxJQUFBLEtBQUssRUFBRUYsS0FBSyxJQUFJQyxZQUFULElBQXlCLEVBSnBDO0FBS0ksSUFBQSxJQUFJLEVBQUM7QUFMVCxLQURzQjtBQUFBLENBQW5CIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0LCB7IEZvY3VzRXZlbnRIYW5kbGVyIH0gZnJvbSAncmVhY3QnXG5cbmltcG9ydCB7IFRCYXNlSW5wdXRQcm9wcywgVEJhc2VQcm9wcyB9IGZyb20gJy4uLy4uL3R5cGVzJ1xuXG5pbXBvcnQgeyBEYXRlVGltZUNvbnRyb2wgfSBmcm9tICcuL0RhdGVUaW1lQ29udHJvbCdcbmltcG9ydCB7IERhdGVQaWNrZXJWYWx1ZSB9IGZyb20gJy4vdHlwZXMnXG5cbnR5cGUgRGF0ZVBpY2tlclByb3BzID0gVEJhc2VQcm9wcyAmIFRCYXNlSW5wdXRQcm9wczxEYXRlUGlja2VyVmFsdWU+ICYge1xuICAgIGNvbmZpZ0xvY2FsZT86ICdlbicgfCAncnUnLFxuICAgIGRhdGU/OiBEYXRlUGlja2VyVmFsdWUsXG4gICAgZGF0ZUZvcm1hdD86IHN0cmluZyxcbiAgICBkZWZhdWx0VGltZT86IHN0cmluZyxcbiAgICBkZWZhdWx0VmFsdWU/OiBEYXRlUGlja2VyVmFsdWUsXG4gICAgbG9jYWxlPzogJ2VuJyB8ICdydScsXG4gICAgbWF4Pzogc3RyaW5nLFxuICAgIG1pbj86IHN0cmluZyxcbiAgICBvbkJsdXI/KHZhbHVlOiBzdHJpbmcgfCBudWxsIHwgQXJyYXk8c3RyaW5nIHwgbnVsbD4pOiB2b2lkLFxuICAgIG9uQ2hhbmdlPyh2YWx1ZTogc3RyaW5nIHwgbnVsbCB8IEFycmF5PHN0cmluZyB8IG51bGw+KTogdm9pZCxcbiAgICBvbkZvY3VzPzogRm9jdXNFdmVudEhhbmRsZXIsXG4gICAgb3Blbk9uRm9jdXM/OiBib29sZWFuLFxuICAgIG91dHB1dEZvcm1hdD86IHN0cmluZyxcbiAgICB0PyhzdHI6IHN0cmluZyk6IHN0cmluZyxcbiAgICB0aW1lRm9ybWF0OiBzdHJpbmdcbn1cblxuZXhwb3J0IGNvbnN0IERhdGVQaWNrZXIgPSAoeyB2YWx1ZSwgZGVmYXVsdFZhbHVlLCBjb25maWdMb2NhbGUgPSAncnUnLCAuLi5wcm9wcyB9OiBEYXRlUGlja2VyUHJvcHMpID0+IChcbiAgICA8RGF0ZVRpbWVDb250cm9sXG4gICAgICAgIHN0cmF0ZWd5PVwiZml4ZWRcIlxuICAgICAgICB7Li4ucHJvcHN9XG4gICAgICAgIGNvbmZpZ0xvY2FsZT17Y29uZmlnTG9jYWxlfVxuICAgICAgICB2YWx1ZT17dmFsdWUgfHwgZGVmYXVsdFZhbHVlIHx8ICcnfVxuICAgICAgICB0eXBlPVwiZGF0ZS1waWNrZXJcIlxuICAgIC8+XG4pXG4iXX0=

package/lib/inputs/DatePicker/DateTimeControl.d.ts

@@ -0,0 +1,98 @@
+import React, { ElementType, FocusEventHandler } from 'react';
+import moment, { Moment } from 'moment/moment';
+import { RefHandler } from 'react-popper';
+import { TBaseInputProps, TBaseProps } from '../../types';
+import { DateType, DatePickerValue, OnInputChangeHandler, PopperPlacement, PopperPositioningStrategy, DefaultTime } from './types';
+import '../../styles/components/DatePicker.scss';
+declare type DateTimeControlProps = TBaseProps & Omit<TBaseInputProps<DatePickerValue>, 'onChange' | 'onBlur'> & {
+    configLocale?: 'en' | 'ru';
+    dateDivider?: string;
+    dateFormat?: string;
+    defaultTime?: string;
+    max?: string;
+    min?: string;
+    onBlur?(value: string | null | Array<string | null>): void;
+    onChange?(value: string | null | Array<string | null>): void;
+    onFocus?: FocusEventHandler;
+    openOnFocus?: boolean;
+    outputFormat?: string;
+    popupPlacement?: PopperPlacement;
+    strategy: PopperPositioningStrategy;
+    timeFormat?: string;
+    type?: string;
+    utc?: boolean;
+    value: DatePickerValue;
+};
+declare type DateTimeControlState = {
+    inputs: Record<string, Moment | null>;
+    isFocus: boolean;
+    isPopUpVisible: boolean;
+    isTimeSet: Record<string, boolean | undefined>;
+};
+export declare const ControlType: {
+    DATE_PICKER: string;
+    DATE_INTERVAL: string;
+};
+export declare class DateTimeControl extends React.Component<DateTimeControlProps, DateTimeControlState> {
+    format: string;
+    defaultTime: DefaultTime;
+    datePicker: HTMLDivElement | null;
+    inputGroup: HTMLDivElement | null;
+    private control;
+    private popUp;
+    constructor(props: DateTimeControlProps);
+    /**
+     * Обработка новых пропсов
+     */
+    componentWillReceiveProps(props: DateTimeControlProps): void;
+    markTimeAsSet: (inputName: string) => void;
+    /**
+     * Приведение к строке
+     */
+    dateToString(date: DateType | null): string | null;
+    getValue: (inputName: string | null) => [string | null, string | null] | string | null;
+    /**
+     * вызов onChange
+     */
+    onChange: (inputName: string) => void;
+    /**
+     * Выбор даты, прокидывается в календарь
+     */
+    select: (day: Moment | null, inputName: string, close?: boolean) => void;
+    /**
+     * Выбор даты, прокидывается в инпут
+     * @todo объеденить методы select и onInputChange в 1 метод
+     */
+    onInputChange: OnInputChangeHandler;
+    onInputBlur: (date: Moment | null, inputName: string) => void;
+    /**
+     * Устанавливает видимость попапа
+     */
+    setVisibility: (visible: boolean) => void;
+    /**
+     * Навешивание листенеров для появления / исчезания попапа
+     */
+    componentDidMount(): void;
+    /**
+     * Удаление листенеров для появления / исчезания попапа после анмаунта
+     */
+    componentWillUnmount(): void;
+    componentDidUpdate(): void;
+    /**
+     * Обработка клика за пределами попапа
+     */
+    onClickOutside: EventListener;
+    /**
+     * Приводит min, max к moment объекту, текущему формату
+     */
+    parseRange(range?: string): moment.Moment;
+    /**
+     * Рендер попапа
+     */
+    renderPopUp(): false | JSX.Element;
+    onFocus: FocusEventHandler<HTMLInputElement>;
+    setInputRef: (popperRef: RefHandler) => (r: HTMLDivElement) => void;
+    setControlRef: (el: ElementType) => void;
+    render(): JSX.Element;
+}
+export {};