@snack-uikit/calendar 0.14.2-preview-02d918ac.0 → 0.14.2

package/CHANGELOG.md

@@ -3,6 +3,15 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## 0.14.2 (2026-07-03)
+
+### Only dependencies have been changed
+* [@snack-uikit/list@0.33.3]($PUBLIC_PROJECT_URL/blob/master/packages/list/CHANGELOG.md)
+
+
+
+
+
 ## 0.14.1 (2026-06-24)
 
 

package/dist/cjs/components/Calendar/Calendar.js

@@ -1,5 +1,7 @@
 "use strict";
 
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/slicedToArray"));
 var __rest = void 0 && (void 0).__rest || function (s, e) {
   var t = {};
   for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
@@ -18,14 +20,13 @@ const constants_1 = require("../../constants");
 const CalendarBase_1 = require("../../helperComponents/CalendarBase");
 const utils_1 = require("./utils");
 function Calendar(props) {
-  const {
-      onChangeValue,
-      mode
-    } = props,
+  const onChangeValue = props.onChangeValue,
+    mode = props.mode,
     rest = __rest(props, ["onChangeValue", "mode"]);
   const changeValueHandler = (0, react_1.useCallback)(value => {
     if (mode === constants_1.CALENDAR_MODE.Date || mode === constants_1.CALENDAR_MODE.Month || mode === constants_1.CALENDAR_MODE.Year || mode === constants_1.CALENDAR_MODE.DateTime) {
-      const [date] = value;
+      const _value = (0, _slicedToArray2.default)(value, 1),
+        date = _value[0];
       onChangeValue === null || onChangeValue === void 0 ? void 0 : onChangeValue(date);
       return;
     }

package/dist/cjs/components/TimePicker/TimePicker.js

@@ -1,5 +1,7 @@
 "use strict";
 
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/slicedToArray"));
 var __importDefault = void 0 && (void 0).__importDefault || function (mod) {
   return mod && mod.__esModule ? mod : {
     "default": mod
@@ -25,24 +27,35 @@ const styles_module_scss_1 = __importDefault(require('./styles.module.css'));
 const stubDate = new Date();
 const stubFunc = () => {};
 function TimePicker(_ref) {
-  let {
-    className,
-    size = constants_1.SIZE.M,
-    fitToContainer = true,
-    value: valueProp,
-    defaultValue,
-    onChangeValue,
-    onFocusLeave,
-    'data-test-id': testId,
-    navigationStartRef,
-    showSeconds = true,
-    today: todayProp,
-    footerMode = 'current-time-and-apply'
-  } = _ref;
-  const [value, setValueState] = (0, uncontrollable_1.useUncontrolledProp)(valueProp, defaultValue, onChangeValue);
+  let className = _ref.className,
+    _ref$size = _ref.size,
+    size = _ref$size === void 0 ? constants_1.SIZE.M : _ref$size,
+    _ref$fitToContainer = _ref.fitToContainer,
+    fitToContainer = _ref$fitToContainer === void 0 ? true : _ref$fitToContainer,
+    valueProp = _ref.value,
+    defaultValue = _ref.defaultValue,
+    onChangeValue = _ref.onChangeValue,
+    onFocusLeave = _ref.onFocusLeave,
+    testId = _ref['data-test-id'],
+    navigationStartRef = _ref.navigationStartRef,
+    _ref$showSeconds = _ref.showSeconds,
+    showSeconds = _ref$showSeconds === void 0 ? true : _ref$showSeconds,
+    todayProp = _ref.today,
+    _ref$footerMode = _ref.footerMode,
+    footerMode = _ref$footerMode === void 0 ? 'current-time-and-apply' : _ref$footerMode;
+  const _ref2 = (0, uncontrollable_1.useUncontrolledProp)(valueProp, defaultValue, onChangeValue),
+    _ref3 = (0, _slicedToArray2.default)(_ref2, 2),
+    value = _ref3[0],
+    setValueState = _ref3[1];
   const setValueEventHandler = (0, utils_1.useEventHandler)(setValueState);
-  const [internalValue, setInternalValue] = (0, react_1.useState)();
-  const [focus, setFocus] = (0, react_1.useState)(undefined);
+  const _ref4 = (0, react_1.useState)(),
+    _ref5 = (0, _slicedToArray2.default)(_ref4, 2),
+    internalValue = _ref5[0],
+    setInternalValue = _ref5[1];
+  const _ref6 = (0, react_1.useState)(undefined),
+    _ref7 = (0, _slicedToArray2.default)(_ref6, 2),
+    focus = _ref7[0],
+    setFocus = _ref7[1];
   const today = typeof todayProp === 'number' ? new Date(todayProp) : todayProp;
   (0, react_1.useEffect)(() => {
     var _a, _b, _c;
@@ -62,18 +75,17 @@ function TimePicker(_ref) {
     const newDate = dates[0];
     setInternalValue([newDate, newDate]);
   }, []);
-  const {
-    dateAndTime,
-    onTimeChange,
-    onDateChange,
-    onDateAndTimeChange,
-    isDateFilled,
-    isTimeFilled,
-    isDateAndTimeFilled
-  } = (0, hooks_1.useDateAndTime)({
-    showSeconds,
-    value
-  });
+  const _ref8 = (0, hooks_1.useDateAndTime)({
+      showSeconds,
+      value
+    }),
+    dateAndTime = _ref8.dateAndTime,
+    onTimeChange = _ref8.onTimeChange,
+    onDateChange = _ref8.onDateChange,
+    onDateAndTimeChange = _ref8.onDateAndTimeChange,
+    isDateFilled = _ref8.isDateFilled,
+    isTimeFilled = _ref8.isTimeFilled,
+    isDateAndTimeFilled = _ref8.isDateAndTimeFilled;
   const applyButtonRef = (0, react_1.useRef)(null);
   const currentButtonRef = (0, react_1.useRef)(null);
   const hoursKeyboardNavigationRef = (0, react_1.useRef)({
@@ -86,9 +98,8 @@ function TimePicker(_ref) {
     focusItem: () => {}
   });
   const getTestId = (0, react_1.useMemo)(() => (0, utils_2.getTestIdBuilder)(testId), [testId]);
-  const {
-    lang: ctxLang
-  } = (0, locale_1.useLocale)();
+  const _ref9 = (0, locale_1.useLocale)(),
+    ctxLang = _ref9.lang;
   const locale = (0, react_1.useMemo)(() => (0, utils_2.getLocale)({
     localeProp: constants_1.DEFAULT_LOCALE,
     ctxLang

package/dist/cjs/helperComponents/Button/Button.js

@@ -23,27 +23,24 @@ const utils_1 = require("@snack-uikit/utils");
 const CalendarContext_1 = require("../CalendarContext");
 const styles_module_scss_1 = __importDefault(require('./styles.module.css'));
 function Button(_a) {
-  var {
-      label,
-      icon,
-      onClick,
-      focusName,
-      tabIndex,
-      onLeftArrowKeyDown,
-      onRightArrowKeyDown,
-      onDownArrowKeyDown,
-      disabled,
-      useNavigationStartRef
-    } = _a,
+  var label = _a.label,
+    icon = _a.icon,
+    onClick = _a.onClick,
+    focusName = _a.focusName,
+    tabIndex = _a.tabIndex,
+    onLeftArrowKeyDown = _a.onLeftArrowKeyDown,
+    onRightArrowKeyDown = _a.onRightArrowKeyDown,
+    onDownArrowKeyDown = _a.onDownArrowKeyDown,
+    disabled = _a.disabled,
+    useNavigationStartRef = _a.useNavigationStartRef,
     rest = __rest(_a, ["label", "icon", "onClick", "focusName", "tabIndex", "onLeftArrowKeyDown", "onRightArrowKeyDown", "onDownArrowKeyDown", "disabled", "useNavigationStartRef"]);
   const ref = (0, react_1.useRef)(null);
-  const {
-    size,
-    focus,
-    setFocus,
-    onFocusLeave,
-    navigationStartRef
-  } = (0, react_1.useContext)(CalendarContext_1.CalendarContext);
+  const _ref = (0, react_1.useContext)(CalendarContext_1.CalendarContext),
+    size = _ref.size,
+    focus = _ref.focus,
+    setFocus = _ref.setFocus,
+    onFocusLeave = _ref.onFocusLeave,
+    navigationStartRef = _ref.navigationStartRef;
   (0, utils_1.useLayoutEffect)(() => {
     var _a;
     if (focus && focus === focusName) {

package/dist/cjs/helperComponents/CalendarBase/CalendarBase.js

@@ -1,5 +1,7 @@
 "use strict";
 
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/slicedToArray"));
 var __rest = void 0 && (void 0).__rest || function (s, e) {
   var t = {};
   for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
@@ -57,49 +59,63 @@ const CALENDAR_DEFAULT_MODE_MAP = {
   [constants_1.CALENDAR_MODE.Year]: constants_1.VIEW_MODE.Decade
 };
 function CalendarBase(_a) {
-  var {
-      className,
-      mode,
-      size = constants_1.SIZE.M,
-      autofocus,
-      fitToContainer = true,
-      value: valueProp,
-      defaultValue,
-      onChangeValue,
-      today: todayProp,
-      showHolidays = false,
-      showSeconds = true,
-      style,
-      locale: localeProp,
-      onFocusLeave,
-      buildCellProps,
-      'data-test-id': testId,
-      navigationStartRef,
-      presets
-    } = _a,
+  var className = _a.className,
+    mode = _a.mode,
+    _a$size = _a.size,
+    size = _a$size === void 0 ? constants_1.SIZE.M : _a$size,
+    autofocus = _a.autofocus,
+    _a$fitToContainer = _a.fitToContainer,
+    fitToContainer = _a$fitToContainer === void 0 ? true : _a$fitToContainer,
+    valueProp = _a.value,
+    defaultValue = _a.defaultValue,
+    onChangeValue = _a.onChangeValue,
+    todayProp = _a.today,
+    _a$showHolidays = _a.showHolidays,
+    showHolidays = _a$showHolidays === void 0 ? false : _a$showHolidays,
+    _a$showSeconds = _a.showSeconds,
+    showSeconds = _a$showSeconds === void 0 ? true : _a$showSeconds,
+    style = _a.style,
+    localeProp = _a.locale,
+    onFocusLeave = _a.onFocusLeave,
+    buildCellProps = _a.buildCellProps,
+    testId = _a['data-test-id'],
+    navigationStartRef = _a.navigationStartRef,
+    presets = _a.presets,
     rest = __rest(_a, ["className", "mode", "size", "autofocus", "fitToContainer", "value", "defaultValue", "onChangeValue", "today", "showHolidays", "showSeconds", "style", "locale", "onFocusLeave", "buildCellProps", 'data-test-id', "navigationStartRef", "presets"]);
-  const {
-    t
-  } = (0, locale_1.useLocale)('Calendar');
-  const [viewMode, setViewMode] = (0, react_1.useState)(CALENDAR_DEFAULT_MODE_MAP[mode]);
-  const [viewShift, setViewShift] = (0, react_1.useState)(0);
-  const [value, setValueState] = (0, uncontrollable_1.useUncontrolledProp)(valueProp, defaultValue, onChangeValue);
+  const _ref = (0, locale_1.useLocale)('Calendar'),
+    t = _ref.t;
+  const _ref2 = (0, react_1.useState)(CALENDAR_DEFAULT_MODE_MAP[mode]),
+    _ref3 = (0, _slicedToArray2.default)(_ref2, 2),
+    viewMode = _ref3[0],
+    setViewMode = _ref3[1];
+  const _ref4 = (0, react_1.useState)(0),
+    _ref5 = (0, _slicedToArray2.default)(_ref4, 2),
+    viewShift = _ref5[0],
+    setViewShift = _ref5[1];
+  const _ref6 = (0, uncontrollable_1.useUncontrolledProp)(valueProp, defaultValue, onChangeValue),
+    _ref7 = (0, _slicedToArray2.default)(_ref6, 2),
+    value = _ref7[0],
+    setValueState = _ref7[1];
   const today = (0, react_1.useMemo)(() => typeof todayProp === 'number' ? new Date(todayProp) : todayProp, [todayProp]);
-  const [referenceDate] = (0, react_1.useState)((value === null || value === void 0 ? void 0 : value[0]) || today || new Date());
+  const _ref8 = (0, react_1.useState)((value === null || value === void 0 ? void 0 : value[0]) || today || new Date()),
+    _ref9 = (0, _slicedToArray2.default)(_ref8, 1),
+    referenceDate = _ref9[0];
   const viewDate = (0, hooks_2.useViewDate)(referenceDate, viewMode, viewShift);
-  const [focus, setFocus] = (0, react_1.useState)(autofocus ? constants_1.AUTOFOCUS : undefined);
-  const {
-    dateAndTime,
-    onTimeChange,
-    onDateChange,
-    onDateAndTimeChange,
-    isDateFilled,
-    isTimeFilled,
-    isDateAndTimeFilled
-  } = (0, hooks_1.useDateAndTime)({
-    showSeconds,
-    value: mode === constants_1.CALENDAR_MODE.DateTime ? value : undefined
-  });
+  const _ref0 = (0, react_1.useState)(autofocus ? constants_1.AUTOFOCUS : undefined),
+    _ref1 = (0, _slicedToArray2.default)(_ref0, 2),
+    focus = _ref1[0],
+    setFocus = _ref1[1];
+  const _ref10 = (0, hooks_1.useDateAndTime)({
+      showSeconds,
+      value: mode === constants_1.CALENDAR_MODE.DateTime ? value : undefined
+    }),
+    dateAndTime = _ref10.dateAndTime,
+    onTimeChange = _ref10.onTimeChange,
+    onDateChange = _ref10.onDateChange,
+    onDateAndTimeChange = _ref10.onDateAndTimeChange,
+    isDateFilled = _ref10.isDateFilled,
+    isTimeFilled = _ref10.isTimeFilled,
+    isDateAndTimeFilled = _ref10.isDateAndTimeFilled;
   const applyButtonRef = (0, react_1.useRef)(null);
   const currentButtonRef = (0, react_1.useRef)(null);
   const hoursKeyboardNavigationRef = (0, react_1.useRef)({
@@ -112,7 +128,10 @@ function CalendarBase(_a) {
     focusItem: () => {}
   });
   const setValue = (0, react_1.useCallback)(dates => {
-    const [first, last] = (0, utils_2.sortDates)(dates);
+    const _ref11 = (0, utils_2.sortDates)(dates),
+      _ref12 = (0, _slicedToArray2.default)(_ref11, 2),
+      first = _ref12[0],
+      last = _ref12[1];
     if (mode === constants_1.CALENDAR_MODE.MonthRange) {
       setValueState([(0, utils_2.getStartOfTheMonth)(first), (0, utils_2.getEndOfTheMonth)(last)]);
       return;
@@ -123,19 +142,17 @@ function CalendarBase(_a) {
     }
     setValueState([first, (0, utils_2.getEndOfTheDay)(last)]);
   }, [mode, setValueState]);
-  const {
-    preselectedRange,
-    continuePreselect,
-    completePreselect,
-    restartPreselect,
-    startPreselect
-  } = (0, hooks_2.useRange)({
-    setValue
-  });
+  const _ref13 = (0, hooks_2.useRange)({
+      setValue
+    }),
+    preselectedRange = _ref13.preselectedRange,
+    continuePreselect = _ref13.continuePreselect,
+    completePreselect = _ref13.completePreselect,
+    restartPreselect = _ref13.restartPreselect,
+    startPreselect = _ref13.startPreselect;
   const getTestId = (0, react_1.useMemo)(() => (0, utils_2.getTestIdBuilder)(testId), [testId]);
-  const {
-    lang: ctxLang
-  } = (0, locale_1.useLocale)();
+  const _ref14 = (0, locale_1.useLocale)(),
+    ctxLang = _ref14.lang;
   const locale = (0, react_1.useMemo)(() => (0, utils_2.getLocale)({
     localeProp,
     ctxLang

package/dist/cjs/helperComponents/CalendarBase/hooks.js

@@ -1,5 +1,7 @@
 "use strict";
 
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/slicedToArray"));
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -22,10 +24,11 @@ function useViewDate(referenceDate, viewMode, viewShift) {
   }
 }
 function useRange(_ref) {
-  let {
-    setValue
-  } = _ref;
-  const [preselectedRange, setPreselectedRange] = (0, react_1.useState)();
+  let setValue = _ref.setValue;
+  const _ref2 = (0, react_1.useState)(),
+    _ref3 = (0, _slicedToArray2.default)(_ref2, 2),
+    preselectedRange = _ref3[0],
+    setPreselectedRange = _ref3[1];
   const startPreselect = (0, react_1.useCallback)(date => {
     setPreselectedRange([date, date]);
   }, []);

package/dist/cjs/helperComponents/CalendarBody/CalendarBody.js

@@ -12,9 +12,8 @@ const DecadeView_1 = require("../DecadeView");
 const MonthView_1 = require("../MonthView");
 const YearView_1 = require("../YearView");
 function CalendarBody() {
-  const {
-    viewMode
-  } = (0, react_1.useContext)(CalendarContext_1.CalendarContext);
+  const _ref = (0, react_1.useContext)(CalendarContext_1.CalendarContext),
+    viewMode = _ref.viewMode;
   switch (viewMode) {
     case constants_1.VIEW_MODE.Decade:
       return (0, jsx_runtime_1.jsx)(DecadeView_1.DecadeView, {});

package/dist/cjs/helperComponents/CalendarNavigation/CalendarNavigation.js

@@ -42,19 +42,18 @@ const ICONS = {
   }
 };
 function CalendarNavigation() {
-  const {
-    referenceDate,
-    viewDate,
-    viewShift,
-    setViewShift,
-    viewMode,
-    setViewMode,
-    focus,
-    setFocus,
-    getTestId,
-    size,
-    firstNotDisableCell
-  } = (0, react_1.useContext)(CalendarContext_1.CalendarContext);
+  const _ref = (0, react_1.useContext)(CalendarContext_1.CalendarContext),
+    referenceDate = _ref.referenceDate,
+    viewDate = _ref.viewDate,
+    viewShift = _ref.viewShift,
+    setViewShift = _ref.setViewShift,
+    viewMode = _ref.viewMode,
+    setViewMode = _ref.setViewMode,
+    focus = _ref.focus,
+    setFocus = _ref.setFocus,
+    getTestId = _ref.getTestId,
+    size = _ref.size,
+    firstNotDisableCell = _ref.firstNotDisableCell;
   const periodName = (0, hooks_1.usePeriodName)();
   const levelButtonDisabled = viewMode === constants_1.VIEW_MODE.Decade;
   const isArrowButtonFocused = focus && [constants_2.NEXT_PERIOD_BUTTON_FOCUS_NAME, constants_2.PREV_PERIOD_BUTTON_FOCUS_NAME].includes(focus);

package/dist/cjs/helperComponents/CalendarNavigation/hooks.js

@@ -9,23 +9,22 @@ const constants_1 = require("../../constants");
 const utils_1 = require("../../utils");
 const CalendarContext_1 = require("../CalendarContext");
 function usePeriodName() {
-  const {
-    viewDate,
-    viewMode,
-    locale
-  } = (0, react_1.useContext)(CalendarContext_1.CalendarContext);
+  const _ref = (0, react_1.useContext)(CalendarContext_1.CalendarContext),
+    viewDate = _ref.viewDate,
+    viewMode = _ref.viewMode,
+    locale = _ref.locale;
   switch (viewMode) {
     case constants_1.VIEW_MODE.Month:
       {
         const year = viewDate.getFullYear();
-        return `${(0, utils_1.getMonthName)(viewDate, locale)} ${year}`;
+        return "".concat((0, utils_1.getMonthName)(viewDate, locale), " ").concat(year);
       }
     case constants_1.VIEW_MODE.Year:
       return viewDate.getFullYear().toString();
     case constants_1.VIEW_MODE.Decade:
       {
         const decadeStart = viewDate.getFullYear();
-        return `${decadeStart}-${decadeStart + 9}`;
+        return "".concat(decadeStart, "-").concat(decadeStart + 9);
       }
     default:
       return '';

package/dist/cjs/helperComponents/ColumnLabel/ColumnLabel.js

@@ -15,14 +15,11 @@ const react_1 = require("react");
 const CalendarContext_1 = require("../CalendarContext");
 const styles_module_scss_1 = __importDefault(require('./styles.module.css'));
 function ColumnLabel(_ref) {
-  let {
-    label,
-    className
-  } = _ref;
-  const {
-    size,
-    getTestId
-  } = (0, react_1.useContext)(CalendarContext_1.CalendarContext);
+  let label = _ref.label,
+    className = _ref.className;
+  const _ref2 = (0, react_1.useContext)(CalendarContext_1.CalendarContext),
+    size = _ref2.size,
+    getTestId = _ref2.getTestId;
   return (0, jsx_runtime_1.jsx)("div", {
     className: (0, classnames_1.default)(styles_module_scss_1.default.wrapper, className),
     "data-test-id": getTestId('header-item'),

package/dist/cjs/helperComponents/ColumnLabels/ColumnLabels.js

@@ -18,14 +18,11 @@ const ColumnLabel_1 = require("../ColumnLabel");
 const styles_module_scss_1 = __importDefault(require('./styles.module.css'));
 const utils_1 = require("./utils");
 function ColumnLabels(_ref) {
-  let {
-    className
-  } = _ref;
-  const {
-    viewMode,
-    locale,
-    size
-  } = (0, react_1.useContext)(CalendarContext_1.CalendarContext);
+  let className = _ref.className;
+  const _ref2 = (0, react_1.useContext)(CalendarContext_1.CalendarContext),
+    viewMode = _ref2.viewMode,
+    locale = _ref2.locale,
+    size = _ref2.size;
   const labels = (0, react_1.useMemo)(() => (0, utils_1.getWeekLabels)(locale), [locale]);
   if (viewMode === constants_1.VIEW_MODE.Month) {
     return (0, jsx_runtime_1.jsx)("div", {

package/dist/cjs/helperComponents/DecadeView/DecadeView.js

@@ -13,18 +13,17 @@ const CalendarContext_1 = require("../CalendarContext");
 const Grid_1 = require("../Grid");
 const utils_2 = require("./utils");
 function DecadeView() {
-  const {
-    referenceDate,
-    setViewMode,
-    setViewShift,
-    preselectedRange,
-    continuePreselect,
-    restartPreselect,
-    mode,
-    setValue,
-    startPreselect,
-    completePreselect
-  } = (0, react_1.useContext)(CalendarContext_1.CalendarContext);
+  const _ref = (0, react_1.useContext)(CalendarContext_1.CalendarContext),
+    referenceDate = _ref.referenceDate,
+    setViewMode = _ref.setViewMode,
+    setViewShift = _ref.setViewShift,
+    preselectedRange = _ref.preselectedRange,
+    continuePreselect = _ref.continuePreselect,
+    restartPreselect = _ref.restartPreselect,
+    mode = _ref.mode,
+    setValue = _ref.setValue,
+    startPreselect = _ref.startPreselect,
+    completePreselect = _ref.completePreselect;
   const grid = (0, hooks_1.useGrid)({
     buildGrid: utils_2.buildDecadeGrid,
     isTheSameItem: utils_1.isTheSameYear,

package/dist/cjs/helperComponents/DecadeView/utils.js

@@ -9,10 +9,9 @@ const buildDecadeGrid = date => {
   const result = [];
   const year = date.getFullYear();
   let shift = -1;
-  const {
-    rows,
-    columns
-  } = constants_1.GRID_SIZE[constants_1.VIEW_MODE.Decade];
+  const _constants_1$GRID_SIZ = constants_1.GRID_SIZE[constants_1.VIEW_MODE.Decade],
+    rows = _constants_1$GRID_SIZ.rows,
+    columns = _constants_1$GRID_SIZ.columns;
   for (let i = 0; i < rows; i++) {
     const row = [];
     for (let j = 0; j < columns; j++) {

package/dist/cjs/helperComponents/Footer/Footer.js

@@ -22,31 +22,28 @@ const hooks_1 = require("./hooks");
 const navigation_1 = require("./navigation");
 const styles_module_scss_1 = __importDefault(require('./styles.module.css'));
 function Footer() {
-  const {
-    size,
-    viewMode,
-    mode,
-    today,
-    setValue,
-    dateAndTime,
-    onDateAndTimeChange,
-    applyButtonRef,
-    currentButtonRef,
-    hoursKeyboardNavigationRef,
-    minutesKeyboardNavigationRef,
-    secondsKeyboardNavigationRef,
-    showSeconds,
-    getTestId,
-    referenceDate,
-    setViewShift
-  } = (0, react_1.useContext)(CalendarContext_1.CalendarContext);
-  const {
-    isApplyButtonDisabled
-  } = (0, hooks_1.useFooterParams)();
+  const _ref = (0, react_1.useContext)(CalendarContext_1.CalendarContext),
+    size = _ref.size,
+    viewMode = _ref.viewMode,
+    mode = _ref.mode,
+    today = _ref.today,
+    setValue = _ref.setValue,
+    dateAndTime = _ref.dateAndTime,
+    onDateAndTimeChange = _ref.onDateAndTimeChange,
+    applyButtonRef = _ref.applyButtonRef,
+    currentButtonRef = _ref.currentButtonRef,
+    hoursKeyboardNavigationRef = _ref.hoursKeyboardNavigationRef,
+    minutesKeyboardNavigationRef = _ref.minutesKeyboardNavigationRef,
+    secondsKeyboardNavigationRef = _ref.secondsKeyboardNavigationRef,
+    showSeconds = _ref.showSeconds,
+    getTestId = _ref.getTestId,
+    referenceDate = _ref.referenceDate,
+    setViewShift = _ref.setViewShift;
+  const _ref2 = (0, hooks_1.useFooterParams)(),
+    isApplyButtonDisabled = _ref2.isApplyButtonDisabled;
   const navigation = (0, hooks_1.useFooterKeyboardNavigation)();
-  const {
-    t
-  } = (0, locale_1.useLocale)('Calendar');
+  const _ref3 = (0, locale_1.useLocale)('Calendar'),
+    t = _ref3.t;
   if (![constants_1.CALENDAR_MODE.DateTime, 'time'].includes(mode) || viewMode !== 'month') {
     return null;
   }
@@ -65,14 +62,15 @@ function Footer() {
       return;
     }
     const todayDate = today || new Date();
-    const {
-      year = todayDate.getFullYear(),
-      month = todayDate.getMonth(),
-      day = todayDate.getMonth(),
-      hours,
-      minutes,
-      seconds
-    } = dateAndTime;
+    const _dateAndTime$year = dateAndTime.year,
+      year = _dateAndTime$year === void 0 ? todayDate.getFullYear() : _dateAndTime$year,
+      _dateAndTime$month = dateAndTime.month,
+      month = _dateAndTime$month === void 0 ? todayDate.getMonth() : _dateAndTime$month,
+      _dateAndTime$day = dateAndTime.day,
+      day = _dateAndTime$day === void 0 ? todayDate.getMonth() : _dateAndTime$day,
+      hours = dateAndTime.hours,
+      minutes = dateAndTime.minutes,
+      seconds = dateAndTime.seconds;
     const newDate = new Date(year, month, day, hours, minutes, showSeconds ? seconds : 0);
     setValue([newDate, newDate]);
   };

package/dist/cjs/helperComponents/Footer/hooks.js

@@ -9,12 +9,12 @@ const react_1 = require("react");
 const CalendarContext_1 = require("../CalendarContext");
 const navigation_1 = require("./navigation");
 function useFooterParams() {
-  const {
-    footerMode = 'current-time-and-apply',
-    mode,
-    isTimeFilled,
-    isDateAndTimeFilled
-  } = (0, react_1.useContext)(CalendarContext_1.CalendarContext);
+  const _ref = (0, react_1.useContext)(CalendarContext_1.CalendarContext),
+    _ref$footerMode = _ref.footerMode,
+    footerMode = _ref$footerMode === void 0 ? 'current-time-and-apply' : _ref$footerMode,
+    mode = _ref.mode,
+    isTimeFilled = _ref.isTimeFilled,
+    isDateAndTimeFilled = _ref.isDateAndTimeFilled;
   const isApplyOnlyFooter = footerMode === 'apply-only';
   const isApplyButtonDisabled = mode === 'time' ? !isTimeFilled() : !isDateAndTimeFilled();
   return {
@@ -24,19 +24,17 @@ function useFooterParams() {
   };
 }
 function useFooterKeyboardNavigation() {
-  const {
-    footerMode,
-    isApplyButtonDisabled
-  } = useFooterParams();
-  const {
-    dateAndTime,
-    showSeconds,
-    applyButtonRef,
-    currentButtonRef,
-    minutesKeyboardNavigationRef,
-    secondsKeyboardNavigationRef,
-    onFocusLeave
-  } = (0, react_1.useContext)(CalendarContext_1.CalendarContext);
+  const _useFooterParams = useFooterParams(),
+    footerMode = _useFooterParams.footerMode,
+    isApplyButtonDisabled = _useFooterParams.isApplyButtonDisabled;
+  const _ref2 = (0, react_1.useContext)(CalendarContext_1.CalendarContext),
+    dateAndTime = _ref2.dateAndTime,
+    showSeconds = _ref2.showSeconds,
+    applyButtonRef = _ref2.applyButtonRef,
+    currentButtonRef = _ref2.currentButtonRef,
+    minutesKeyboardNavigationRef = _ref2.minutesKeyboardNavigationRef,
+    secondsKeyboardNavigationRef = _ref2.secondsKeyboardNavigationRef,
+    onFocusLeave = _ref2.onFocusLeave;
   const focusController = (0, react_1.useMemo)(() => new navigation_1.FooterFocusController({
     showSeconds,
     dateAndTime,

package/dist/cjs/helperComponents/Grid/Grid.js

@@ -13,9 +13,7 @@ const jsx_runtime_1 = require("react/jsx-runtime");
 const Item_1 = require("../Item");
 const styles_module_scss_1 = __importDefault(require('./styles.module.css'));
 function Grid(_ref) {
-  let {
-    grid
-  } = _ref;
+  let grid = _ref.grid;
   return (0, jsx_runtime_1.jsx)("table", {
     className: styles_module_scss_1.default.grid,
     border: 0,
@@ -26,7 +24,7 @@ function Grid(_ref) {
             data: cell,
             className: styles_module_scss_1.default.item
           })
-        }, `${cell.label}_${index}`))
+        }, "".concat(cell.label, "_").concat(index)))
       }, index))
     })
   });

package/dist/cjs/helperComponents/Item/Item.js

@@ -19,34 +19,29 @@ const hooks_1 = require("./hooks");
 const styles_module_scss_1 = __importDefault(require('./styles.module.css'));
 const utils_2 = require("./utils");
 function Item(_ref) {
-  let {
-    data,
-    className
-  } = _ref;
-  const {
-    date,
-    label,
-    address,
-    onSelect,
-    onPreselect,
-    onLeave,
-    inRangePosition,
-    isCurrent,
-    isDisabled,
-    isHoliday,
-    isInCurrentLevelPeriod,
-    isSelected,
-    tabIndex,
-    onKeyDown
-  } = data;
+  let data = _ref.data,
+    className = _ref.className;
+  const date = data.date,
+    label = data.label,
+    address = data.address,
+    onSelect = data.onSelect,
+    onPreselect = data.onPreselect,
+    onLeave = data.onLeave,
+    inRangePosition = data.inRangePosition,
+    isCurrent = data.isCurrent,
+    isDisabled = data.isDisabled,
+    isHoliday = data.isHoliday,
+    isInCurrentLevelPeriod = data.isInCurrentLevelPeriod,
+    isSelected = data.isSelected,
+    tabIndex = data.tabIndex,
+    onKeyDown = data.onKeyDown;
   const ref = (0, react_1.useRef)(null);
-  const {
-    focus,
-    setFocus,
-    size,
-    getTestId,
-    locale
-  } = (0, react_1.useContext)(CalendarContext_1.CalendarContext);
+  const _ref2 = (0, react_1.useContext)(CalendarContext_1.CalendarContext),
+    focus = _ref2.focus,
+    setFocus = _ref2.setFocus,
+    size = _ref2.size,
+    getTestId = _ref2.getTestId,
+    locale = _ref2.locale;
   (0, utils_1.useLayoutEffect)(() => {
     var _a;
     if ((0, utils_2.stringifyAddress)(address) === focus) {

package/dist/cjs/helperComponents/Item/hooks.js

@@ -1,5 +1,7 @@
 "use strict";
 
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/slicedToArray"));
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -9,19 +11,19 @@ const constants_1 = require("../../constants");
 const CalendarContext_1 = require("../CalendarContext");
 const utils_1 = require("./utils");
 function useKeyboardFocus(_ref, onKeyDown) {
-  let [row, column] = _ref;
-  const {
-    viewMode,
-    viewShift,
-    setViewShift,
-    setFocus,
-    onFocusLeave,
-    mode
-  } = (0, react_1.useContext)(CalendarContext_1.CalendarContext);
-  const {
-    rows,
-    columns
-  } = constants_1.GRID_SIZE[viewMode];
+  let _ref2 = (0, _slicedToArray2.default)(_ref, 2),
+    row = _ref2[0],
+    column = _ref2[1];
+  const _ref3 = (0, react_1.useContext)(CalendarContext_1.CalendarContext),
+    viewMode = _ref3.viewMode,
+    viewShift = _ref3.viewShift,
+    setViewShift = _ref3.setViewShift,
+    setFocus = _ref3.setFocus,
+    onFocusLeave = _ref3.onFocusLeave,
+    mode = _ref3.mode;
+  const _constants_1$GRID_SIZ = constants_1.GRID_SIZE[viewMode],
+    rows = _constants_1$GRID_SIZ.rows,
+    columns = _constants_1$GRID_SIZ.columns;
   return (0, react_1.useCallback)(e => {
     onKeyDown === null || onKeyDown === void 0 ? void 0 : onKeyDown(e);
     switch (e.key) {

package/dist/cjs/helperComponents/MonthView/MonthView.js

@@ -14,20 +14,19 @@ const CalendarContext_1 = require("../CalendarContext");
 const Grid_1 = require("../Grid");
 const utils_2 = require("./utils");
 function MonthView() {
-  const {
-    mode,
-    viewMode,
-    dateAndTime,
-    setValue,
-    preselectedRange,
-    startPreselect,
-    continuePreselect,
-    completePreselect,
-    restartPreselect,
-    onDateChange,
-    locale,
-    hoursKeyboardNavigationRef
-  } = (0, react_1.useContext)(CalendarContext_1.CalendarContext);
+  const _ref = (0, react_1.useContext)(CalendarContext_1.CalendarContext),
+    mode = _ref.mode,
+    viewMode = _ref.viewMode,
+    dateAndTime = _ref.dateAndTime,
+    setValue = _ref.setValue,
+    preselectedRange = _ref.preselectedRange,
+    startPreselect = _ref.startPreselect,
+    continuePreselect = _ref.continuePreselect,
+    completePreselect = _ref.completePreselect,
+    restartPreselect = _ref.restartPreselect,
+    onDateChange = _ref.onDateChange,
+    locale = _ref.locale,
+    hoursKeyboardNavigationRef = _ref.hoursKeyboardNavigationRef;
   const onDayKeyDown = (0, react_1.useCallback)(e => {
     var _a, _b;
     if (mode !== constants_1.CALENDAR_MODE.DateTime || viewMode !== 'month') {

package/dist/cjs/helperComponents/MonthView/utils.js

@@ -12,9 +12,7 @@ const buildMonthGrid = (date, locale) => {
   const WEEK = (0, utils_1.getStartOfWeek)(locale) === 0 ? constants_2.WEEK_STARTS_WITH_SUNDAY : constants_2.WEEK_STARTS_WITH_MONDAY;
   const startGap = WEEK.indexOf(date.getDay());
   let currentDate = new Date(date.getFullYear(), date.getMonth(), 1 - startGap);
-  const {
-    rows
-  } = constants_1.GRID_SIZE[constants_1.VIEW_MODE.Month];
+  const rows = constants_1.GRID_SIZE[constants_1.VIEW_MODE.Month].rows;
   for (let i = 0; i < rows; i++) {
     const week = [];
     for (let j = 0; j < WEEK.length; j++) {

package/dist/cjs/helperComponents/PeriodPresetsList/PeriodPresetsList.js

@@ -26,20 +26,17 @@ const utils_1 = require("@snack-uikit/utils");
 const CalendarContext_1 = require("../CalendarContext");
 const styles_module_scss_1 = __importDefault(require('./styles.module.css'));
 function PeriodPresetsList(_a) {
-  var {
-      items,
-      onChange,
-      showTitle = true,
-      className
-    } = _a,
+  var items = _a.items,
+    onChange = _a.onChange,
+    _a$showTitle = _a.showTitle,
+    showTitle = _a$showTitle === void 0 ? true : _a$showTitle,
+    className = _a.className,
     rest = __rest(_a, ["items", "onChange", "showTitle", "className"]);
-  const {
-    t
-  } = (0, locale_1.useLocale)('Calendar');
-  const {
-    size,
-    getTestId
-  } = (0, react_1.useContext)(CalendarContext_1.CalendarContext);
+  const _ref = (0, locale_1.useLocale)('Calendar'),
+    t = _ref.t;
+  const _ref2 = (0, react_1.useContext)(CalendarContext_1.CalendarContext),
+    size = _ref2.size,
+    getTestId = _ref2.getTestId;
   const listItems = (0, react_1.useMemo)(() => items.map(item => ({
     id: item.id,
     content: {

package/dist/cjs/helperComponents/TimeList/TimeList.js

@@ -18,20 +18,17 @@ const list_1 = require("@snack-uikit/list");
 const utils_1 = require("@snack-uikit/utils");
 const CalendarContext_1 = require("../CalendarContext");
 function TimeList(_a) {
-  var {
-      numberOfItems,
-      value,
-      onChange,
-      className,
-      onKeyDownGetter,
-      keyboardNavigationRef,
-      navigationStartRef,
-      'data-test-id': dataTestId
-    } = _a,
+  var numberOfItems = _a.numberOfItems,
+    value = _a.value,
+    onChange = _a.onChange,
+    className = _a.className,
+    onKeyDownGetter = _a.onKeyDownGetter,
+    keyboardNavigationRef = _a.keyboardNavigationRef,
+    navigationStartRef = _a.navigationStartRef,
+    dataTestId = _a['data-test-id'],
     rest = __rest(_a, ["numberOfItems", "value", "onChange", "className", "onKeyDownGetter", "keyboardNavigationRef", "navigationStartRef", 'data-test-id']);
-  const {
-    size
-  } = (0, react_1.useContext)(CalendarContext_1.CalendarContext);
+  const _ref = (0, react_1.useContext)(CalendarContext_1.CalendarContext),
+    size = _ref.size;
   const itemsRef = (0, react_1.useMemo)(() => new Array(numberOfItems).fill(null).map(() => (0, react_1.createRef)()), [numberOfItems]);
   (0, react_1.useImperativeHandle)(navigationStartRef, () => ({
     focus: () => {

package/dist/cjs/helperComponents/TimePickerBase/TimePickerBase.js

@@ -20,27 +20,24 @@ const hooks_1 = require("../Footer/hooks");
 const TimeList_1 = require("../TimeList");
 const styles_module_scss_1 = __importDefault(require('./styles.module.css'));
 function TimePickerBase(_ref) {
-  let {
-    showDivider = true
-  } = _ref;
-  const {
-    t
-  } = (0, locale_1.useLocale)('Calendar');
-  const {
-    size,
-    mode,
-    fitToContainer,
-    showSeconds,
-    dateAndTime,
-    onTimeChange,
-    hoursKeyboardNavigationRef,
-    minutesKeyboardNavigationRef,
-    secondsKeyboardNavigationRef,
-    setFocus,
-    getTestId,
-    navigationStartRef,
-    onFocusLeave
-  } = (0, react_1.useContext)(CalendarContext_1.CalendarContext);
+  let _ref$showDivider = _ref.showDivider,
+    showDivider = _ref$showDivider === void 0 ? true : _ref$showDivider;
+  const _ref2 = (0, locale_1.useLocale)('Calendar'),
+    t = _ref2.t;
+  const _ref3 = (0, react_1.useContext)(CalendarContext_1.CalendarContext),
+    size = _ref3.size,
+    mode = _ref3.mode,
+    fitToContainer = _ref3.fitToContainer,
+    showSeconds = _ref3.showSeconds,
+    dateAndTime = _ref3.dateAndTime,
+    onTimeChange = _ref3.onTimeChange,
+    hoursKeyboardNavigationRef = _ref3.hoursKeyboardNavigationRef,
+    minutesKeyboardNavigationRef = _ref3.minutesKeyboardNavigationRef,
+    secondsKeyboardNavigationRef = _ref3.secondsKeyboardNavigationRef,
+    setFocus = _ref3.setFocus,
+    getTestId = _ref3.getTestId,
+    navigationStartRef = _ref3.navigationStartRef,
+    onFocusLeave = _ref3.onFocusLeave;
   const navigation = (0, hooks_1.useFooterKeyboardNavigation)();
   const handleTabForwardToFooter = (0, react_1.useCallback)(event => {
     if (navigation.focusFooterForward() === 'handled') {

package/dist/cjs/helperComponents/YearView/YearView.js

@@ -13,20 +13,19 @@ const CalendarContext_1 = require("../CalendarContext");
 const Grid_1 = require("../Grid");
 const utils_2 = require("./utils");
 function YearView() {
-  const {
-    referenceDate,
-    setViewMode,
-    setViewShift,
-    setFocus,
-    preselectedRange,
-    continuePreselect,
-    restartPreselect,
-    locale,
-    setValue,
-    mode,
-    startPreselect,
-    completePreselect
-  } = (0, react_1.useContext)(CalendarContext_1.CalendarContext);
+  const _ref = (0, react_1.useContext)(CalendarContext_1.CalendarContext),
+    referenceDate = _ref.referenceDate,
+    setViewMode = _ref.setViewMode,
+    setViewShift = _ref.setViewShift,
+    setFocus = _ref.setFocus,
+    preselectedRange = _ref.preselectedRange,
+    continuePreselect = _ref.continuePreselect,
+    restartPreselect = _ref.restartPreselect,
+    locale = _ref.locale,
+    setValue = _ref.setValue,
+    mode = _ref.mode,
+    startPreselect = _ref.startPreselect,
+    completePreselect = _ref.completePreselect;
   const grid = (0, hooks_1.useGrid)({
     buildGrid: utils_2.buildYearGrid,
     isTheSameItem: utils_1.isTheSameMonth,

package/dist/cjs/helperComponents/YearView/utils.js

@@ -9,10 +9,9 @@ const buildYearGrid = date => {
   const result = [];
   const year = date.getFullYear();
   let month = 0;
-  const {
-    rows,
-    columns
-  } = constants_1.GRID_SIZE[constants_1.VIEW_MODE.Year];
+  const _constants_1$GRID_SIZ = constants_1.GRID_SIZE[constants_1.VIEW_MODE.Year],
+    rows = _constants_1$GRID_SIZ.rows,
+    columns = _constants_1$GRID_SIZ.columns;
   for (let i = 0; i < rows; i++) {
     const row = [];
     for (let j = 0; j < columns; j++) {

package/dist/cjs/hooks.js

@@ -1,5 +1,7 @@
 "use strict";
 
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/slicedToArray"));
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -11,39 +13,34 @@ const CalendarContext_1 = require("./helperComponents/CalendarContext");
 const utils_1 = require("./helperComponents/Item/utils");
 const utils_2 = require("./utils");
 function useGrid(_ref) {
-  let {
-    onSelect,
-    onPreselect,
-    onLeave,
-    buildGrid,
-    isTheSameItem,
-    getItemLabel,
-    isInPeriod,
-    onKeyDown
-  } = _ref;
-  const {
-    today,
-    showHolidays,
-    preselectedRange,
-    value,
-    dateAndTime,
-    mode,
-    viewDate,
-    viewMode,
-    focus,
-    buildCellProps,
-    firstNotDisableCell,
-    isDateFilled
-  } = (0, react_1.useContext)(CalendarContext_1.CalendarContext);
+  let onSelect = _ref.onSelect,
+    onPreselect = _ref.onPreselect,
+    onLeave = _ref.onLeave,
+    buildGrid = _ref.buildGrid,
+    isTheSameItem = _ref.isTheSameItem,
+    getItemLabel = _ref.getItemLabel,
+    isInPeriod = _ref.isInPeriod,
+    onKeyDown = _ref.onKeyDown;
+  const _ref2 = (0, react_1.useContext)(CalendarContext_1.CalendarContext),
+    today = _ref2.today,
+    showHolidays = _ref2.showHolidays,
+    preselectedRange = _ref2.preselectedRange,
+    value = _ref2.value,
+    dateAndTime = _ref2.dateAndTime,
+    mode = _ref2.mode,
+    viewDate = _ref2.viewDate,
+    viewMode = _ref2.viewMode,
+    focus = _ref2.focus,
+    buildCellProps = _ref2.buildCellProps,
+    firstNotDisableCell = _ref2.firstNotDisableCell,
+    isDateFilled = _ref2.isDateFilled;
   return (0, react_1.useMemo)(() => {
     let hasFocusInGrid = false;
     let currentItem;
     let hasFoundFirstNotDisableCell = false;
-    const result = buildGrid(viewDate).map(row => row.map(_ref2 => {
-      let {
-        date,
-        address
-      } = _ref2;
+    const result = buildGrid(viewDate).map(row => row.map(_ref3 => {
+      let date = _ref3.date,
+        address = _ref3.address;
       var _a, _b, _c, _d;
       let isDisabled = false;
       let isHoliday = undefined;
@@ -101,46 +98,43 @@ function useGrid(_ref) {
     return result;
   }, [buildCellProps, buildGrid, dateAndTime === null || dateAndTime === void 0 ? void 0 : dateAndTime.day, dateAndTime === null || dateAndTime === void 0 ? void 0 : dateAndTime.month, dateAndTime === null || dateAndTime === void 0 ? void 0 : dateAndTime.year, firstNotDisableCell, focus, getItemLabel, isDateFilled, isInPeriod, isTheSameItem, mode, onKeyDown, onLeave, onPreselect, onSelect, preselectedRange, showHolidays, today, value, viewDate, viewMode]);
 }
-function useDateAndTime(_ref3) {
-  let {
-    showSeconds,
-    value
-  } = _ref3;
-  const [dateAndTime, setDateAndTime] = (0, react_1.useState)(() => {
-    if (Array.isArray(value)) {
-      const initialValue = value[0];
+function useDateAndTime(_ref4) {
+  let showSeconds = _ref4.showSeconds,
+    value = _ref4.value;
+  const _ref5 = (0, react_1.useState)(() => {
+      if (Array.isArray(value)) {
+        const initialValue = value[0];
+        return {
+          year: initialValue.getFullYear(),
+          month: initialValue.getMonth(),
+          day: initialValue.getDate(),
+          hours: initialValue.getHours(),
+          minutes: initialValue.getMinutes(),
+          seconds: initialValue.getSeconds()
+        };
+      }
       return {
-        year: initialValue.getFullYear(),
-        month: initialValue.getMonth(),
-        day: initialValue.getDate(),
-        hours: initialValue.getHours(),
-        minutes: initialValue.getMinutes(),
-        seconds: initialValue.getSeconds()
+        year: undefined,
+        month: undefined,
+        day: undefined,
+        hours: value === null || value === void 0 ? void 0 : value.hours,
+        minutes: value === null || value === void 0 ? void 0 : value.minutes,
+        seconds: value === null || value === void 0 ? void 0 : value.seconds
       };
-    }
-    return {
-      year: undefined,
-      month: undefined,
-      day: undefined,
-      hours: value === null || value === void 0 ? void 0 : value.hours,
-      minutes: value === null || value === void 0 ? void 0 : value.minutes,
-      seconds: value === null || value === void 0 ? void 0 : value.seconds
-    };
-  });
+    }),
+    _ref6 = (0, _slicedToArray2.default)(_ref5, 2),
+    dateAndTime = _ref6[0],
+    setDateAndTime = _ref6[1];
   const isDateFilled = (0, react_1.useCallback)(() => {
-    const {
-      year,
-      month,
-      day
-    } = dateAndTime;
+    const year = dateAndTime.year,
+      month = dateAndTime.month,
+      day = dateAndTime.day;
     return [year, month, day].every(value => value !== undefined);
   }, [dateAndTime]);
   const isTimeFilled = (0, react_1.useCallback)(() => {
-    const {
-      hours,
-      minutes,
-      seconds
-    } = dateAndTime;
+    const hours = dateAndTime.hours,
+      minutes = dateAndTime.minutes,
+      seconds = dateAndTime.seconds;
     return [hours, minutes, ...(showSeconds ? [seconds] : [])].every(value => value !== undefined);
   }, [dateAndTime, showSeconds]);
   const isDateAndTimeFilled = (0, react_1.useCallback)(() => isTimeFilled() && isDateFilled(), [isDateFilled, isTimeFilled]);

package/dist/cjs/utils.js

@@ -1,5 +1,7 @@
 "use strict";
 
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/slicedToArray"));
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -59,7 +61,10 @@ const getInRangePosition = (date, viewMode, range) => {
   if (!range) {
     return constants_1.IN_RANGE_POSITION.Out;
   }
-  const [startDate, endDate] = (0, exports.sortDates)(range);
+  const _ref = (0, exports.sortDates)(range),
+    _ref2 = (0, _slicedToArray2.default)(_ref, 2),
+    startDate = _ref2[0],
+    endDate = _ref2[1];
   const isStart = (0, exports.isTheSameItem)(viewMode, date, startDate);
   const isEnd = (0, exports.isTheSameItem)(viewMode, date, endDate);
   if (isStart && isEnd) {
@@ -71,7 +76,10 @@ const getInRangePosition = (date, viewMode, range) => {
   if (isEnd) {
     return constants_1.IN_RANGE_POSITION.End;
   }
-  const [start, end] = range.map(date => date.valueOf()).sort();
+  const _range$map$sort = range.map(date => date.valueOf()).sort(),
+    _range$map$sort2 = (0, _slicedToArray2.default)(_range$map$sort, 2),
+    start = _range$map$sort2[0],
+    end = _range$map$sort2[1];
   return date.valueOf() >= start && date.valueOf() <= end ? constants_1.IN_RANGE_POSITION.In : constants_1.IN_RANGE_POSITION.Out;
 };
 exports.getInRangePosition = getInRangePosition;
@@ -85,17 +93,16 @@ const getStartOfTheYear = date => new Date(new Date(date.getFullYear(), 0, 1).va
 exports.getStartOfTheYear = getStartOfTheYear;
 const getEndOfTheYear = date => new Date(new Date(date.getFullYear() + 1, 0, 1).valueOf() - 1);
 exports.getEndOfTheYear = getEndOfTheYear;
-const getTestIdBuilder = testId => prefix => testId ? `${prefix}-${testId}` : undefined;
+const getTestIdBuilder = testId => prefix => testId ? "".concat(prefix, "-").concat(testId) : undefined;
 exports.getTestIdBuilder = getTestIdBuilder;
 const getNavigatorLocale = () => {
   var _a;
   return (0, utils_1.isBrowser)() ? (_a = navigator === null || navigator === void 0 ? void 0 : navigator.language) !== null && _a !== void 0 ? _a : 'ru-RU' : 'ru-RU';
 };
 const getLocale = function () {
-  let {
-    localeProp,
-    ctxLang
-  } = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+  let _ref3 = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},
+    localeProp = _ref3.localeProp,
+    ctxLang = _ref3.ctxLang;
   return localeProp || new Intl.Locale(ctxLang ? ctxLang.replace('_', '-') : getNavigatorLocale());
 };
 exports.getLocale = getLocale;

package/package.json

@@ -4,7 +4,7 @@
     "access": "public"
   },
   "title": "Calendar",
-  "version": "0.14.2-preview-02d918ac.0",
+  "version": "0.14.2",
   "sideEffects": [
     "*.css",
     "*.woff",
@@ -39,7 +39,7 @@
     "@snack-uikit/button": "0.19.19",
     "@snack-uikit/divider": "3.2.12",
     "@snack-uikit/icons": "0.27.7",
-    "@snack-uikit/list": "0.33.3-preview-02d918ac.0",
+    "@snack-uikit/list": "0.33.3",
     "@snack-uikit/utils": "4.0.2",
     "classnames": "2.5.1",
     "uncontrollable": "8.0.4",
@@ -48,5 +48,5 @@
   "peerDependencies": {
     "@snack-uikit/locale": "*"
   },
-  "gitHead": "00136e44a3f59e0cf80df069e32dac42b3a8d88a"
+  "gitHead": "864821fceaa6bbb61080166d14f1682fa16e3f85"
 }