@true-engineering/true-react-common-ui-kit 4.0.0-alpha23 → 4.0.0-alpha25

package/dist/true-react-common-ui-kit.umd.cjs

@@ -1151,25 +1151,25 @@
     if (Array.isArray(arr))
       return arr;
   }
-  function _array_without_holes$c(arr) {
+  function _array_without_holes$d(arr) {
     if (Array.isArray(arr))
       return _array_like_to_array$t(arr);
   }
-  function _iterable_to_array$c(iter) {
+  function _iterable_to_array$d(iter) {
     if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null)
       return Array.from(iter);
   }
   function _non_iterable_rest$r() {
     throw new TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
   }
-  function _non_iterable_spread$c() {
+  function _non_iterable_spread$d() {
     throw new TypeError("Invalid attempt to spread non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
   }
   function _to_array$2(arr) {
-    return _array_with_holes$r(arr) || _iterable_to_array$c(arr) || _unsupported_iterable_to_array$t(arr) || _non_iterable_rest$r();
+    return _array_with_holes$r(arr) || _iterable_to_array$d(arr) || _unsupported_iterable_to_array$t(arr) || _non_iterable_rest$r();
   }
-  function _to_consumable_array$c(arr) {
-    return _array_without_holes$c(arr) || _iterable_to_array$c(arr) || _unsupported_iterable_to_array$t(arr) || _non_iterable_spread$c();
+  function _to_consumable_array$d(arr) {
+    return _array_without_holes$d(arr) || _iterable_to_array$d(arr) || _unsupported_iterable_to_array$t(arr) || _non_iterable_spread$d();
   }
   function _unsupported_iterable_to_array$t(o, minLen) {
     if (!o)
@@ -1201,7 +1201,7 @@
     var _tweakStyles = _to_array$2(tweakStyles), first = _tweakStyles[0], rest = _tweakStyles.slice(1);
     return trueReactPlatformHelpers.isArrayNotEmpty(rest) ? trueReactPlatformHelpers.mergeStyles.apply(void 0, [
       first
-    ].concat(_to_consumable_array$c(rest))) : first;
+    ].concat(_to_consumable_array$d(rest))) : first;
   };
   var checkStyles = function(componentName, styles) {
     var invalidClasses = Object.keys(styles).filter(isTweakStyle);
@@ -1254,7 +1254,7 @@
     if (Array.isArray(arr))
       return arr;
   }
-  function _array_without_holes$b(arr) {
+  function _array_without_holes$c(arr) {
     if (Array.isArray(arr))
       return _array_like_to_array$s(arr);
   }
@@ -1333,7 +1333,7 @@
     }
     return obj;
   }
-  function _iterable_to_array$b(iter) {
+  function _iterable_to_array$c(iter) {
     if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null)
       return Array.from(iter);
   }
@@ -1368,7 +1368,7 @@
   function _non_iterable_rest$q() {
     throw new TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
   }
-  function _non_iterable_spread$b() {
+  function _non_iterable_spread$c() {
     throw new TypeError("Invalid attempt to spread non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
   }
   function _object_spread$1a(target) {
@@ -1390,10 +1390,10 @@
     return _array_with_holes$q(arr) || _iterable_to_array_limit$p(arr, i) || _unsupported_iterable_to_array$s(arr, i) || _non_iterable_rest$q();
   }
   function _to_array$1(arr) {
-    return _array_with_holes$q(arr) || _iterable_to_array$b(arr) || _unsupported_iterable_to_array$s(arr) || _non_iterable_rest$q();
+    return _array_with_holes$q(arr) || _iterable_to_array$c(arr) || _unsupported_iterable_to_array$s(arr) || _non_iterable_rest$q();
   }
-  function _to_consumable_array$b(arr) {
-    return _array_without_holes$b(arr) || _iterable_to_array$b(arr) || _unsupported_iterable_to_array$s(arr) || _non_iterable_spread$b();
+  function _to_consumable_array$c(arr) {
+    return _array_without_holes$c(arr) || _iterable_to_array$c(arr) || _unsupported_iterable_to_array$s(arr) || _non_iterable_spread$c();
   }
   function _unsupported_iterable_to_array$s(o, minLen) {
     if (!o)
@@ -1511,7 +1511,7 @@
             var _$_class_private_field_get = _to_array$1(_class_private_field_get$1(this, _tweak)), first = _$_class_private_field_get[0], rest = _$_class_private_field_get.slice(1);
             var styles = trueReactPlatformHelpers.isArrayNotEmpty(rest) ? trueReactPlatformHelpers.mergeStyles.apply(void 0, [
               first
-            ].concat(_to_consumable_array$b(rest))) : first;
+            ].concat(_to_consumable_array$c(rest))) : first;
             var rules = this.addRules(styles);
             var classes = _object_spread$1a({}, _class_private_field_get$1(this, _classes));
             rules.forEach(function(rule, key) {
@@ -4738,19 +4738,19 @@
       arr2[i] = arr[i];
     return arr2;
   }
-  function _array_without_holes$a(arr) {
+  function _array_without_holes$b(arr) {
     if (Array.isArray(arr))
       return _array_like_to_array$q(arr);
   }
-  function _iterable_to_array$a(iter) {
+  function _iterable_to_array$b(iter) {
     if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null)
       return Array.from(iter);
   }
-  function _non_iterable_spread$a() {
+  function _non_iterable_spread$b() {
     throw new TypeError("Invalid attempt to spread non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
   }
-  function _to_consumable_array$a(arr) {
-    return _array_without_holes$a(arr) || _iterable_to_array$a(arr) || _unsupported_iterable_to_array$q(arr) || _non_iterable_spread$a();
+  function _to_consumable_array$b(arr) {
+    return _array_without_holes$b(arr) || _iterable_to_array$b(arr) || _unsupported_iterable_to_array$q(arr) || _non_iterable_spread$b();
   }
   function _unsupported_iterable_to_array$q(o, minLen) {
     if (!o)
@@ -4790,7 +4790,7 @@
     var possibleValues = [
       country.countryRu,
       country.countryEn
-    ].concat(_to_consumable_array$a(country.countryRu.split(" ")), _to_consumable_array$a(country.countryEn.split(" ")), [
+    ].concat(_to_consumable_array$b(country.countryRu.split(" ")), _to_consumable_array$b(country.countryEn.split(" ")), [
       country.dialCode
     ]).map(function(part) {
       return part.toLowerCase();
@@ -6561,7 +6561,7 @@
       arr2[i] = arr[i];
     return arr2;
   }
-  function _array_without_holes$9(arr) {
+  function _array_without_holes$a(arr) {
     if (Array.isArray(arr))
       return _array_like_to_array$o(arr);
   }
@@ -6578,11 +6578,11 @@
     }
     return obj;
   }
-  function _iterable_to_array$9(iter) {
+  function _iterable_to_array$a(iter) {
     if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null)
       return Array.from(iter);
   }
-  function _non_iterable_spread$9() {
+  function _non_iterable_spread$a() {
     throw new TypeError("Invalid attempt to spread non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
   }
   function _object_spread$16(target) {
@@ -6600,8 +6600,8 @@
     }
     return target;
   }
-  function _to_consumable_array$9(arr) {
-    return _array_without_holes$9(arr) || _iterable_to_array$9(arr) || _unsupported_iterable_to_array$o(arr) || _non_iterable_spread$9();
+  function _to_consumable_array$a(arr) {
+    return _array_without_holes$a(arr) || _iterable_to_array$a(arr) || _unsupported_iterable_to_array$o(arr) || _non_iterable_spread$a();
   }
   function _unsupported_iterable_to_array$o(o, minLen) {
     if (!o)
@@ -6637,7 +6637,7 @@
       popperData = usePopper(referenceElement, dropdownElement, {
         enabled: isOpen,
         placement,
-        modifiers: _to_consumable_array$9(shouldRenderInBody ? [
+        modifiers: _to_consumable_array$a(shouldRenderInBody ? [
           minWidthModifier
         ] : []).concat([
           {
@@ -6660,7 +6660,7 @@
               ]
             }, flipOptions)
           }
-        ], _to_consumable_array$9(modifiers))
+        ], _to_consumable_array$a(modifiers))
       });
     }
     React.useEffect(function() {
@@ -6681,25 +6681,25 @@
     if (Array.isArray(arr))
       return arr;
   }
-  function _array_without_holes$8(arr) {
+  function _array_without_holes$9(arr) {
     if (Array.isArray(arr))
       return _array_like_to_array$n(arr);
   }
-  function _iterable_to_array$8(iter) {
+  function _iterable_to_array$9(iter) {
     if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null)
       return Array.from(iter);
   }
   function _non_iterable_rest$n() {
     throw new TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
   }
-  function _non_iterable_spread$8() {
+  function _non_iterable_spread$9() {
     throw new TypeError("Invalid attempt to spread non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
   }
   function _to_array(arr) {
-    return _array_with_holes$n(arr) || _iterable_to_array$8(arr) || _unsupported_iterable_to_array$n(arr) || _non_iterable_rest$n();
+    return _array_with_holes$n(arr) || _iterable_to_array$9(arr) || _unsupported_iterable_to_array$n(arr) || _non_iterable_rest$n();
   }
-  function _to_consumable_array$8(arr) {
-    return _array_without_holes$8(arr) || _iterable_to_array$8(arr) || _unsupported_iterable_to_array$n(arr) || _non_iterable_spread$8();
+  function _to_consumable_array$9(arr) {
+    return _array_without_holes$9(arr) || _iterable_to_array$9(arr) || _unsupported_iterable_to_array$n(arr) || _non_iterable_spread$9();
   }
   function _unsupported_iterable_to_array$n(o, minLen) {
     if (!o)
@@ -6734,7 +6734,7 @@
           trueReactPlatformHelpers.mergeStyles.apply(void 0, [
             maybeInnerStyles,
             maybeThemeStyles
-          ].concat(_to_consumable_array$8(rest)))
+          ].concat(_to_consumable_array$9(rest)))
         ];
       }
       if (!areStylesThemed(maybeInnerStyles)) {
@@ -7979,7 +7979,7 @@
     if (Array.isArray(arr))
       return arr;
   }
-  function _array_without_holes$7(arr) {
+  function _array_without_holes$8(arr) {
     if (Array.isArray(arr))
       return _array_like_to_array$m(arr);
   }
@@ -7996,7 +7996,7 @@
     }
     return obj;
   }
-  function _iterable_to_array$7(iter) {
+  function _iterable_to_array$8(iter) {
     if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null)
       return Array.from(iter);
   }
@@ -8031,7 +8031,7 @@
   function _non_iterable_rest$m() {
     throw new TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
   }
-  function _non_iterable_spread$7() {
+  function _non_iterable_spread$8() {
     throw new TypeError("Invalid attempt to spread non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
   }
   function _object_spread$12(target) {
@@ -8076,8 +8076,8 @@
   function _sliced_to_array$m(arr, i) {
     return _array_with_holes$m(arr) || _iterable_to_array_limit$m(arr, i) || _unsupported_iterable_to_array$m(arr, i) || _non_iterable_rest$m();
   }
-  function _to_consumable_array$7(arr) {
-    return _array_without_holes$7(arr) || _iterable_to_array$7(arr) || _unsupported_iterable_to_array$m(arr) || _non_iterable_spread$7();
+  function _to_consumable_array$8(arr) {
+    return _array_without_holes$8(arr) || _iterable_to_array$8(arr) || _unsupported_iterable_to_array$m(arr) || _non_iterable_spread$8();
   }
   function _unsupported_iterable_to_array$m(o, minLen) {
     if (!o)
@@ -8101,23 +8101,21 @@
     var arrowRef = React.useRef(null);
     var handleToggle = function(isActive, event) {
       event === null || event === void 0 ? void 0 : event.stopPropagation();
-      if (!isDisabled) {
-        onToggle === null || onToggle === void 0 ? void 0 : onToggle(isActive, event);
-        setIsOpen(isActive);
-      }
+      onToggle === null || onToggle === void 0 ? void 0 : onToggle(isActive, event);
+      setIsOpen(isActive);
     };
     var handleClose = function(event) {
       handleToggle(false, event);
     };
     var _useFloating = react.useFloating({
-      open: isOpen,
+      open: isOpen && !isDisabled,
       middleware: [
         react.offset(popupOffset),
         canBeFlipped && react.flip({
           fallbackAxisSideDirection: "start"
         }),
         isMinWidthSameAsTrigger && minWidthRelativeToTrigger
-      ].concat(_to_consumable_array$7(middlewares), [
+      ].concat(_to_consumable_array$8(middlewares), [
         shouldShowArrow && react.arrow({
           element: arrowRef
         })
@@ -11688,7 +11686,7 @@
     if (Array.isArray(arr))
       return arr;
   }
-  function _array_without_holes$6(arr) {
+  function _array_without_holes$7(arr) {
     if (Array.isArray(arr))
       return _array_like_to_array$i(arr);
   }
@@ -11734,7 +11732,7 @@
     }
     return obj;
   }
-  function _iterable_to_array$6(iter) {
+  function _iterable_to_array$7(iter) {
     if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null)
       return Array.from(iter);
   }
@@ -11769,7 +11767,7 @@
   function _non_iterable_rest$i() {
     throw new TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
   }
-  function _non_iterable_spread$6() {
+  function _non_iterable_spread$7() {
     throw new TypeError("Invalid attempt to spread non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
   }
   function _object_spread$J(target) {
@@ -11846,8 +11844,8 @@
   function _sliced_to_array$i(arr, i) {
     return _array_with_holes$i(arr) || _iterable_to_array_limit$i(arr, i) || _unsupported_iterable_to_array$i(arr, i) || _non_iterable_rest$i();
   }
-  function _to_consumable_array$6(arr) {
-    return _array_without_holes$6(arr) || _iterable_to_array$6(arr) || _unsupported_iterable_to_array$i(arr) || _non_iterable_spread$6();
+  function _to_consumable_array$7(arr) {
+    return _array_without_holes$7(arr) || _iterable_to_array$7(arr) || _unsupported_iterable_to_array$i(arr) || _non_iterable_spread$7();
   }
   function _unsupported_iterable_to_array$i(o, minLen) {
     if (!o)
@@ -12182,7 +12180,7 @@
       var option = filteredOptions[index];
       handleChange(isSelected ? (
         // Добавляем
-        _to_consumable_array$6(value !== null && value !== void 0 ? value : []).concat([
+        _to_consumable_array$7(value !== null && value !== void 0 ? value : []).concat([
           option
         ])
       ) : (
@@ -13851,6 +13849,10 @@
     if (Array.isArray(arr))
       return arr;
   }
+  function _array_without_holes$6(arr) {
+    if (Array.isArray(arr))
+      return _array_like_to_array$h(arr);
+  }
   function _define_property$J(obj, key, value) {
     if (key in obj) {
       Object.defineProperty(obj, key, {
@@ -13864,6 +13866,10 @@
     }
     return obj;
   }
+  function _iterable_to_array$6(iter) {
+    if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null)
+      return Array.from(iter);
+  }
   function _iterable_to_array_limit$h(arr, i) {
     var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"];
     if (_i == null)
@@ -13895,6 +13901,9 @@
   function _non_iterable_rest$h() {
     throw new TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
   }
+  function _non_iterable_spread$6() {
+    throw new TypeError("Invalid attempt to spread non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
+  }
   function _object_spread$H(target) {
     for (var i = 1; i < arguments.length; i++) {
       var source = arguments[i] != null ? arguments[i] : {};
@@ -13969,6 +13978,9 @@
   function _sliced_to_array$h(arr, i) {
     return _array_with_holes$h(arr) || _iterable_to_array_limit$h(arr, i) || _unsupported_iterable_to_array$h(arr, i) || _non_iterable_rest$h();
   }
+  function _to_consumable_array$6(arr) {
+    return _array_without_holes$6(arr) || _iterable_to_array$6(arr) || _unsupported_iterable_to_array$h(arr) || _non_iterable_spread$6();
+  }
   function _unsupported_iterable_to_array$h(o, minLen) {
     if (!o)
       return;
@@ -13983,7 +13995,7 @@
       return _array_like_to_array$h(o, minLen);
   }
   var DatePicker = /* @__PURE__ */ React.forwardRef(function(_param, ref) {
-    var data = _param.data, _param_selectedDate = _param.selectedDate, selectedDate = _param_selectedDate === void 0 ? null : _param_selectedDate, minDate = _param.minDate, maxDate = _param.maxDate, _param_endDate = _param.endDate, endDate = _param_endDate === void 0 ? null : _param_endDate, _param_startDate = _param.startDate, startDate = _param_startDate === void 0 ? null : _param_startDate, locale = _param.locale, months = _param.months, _param_calendarStartDay = _param.calendarStartDay, calendarStartDay = _param_calendarStartDay === void 0 ? 1 : _param_calendarStartDay, _param_dateFormat = _param.dateFormat, dateFormat = _param_dateFormat === void 0 ? DEFAULT_DATE_FORMAT$2 : _param_dateFormat, monthsShown = _param.monthsShown, placeholder = _param.placeholder, _param_isRange = _param.isRange, isRange = _param_isRange === void 0 ? false : _param_isRange, _param_isInline = _param.isInline, isInline = _param_isInline === void 0 ? false : _param_isInline, isDisabled = _param.isDisabled, isClearable = _param.isClearable, strictParsing = _param.strictParsing, fixedHeight = _param.fixedHeight, focusSelectedMonth = _param.focusSelectedMonth, disabledKeyboardNavigation = _param.disabledKeyboardNavigation, _param_shouldRenderPopperInBody = _param.shouldRenderPopperInBody, shouldRenderPopperInBody = _param_shouldRenderPopperInBody === void 0 ? false : _param_shouldRenderPopperInBody, _param_allowSameDay = _param.allowSameDay, allowSameDay = _param_allowSameDay === void 0 ? false : _param_allowSameDay, shouldCloseOnSelect = _param.shouldCloseOnSelect, showPreviousMonths = _param.showPreviousMonths, preventOpenOnFocus = _param.preventOpenOnFocus, popperModifiers = _param.popperModifiers, popperPlacement = _param.popperPlacement, todayButton = _param.todayButton, highlightDates = _param.highlightDates, calendarContainer = _param.calendarContainer, dayClassName = _param.dayClassName, tmp = _param.customInput, CustomInput = tmp === void 0 ? DateInput : tmp, customInputRef = _param.customInputRef, renderCustomHeader = _param.renderCustomHeader, filterDate = _param.filterDate, onYearChange = _param.onYearChange, onMonthChange = _param.onMonthChange, onCalendarOpen = _param.onCalendarOpen, onCalendarClose = _param.onCalendarClose, onChangeDate = _param.onChangeDate, onChangeRange = _param.onChangeRange, onBlur = _param.onBlur, onFocus = _param.onFocus, onKeyDown = _param.onKeyDown, tweakStyles = _param.tweakStyles, inputProps = _object_without_properties$c(_param, [
+    var data = _param.data, _param_selectedDate = _param.selectedDate, selectedDate = _param_selectedDate === void 0 ? null : _param_selectedDate, minDate = _param.minDate, maxDate = _param.maxDate, _param_endDate = _param.endDate, endDate = _param_endDate === void 0 ? null : _param_endDate, _param_startDate = _param.startDate, startDate = _param_startDate === void 0 ? null : _param_startDate, locale = _param.locale, months = _param.months, _param_calendarStartDay = _param.calendarStartDay, calendarStartDay = _param_calendarStartDay === void 0 ? 1 : _param_calendarStartDay, _param_dateFormat = _param.dateFormat, dateFormat = _param_dateFormat === void 0 ? DEFAULT_DATE_FORMAT$2 : _param_dateFormat, monthsShown = _param.monthsShown, placeholder = _param.placeholder, _param_isRange = _param.isRange, isRange = _param_isRange === void 0 ? false : _param_isRange, _param_isInline = _param.isInline, isInline = _param_isInline === void 0 ? false : _param_isInline, isDisabled = _param.isDisabled, isClearable = _param.isClearable, strictParsing = _param.strictParsing, fixedHeight = _param.fixedHeight, focusSelectedMonth = _param.focusSelectedMonth, disabledKeyboardNavigation = _param.disabledKeyboardNavigation, _param_shouldRenderPopperInBody = _param.shouldRenderPopperInBody, shouldRenderPopperInBody = _param_shouldRenderPopperInBody === void 0 ? false : _param_shouldRenderPopperInBody, _param_allowSameDay = _param.allowSameDay, allowSameDay = _param_allowSameDay === void 0 ? false : _param_allowSameDay, shouldCloseOnSelect = _param.shouldCloseOnSelect, showPreviousMonths = _param.showPreviousMonths, preventOpenOnFocus = _param.preventOpenOnFocus, _param_popperModifiers = _param.popperModifiers, popperModifiers = _param_popperModifiers === void 0 ? [] : _param_popperModifiers, _param_popperPlacement = _param.popperPlacement, popperPlacement = _param_popperPlacement === void 0 ? "bottom-start" : _param_popperPlacement, todayButton = _param.todayButton, highlightDates = _param.highlightDates, calendarContainer = _param.calendarContainer, dayClassName = _param.dayClassName, tmp = _param.customInput, CustomInput = tmp === void 0 ? DateInput : tmp, customInputRef = _param.customInputRef, renderCustomHeader = _param.renderCustomHeader, filterDate = _param.filterDate, onYearChange = _param.onYearChange, onMonthChange = _param.onMonthChange, onCalendarOpen = _param.onCalendarOpen, onCalendarClose = _param.onCalendarClose, onChangeDate = _param.onChangeDate, onChangeRange = _param.onChangeRange, onBlur = _param.onBlur, onFocus = _param.onFocus, onKeyDown = _param.onKeyDown, tweakStyles = _param.tweakStyles, inputProps = _object_without_properties$c(_param, [
       "data",
       "selectedDate",
       "minDate",
@@ -14177,7 +14189,9 @@
         },
         disabledKeyboardNavigation,
         popperContainer: shouldRenderPopperInBody ? PopperContainer : void 0,
-        popperModifiers,
+        popperModifiers: [
+          react.offset(-10)
+        ].concat(_to_consumable_array$6(popperModifiers)),
         popperPlacement,
         strictParsing,
         preventOpenOnFocus,
@@ -19117,7 +19131,7 @@
   var clearButtonStyles = cloneDeep(innerTextButtonStyles);
   var backButtonStyles = innerTextButtonStyles;
   var PICKER_TOP_MARGIN = 28;
-  var PICKER_WITH_BUTTONS_TOP_MARGIN = 60;
+  var PICKER_WITH_BUTTONS_TOP_MARGIN = 56;
   var START_PICKER_LEFT_MARGIN = -20;
   var END_PICKER_LEFT_MARGIN = -170;
   var startDatePickerStyles = {