@alfalab/core-components 26.5.0 → 26.5.2-beta.10

package/calendar-input/Component.js

@@ -57,7 +57,7 @@ function __rest(s, e) {
     return t;
 }
 
-var styles = {"component":"calendar-input__component_i1k0v","block":"calendar-input__block_i1k0v","calendarContainer":"calendar-input__calendarContainer_i1k0v","calendarIcon":"calendar-input__calendarIcon_i1k0v","nativeInput":"calendar-input__nativeInput_i1k0v"};
+var styles = {"component":"calendar-input__component_xzo15","block":"calendar-input__block_xzo15","calendarContainer":"calendar-input__calendarContainer_xzo15","calendarIcon":"calendar-input__calendarIcon_xzo15","nativeInput":"calendar-input__nativeInput_xzo15"};
 require('./index.css');
 
 var CalendarInput = React.forwardRef(function (_a, ref) {

package/calendar-input/esm/Component.d.ts

@@ -101,7 +101,7 @@ type CalendarInputProps = Omit<DateInputProps, 'onChange' | 'mobileMode'> & {
      */
     useAnchorWidth?: boolean;
 };
-declare const CalendarInput: React.ForwardRefExoticComponent<Pick<DateInputProps, "children" | "value" | "form" | "label" | "slot" | "style" | "title" | "pattern" | "dir" | "className" | "dataTestId" | "height" | "name" | "width" | "hidden" | "color" | "size" | "block" | "clear" | "multiple" | "disabled" | "leftAddons" | "rightAddons" | "colors" | "type" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "draggable" | "id" | "lang" | "placeholder" | "spellCheck" | "tabIndex" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "list" | "step" | "autoFocus" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "fieldClassName" | "labelClassName" | "addonsClassName" | "error" | "hint" | "bottomAddons" | "accept" | "alt" | "autoComplete" | "capture" | "checked" | "crossOrigin" | "max" | "maxLength" | "min" | "minLength" | "readOnly" | "required" | "src" | "success" | "inputClassName" | "focusedClassName" | "filledClassName" | "onClear" | "wrapperRef" | "onComplete"> & {
+declare const CalendarInput: React.ForwardRefExoticComponent<Pick<DateInputProps, "children" | "form" | "label" | "slot" | "style" | "title" | "pattern" | "className" | "dataTestId" | "leftAddons" | "rightAddons" | "size" | "block" | "colors" | "type" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "placeholder" | "spellCheck" | "tabIndex" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "list" | "step" | "autoFocus" | "disabled" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "name" | "value" | "height" | "max" | "min" | "width" | "crossOrigin" | "fieldClassName" | "labelClassName" | "addonsClassName" | "error" | "hint" | "bottomAddons" | "accept" | "alt" | "autoComplete" | "capture" | "checked" | "maxLength" | "minLength" | "multiple" | "readOnly" | "required" | "src" | "clear" | "success" | "inputClassName" | "focusedClassName" | "filledClassName" | "onClear" | "wrapperRef" | "onComplete"> & {
     /**
      * Дополнительный класс
      */
@@ -170,7 +170,7 @@ declare const CalendarInput: React.ForwardRefExoticComponent<Pick<DateInputProps
     /**
      * Обработчик изменения значения
      */
-    onChange?: ((event: React.ChangeEvent<HTMLInputElement> | React.MouseEvent<HTMLButtonElement, globalThis.MouseEvent> | null, payload: {
+    onChange?: ((event: React.MouseEvent<HTMLButtonElement, globalThis.MouseEvent> | React.ChangeEvent<HTMLInputElement> | null, payload: {
         date: Date;
         value: string;
     }) => void) | undefined;
@@ -188,7 +188,7 @@ declare const CalendarInput: React.ForwardRefExoticComponent<Pick<DateInputProps
     /**
      * Позиционирование поповера с календарем
      */
-    popoverPosition?: "top" | "bottom" | "right" | "left" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end" | undefined;
+    popoverPosition?: "right" | "left" | "top" | "bottom" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end" | undefined;
     /**
      * z-index Popover
      */

package/calendar-input/esm/Component.js

@@ -49,7 +49,7 @@ function __rest(s, e) {
     return t;
 }
 
-var styles = {"component":"calendar-input__component_i1k0v","block":"calendar-input__block_i1k0v","calendarContainer":"calendar-input__calendarContainer_i1k0v","calendarIcon":"calendar-input__calendarIcon_i1k0v","nativeInput":"calendar-input__nativeInput_i1k0v"};
+var styles = {"component":"calendar-input__component_xzo15","block":"calendar-input__block_xzo15","calendarContainer":"calendar-input__calendarContainer_xzo15","calendarIcon":"calendar-input__calendarIcon_xzo15","nativeInput":"calendar-input__nativeInput_xzo15"};
 require('./index.css');
 
 var CalendarInput = forwardRef(function (_a, ref) {

package/calendar-input/esm/index.css

@@ -40,35 +40,35 @@
     --calendar-input-icon-color: var(--color-light-graphic-primary);
     --calendar-input-popover-border-radius: 0 0 var(--border-radius-s) var(--border-radius-s);
 }
-.calendar-input__component_i1k0v {
+.calendar-input__component_xzo15 {
     display: inline-block;
     outline: none;
     position: relative;
 }
-.calendar-input__block_i1k0v {
+.calendar-input__block_xzo15 {
     width: 100%;
 }
-.calendar-input__calendarContainer_i1k0v {
+.calendar-input__calendarContainer_xzo15 {
     display: inline-block;
     box-sizing: border-box;
     border-radius: var(--calendar-input-popover-border-radius)
 }
 @media (max-width: 374px) {
-.calendar-input__calendarContainer_i1k0v {
+.calendar-input__calendarContainer_xzo15 {
         width: 100%;
         min-width: 288px
 }
     }
-.calendar-input__calendarIcon_i1k0v {
+.calendar-input__calendarIcon_xzo15 {
     width: 24px;
     height: 24px;
     display: block;
     color: var(--calendar-input-icon-color)
 }
-.calendar-input__calendarIcon_i1k0v:not(:only-child) {
+.calendar-input__calendarIcon_xzo15:not(:only-child) {
         margin-right: var(--gap-2xs);
     }
-.calendar-input__nativeInput_i1k0v {
+.calendar-input__nativeInput_xzo15 {
     opacity: 0;
     position: absolute;
     top: 0;
@@ -79,9 +79,9 @@
             appearance: none;
     z-index: 1
 }
-.calendar-input__nativeInput_i1k0v::-webkit-calendar-picker-indicator {
+.calendar-input__nativeInput_xzo15::-webkit-calendar-picker-indicator {
         display: none;
     }
-.calendar-input__nativeInput_i1k0v::-webkit-inner-spin-button {
+.calendar-input__nativeInput_xzo15::-webkit-inner-spin-button {
         display: none;
     }

package/calendar-input/index.css

@@ -40,35 +40,35 @@
     --calendar-input-icon-color: var(--color-light-graphic-primary);
     --calendar-input-popover-border-radius: 0 0 var(--border-radius-s) var(--border-radius-s);
 }
-.calendar-input__component_i1k0v {
+.calendar-input__component_xzo15 {
     display: inline-block;
     outline: none;
     position: relative;
 }
-.calendar-input__block_i1k0v {
+.calendar-input__block_xzo15 {
     width: 100%;
 }
-.calendar-input__calendarContainer_i1k0v {
+.calendar-input__calendarContainer_xzo15 {
     display: inline-block;
     box-sizing: border-box;
     border-radius: var(--calendar-input-popover-border-radius)
 }
 @media (max-width: 374px) {
-.calendar-input__calendarContainer_i1k0v {
+.calendar-input__calendarContainer_xzo15 {
         width: 100%;
         min-width: 288px
 }
     }
-.calendar-input__calendarIcon_i1k0v {
+.calendar-input__calendarIcon_xzo15 {
     width: 24px;
     height: 24px;
     display: block;
     color: var(--calendar-input-icon-color)
 }
-.calendar-input__calendarIcon_i1k0v:not(:only-child) {
+.calendar-input__calendarIcon_xzo15:not(:only-child) {
         margin-right: var(--gap-2xs);
     }
-.calendar-input__nativeInput_i1k0v {
+.calendar-input__nativeInput_xzo15 {
     opacity: 0;
     position: absolute;
     top: 0;
@@ -79,9 +79,9 @@
             appearance: none;
     z-index: 1
 }
-.calendar-input__nativeInput_i1k0v::-webkit-calendar-picker-indicator {
+.calendar-input__nativeInput_xzo15::-webkit-calendar-picker-indicator {
         display: none;
     }
-.calendar-input__nativeInput_i1k0v::-webkit-inner-spin-button {
+.calendar-input__nativeInput_xzo15::-webkit-inner-spin-button {
         display: none;
     }

package/calendar-input/modern/Component.js

@@ -10,7 +10,7 @@ import { parseDateString, isCompleteDateInput, formatDate, DateInput } from '../
 import { Calendar, dateInLimits } from '../../calendar/modern';
 import { SUPPORTS_INPUT_TYPE_DATE } from './utils.js';
 
-var styles = {"component":"calendar-input__component_i1k0v","block":"calendar-input__block_i1k0v","calendarContainer":"calendar-input__calendarContainer_i1k0v","calendarIcon":"calendar-input__calendarIcon_i1k0v","nativeInput":"calendar-input__nativeInput_i1k0v"};
+var styles = {"component":"calendar-input__component_xzo15","block":"calendar-input__block_xzo15","calendarContainer":"calendar-input__calendarContainer_xzo15","calendarIcon":"calendar-input__calendarIcon_xzo15","nativeInput":"calendar-input__nativeInput_xzo15"};
 require('./index.css');
 
 const CalendarInput = forwardRef(({ block = false, className, inputClassName, popoverClassName, defaultOpen = false, defaultMonth, defaultValue = '', calendarPosition = 'popover', value, dataTestId, calendarProps = {}, minDate = calendarProps.minDate, maxDate = calendarProps.maxDate, offDays = calendarProps.offDays || [], events = calendarProps.events || [], preventFlip, mobileMode = 'popover', wrapperRef = null, disabled, onChange = () => null, onInputChange, onCalendarChange, onKeyDown, readOnly, Calendar: Calendar$1 = Calendar, popoverPosition = 'bottom-start', zIndexPopover, useAnchorWidth, rightAddons, error, ...restProps }, ref) => {

package/calendar-input/modern/index.css

@@ -40,35 +40,35 @@
     --calendar-input-icon-color: var(--color-light-graphic-primary);
     --calendar-input-popover-border-radius: 0 0 var(--border-radius-s) var(--border-radius-s);
 }
-.calendar-input__component_i1k0v {
+.calendar-input__component_xzo15 {
     display: inline-block;
     outline: none;
     position: relative;
 }
-.calendar-input__block_i1k0v {
+.calendar-input__block_xzo15 {
     width: 100%;
 }
-.calendar-input__calendarContainer_i1k0v {
+.calendar-input__calendarContainer_xzo15 {
     display: inline-block;
     box-sizing: border-box;
     border-radius: var(--calendar-input-popover-border-radius)
 }
 @media (max-width: 374px) {
-.calendar-input__calendarContainer_i1k0v {
+.calendar-input__calendarContainer_xzo15 {
         width: 100%;
         min-width: 288px
 }
     }
-.calendar-input__calendarIcon_i1k0v {
+.calendar-input__calendarIcon_xzo15 {
     width: 24px;
     height: 24px;
     display: block;
     color: var(--calendar-input-icon-color)
 }
-.calendar-input__calendarIcon_i1k0v:not(:only-child) {
+.calendar-input__calendarIcon_xzo15:not(:only-child) {
         margin-right: var(--gap-2xs);
     }
-.calendar-input__nativeInput_i1k0v {
+.calendar-input__nativeInput_xzo15 {
     opacity: 0;
     position: absolute;
     top: 0;
@@ -79,9 +79,9 @@
             appearance: none;
     z-index: 1
 }
-.calendar-input__nativeInput_i1k0v::-webkit-calendar-picker-indicator {
+.calendar-input__nativeInput_xzo15::-webkit-calendar-picker-indicator {
         display: none;
     }
-.calendar-input__nativeInput_i1k0v::-webkit-inner-spin-button {
+.calendar-input__nativeInput_xzo15::-webkit-inner-spin-button {
         display: none;
     }

package/calendar-range/Component.d.ts

@@ -72,6 +72,11 @@ type CalendarRangeProps = {
      * Определяет, как рендерить календарь — в поповере или снизу инпута
      */
     calendarPosition?: 'static' | 'popover';
+    /**
+     * calendarPosition = static
+     * Отображать начальный месяц слева или справа (влияет только на начальный рендер)
+     */
+    defaultMonthPosition?: 'left' | 'right';
 };
 declare const CalendarRange: FC<CalendarRangeProps>;
 export { CalendarRangeProps, CalendarRange };

package/calendar-range/Component.js

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var index_module = require('./index.module-3cdbd49d.js');
+var index_module = require('./index.module-889d9a0e.js');
 var React = require('react');
 require('classnames');
 require('date-fns/startOfMonth');

package/calendar-range/cssm/Component.d.ts

@@ -72,6 +72,11 @@ type CalendarRangeProps = {
      * Определяет, как рендерить календарь — в поповере или снизу инпута
      */
     calendarPosition?: 'static' | 'popover';
+    /**
+     * calendarPosition = static
+     * Отображать начальный месяц слева или справа (влияет только на начальный рендер)
+     */
+    defaultMonthPosition?: 'left' | 'right';
 };
 declare const CalendarRange: FC<CalendarRangeProps>;
 export { CalendarRangeProps, CalendarRange };

package/calendar-range/cssm/hooks.d.ts

@@ -9,10 +9,11 @@ declare function usePopoverViewMonthes({ dateFrom, dateTo, defaultMonth, resetKe
     handleMonthFromChange: (newMonthFrom: number) => void;
     handleMonthToChange: (newMonthTo: number) => void;
 };
-declare function useStaticViewMonthes({ selectedFrom, selectedTo, defaultMonth, }: {
+declare function useStaticViewMonthes({ selectedFrom, selectedTo, defaultMonth, defaultMonthPosition, }: {
     selectedFrom?: number;
     selectedTo?: number;
     defaultMonth: number;
+    defaultMonthPosition?: 'left' | 'right';
 }): {
     monthFrom: number;
     monthTo: number;

package/calendar-range/cssm/hooks.js

@@ -48,7 +48,7 @@ function usePopoverViewMonthes(_a) {
     };
 }
 function useStaticViewMonthes(_a) {
-    var selectedFrom = _a.selectedFrom, selectedTo = _a.selectedTo, defaultMonth = _a.defaultMonth;
+    var selectedFrom = _a.selectedFrom, selectedTo = _a.selectedTo, defaultMonth = _a.defaultMonth, defaultMonthPosition = _a.defaultMonthPosition;
     /**
      * Если указана начальная дата — левый месяц равен ей, иначе используется дата конца.
      * Если обе даты не указаны, то используется дефолтный месяц
@@ -67,6 +67,10 @@ function useStaticViewMonthes(_a) {
     }, 
     // eslint-disable-next-line react-hooks/exhaustive-deps
     []);
+    if (defaultMonthPosition === 'right') {
+        initialMonthTo = initialMonthFrom;
+        initialMonthFrom = subMonths__default['default'](initialMonthFrom, 1).getTime();
+    }
     var _b = React.useState(initialMonthFrom), monthFrom = _b[0], setMonthFrom = _b[1];
     var _c = React.useState(initialMonthTo), monthTo = _c[0], setMonthTo = _c[1];
     var handleMonthFromChange = React.useCallback(function (newMonthFrom) {

package/calendar-range/cssm/views/static.d.ts

@@ -1,5 +1,10 @@
 import { FC } from 'react';
 import { CalendarRangeProps } from "../Component";
-type CalendarRangeStaticProps = Omit<CalendarRangeProps, 'calendarPosition'>;
+type CalendarRangeStaticProps = Omit<CalendarRangeProps, 'calendarPosition'> & {
+    /**
+     * Отображать начальный месяц слева или справа (влияет только на начальный рендер)
+     */
+    defaultMonthPosition?: 'left' | 'right';
+};
 declare const CalendarRangeStatic: FC<CalendarRangeStaticProps>;
 export { CalendarRangeStaticProps, CalendarRangeStatic };

package/calendar-range/cssm/views/static.js

@@ -29,9 +29,9 @@ var styles__default = /*#__PURE__*/_interopDefaultLegacy(styles);
 var endOfMonth__default = /*#__PURE__*/_interopDefaultLegacy(endOfMonth);
 
 var CalendarRangeStatic = function (_a) {
-    var className = _a.className, _b = _a.defaultMonth, defaultMonth = _b === void 0 ? startOfMonth__default['default'](new Date()).getTime() : _b, minDate = _a.minDate, maxDate = _a.maxDate, _c = _a.valueFrom, valueFrom = _c === void 0 ? '' : _c, _d = _a.valueTo, valueTo = _d === void 0 ? '' : _d, _e = _a.onDateFromChange, onDateFromChange = _e === void 0 ? function () { return null; } : _e, _f = _a.onDateToChange, onDateToChange = _f === void 0 ? function () { return null; } : _f, _g = _a.onChange, onChange = _g === void 0 ? function () { return null; } : _g, _h = _a.inputFromProps, inputFromProps = _h === void 0 ? {} : _h, _j = _a.inputToProps, inputToProps = _j === void 0 ? {} : _j, offDays = _a.offDays, events = _a.events, dataTestId = _a.dataTestId;
-    var _k = React.useState(valueFrom), inputFromValue = _k[0], setInputFromValue = _k[1];
-    var _l = React.useState(valueTo), inputToValue = _l[0], setInputToValue = _l[1];
+    var className = _a.className, _b = _a.defaultMonth, defaultMonth = _b === void 0 ? startOfMonth__default['default'](new Date()).getTime() : _b, _c = _a.defaultMonthPosition, defaultMonthPosition = _c === void 0 ? 'left' : _c, minDate = _a.minDate, maxDate = _a.maxDate, _d = _a.valueFrom, valueFrom = _d === void 0 ? '' : _d, _e = _a.valueTo, valueTo = _e === void 0 ? '' : _e, _f = _a.onDateFromChange, onDateFromChange = _f === void 0 ? function () { return null; } : _f, _g = _a.onDateToChange, onDateToChange = _g === void 0 ? function () { return null; } : _g, _h = _a.onChange, onChange = _h === void 0 ? function () { return null; } : _h, _j = _a.inputFromProps, inputFromProps = _j === void 0 ? {} : _j, _k = _a.inputToProps, inputToProps = _k === void 0 ? {} : _k, offDays = _a.offDays, events = _a.events, dataTestId = _a.dataTestId;
+    var _l = React.useState(valueFrom), inputFromValue = _l[0], setInputFromValue = _l[1];
+    var _m = React.useState(valueTo), inputToValue = _m[0], setInputToValue = _m[1];
     var dateFrom = coreComponentsCalendarInput.isValidInputValue(inputFromValue, minDate, maxDate, offDays)
         ? coreComponentsCalendarInput.parseDateString(inputFromValue).getTime()
         : null;
@@ -44,20 +44,21 @@ var CalendarRangeStatic = function (_a) {
     var bothInvalid = coreComponentsDateInput.isCompleteDateInput(inputFromValue) &&
         coreComponentsDateInput.isCompleteDateInput(inputToValue) &&
         coreComponentsCalendarInput.parseDateString(inputFromValue).getTime() > coreComponentsCalendarInput.parseDateString(inputToValue).getTime();
-    var _m = React.useState(undefined), highlightedDate = _m[0], setHighlightedDate = _m[1];
+    var _o = React.useState(undefined), highlightedDate = _o[0], setHighlightedDate = _o[1];
     var period = coreComponentsCalendar.usePeriodWithReset({
         initialSelectedFrom: dateFrom ? coreComponentsCalendarInput.parseDateString(inputFromValue).getTime() : undefined,
         initialSelectedTo: dateTo ? coreComponentsCalendarInput.parseDateString(inputToValue).getTime() : undefined,
     });
     var validateInputFromValue = React.useCallback(function (value) { return coreComponentsCalendarInput.isValidInputValue(value, minDate, dateFrom || maxDate, offDays); }, [dateFrom, maxDate, minDate, offDays]);
     var validateInputToValue = React.useCallback(function (value) { return coreComponentsCalendarInput.isValidInputValue(value, dateFrom || minDate, maxDate, offDays); }, [dateFrom, minDate, maxDate, offDays]);
-    var _o = React.useState(validateInputFromValue(inputFromValue) === false), inputFromInvalid = _o[0], setInputFromInvalid = _o[1];
-    var _p = React.useState(validateInputToValue(inputToValue) === false), inputToInvalid = _p[0], setInputToInvalid = _p[1];
-    var _q = hooks.useStaticViewMonthes({
+    var _p = React.useState(validateInputFromValue(inputFromValue) === false), inputFromInvalid = _p[0], setInputFromInvalid = _p[1];
+    var _q = React.useState(validateInputToValue(inputToValue) === false), inputToInvalid = _q[0], setInputToInvalid = _q[1];
+    var _r = hooks.useStaticViewMonthes({
         selectedFrom: period.selectedFrom,
         selectedTo: period.selectedTo,
         defaultMonth: defaultMonth,
-    }), monthFrom = _q.monthFrom, monthTo = _q.monthTo, handleMonthFromChange = _q.handleMonthFromChange, handleMonthToChange = _q.handleMonthToChange;
+        defaultMonthPosition: defaultMonthPosition,
+    }), monthFrom = _r.monthFrom, monthTo = _r.monthTo, handleMonthFromChange = _r.handleMonthFromChange, handleMonthToChange = _r.handleMonthToChange;
     var handleValidInputFrom = React.useCallback(function () {
         setInputFromInvalid(inputFromValue !== '' && !validateInputFromValue(inputFromValue));
     }, [inputFromValue, validateInputFromValue]);

package/calendar-range/esm/Component.d.ts

@@ -72,6 +72,11 @@ type CalendarRangeProps = {
      * Определяет, как рендерить календарь — в поповере или снизу инпута
      */
     calendarPosition?: 'static' | 'popover';
+    /**
+     * calendarPosition = static
+     * Отображать начальный месяц слева или справа (влияет только на начальный рендер)
+     */
+    defaultMonthPosition?: 'left' | 'right';
 };
 declare const CalendarRange: FC<CalendarRangeProps>;
 export { CalendarRangeProps, CalendarRange };

package/calendar-range/esm/Component.js

@@ -1,4 +1,4 @@
-import { _ as __rest, a as __assign } from './index.module-6f4fe3b7.js';
+import { _ as __rest, a as __assign } from './index.module-f6de1d52.js';
 import React from 'react';
 import 'classnames';
 import 'date-fns/startOfMonth';

package/calendar-range/esm/hooks.d.ts

@@ -9,10 +9,11 @@ declare function usePopoverViewMonthes({ dateFrom, dateTo, defaultMonth, resetKe
     handleMonthFromChange: (newMonthFrom: number) => void;
     handleMonthToChange: (newMonthTo: number) => void;
 };
-declare function useStaticViewMonthes({ selectedFrom, selectedTo, defaultMonth, }: {
+declare function useStaticViewMonthes({ selectedFrom, selectedTo, defaultMonth, defaultMonthPosition, }: {
     selectedFrom?: number;
     selectedTo?: number;
     defaultMonth: number;
+    defaultMonthPosition?: 'left' | 'right';
 }): {
     monthFrom: number;
     monthTo: number;

package/calendar-range/esm/hooks.js

@@ -37,7 +37,7 @@ function usePopoverViewMonthes(_a) {
     };
 }
 function useStaticViewMonthes(_a) {
-    var selectedFrom = _a.selectedFrom, selectedTo = _a.selectedTo, defaultMonth = _a.defaultMonth;
+    var selectedFrom = _a.selectedFrom, selectedTo = _a.selectedTo, defaultMonth = _a.defaultMonth, defaultMonthPosition = _a.defaultMonthPosition;
     /**
      * Если указана начальная дата — левый месяц равен ей, иначе используется дата конца.
      * Если обе даты не указаны, то используется дефолтный месяц
@@ -56,6 +56,10 @@ function useStaticViewMonthes(_a) {
     }, 
     // eslint-disable-next-line react-hooks/exhaustive-deps
     []);
+    if (defaultMonthPosition === 'right') {
+        initialMonthTo = initialMonthFrom;
+        initialMonthFrom = subMonths(initialMonthFrom, 1).getTime();
+    }
     var _b = useState(initialMonthFrom), monthFrom = _b[0], setMonthFrom = _b[1];
     var _c = useState(initialMonthTo), monthTo = _c[0], setMonthTo = _c[1];
     var handleMonthFromChange = useCallback(function (newMonthFrom) {

package/calendar-range/esm/index.js

@@ -1,4 +1,4 @@
-import './index.module-6f4fe3b7.js';
+import './index.module-f6de1d52.js';
 import 'react';
 import 'classnames';
 import 'date-fns/startOfMonth';

package/calendar-range/esm/{index.module-6f4fe3b7.js → index.module-f6de1d52.js}

@@ -37,7 +37,7 @@ function __rest(s, e) {
     return t;
 }
 
-var styles = {"component":"calendar-range__component_1lwkb","divider":"calendar-range__divider_1lwkb","static":"calendar-range__static_1lwkb","calendar":"calendar-range__calendar_1lwkb"};
+var styles = {"component":"calendar-range__component_18xe0","divider":"calendar-range__divider_18xe0","static":"calendar-range__static_18xe0","calendar":"calendar-range__calendar_18xe0"};
 require('./views/index.css');
 
 export { __rest as _, __assign as a, styles as s };

package/calendar-range/esm/views/index.css

@@ -34,19 +34,19 @@
 
     /* marker */
 }
-.calendar-range__component_1lwkb {
+.calendar-range__component_18xe0 {
     display: flex
 }
-.calendar-range__component_1lwkb button[aria-selected='true'] {
+.calendar-range__component_18xe0 button[aria-selected='true'] {
         cursor: pointer;
     }
-.calendar-range__component_1lwkb *[class*='errorIcon_'] {
+.calendar-range__component_18xe0 *[class*='errorIcon_'] {
         display: none;
     }
-.calendar-range__component_1lwkb *[class*='calendarIcon_'] {
+.calendar-range__component_18xe0 *[class*='calendarIcon_'] {
         margin-right: 0;
     }
-.calendar-range__divider_1lwkb {
+.calendar-range__divider_18xe0 {
     height: 48px;
     display: flex;
     align-items: center;
@@ -54,13 +54,13 @@
     width: 16px;
     margin: 0 var(--gap-xs)
 }
-.calendar-range__divider_1lwkb:after {
+.calendar-range__divider_18xe0:after {
         content: '';
         display: block;
         width: 100%;
         height: 1px;
         background-color: var(--color-light-graphic-primary);
     }
-.calendar-range__static_1lwkb .calendar-range__calendar_1lwkb {
+.calendar-range__static_18xe0 .calendar-range__calendar_18xe0 {
         width: var(--calendar-inner-width);
     }

package/calendar-range/esm/views/popover.js

@@ -1,4 +1,4 @@
-import { s as styles, a as __assign } from '../index.module-6f4fe3b7.js';
+import { s as styles, a as __assign } from '../index.module-f6de1d52.js';
 import React, { useState, useCallback, useEffect } from 'react';
 import cn from 'classnames';
 import startOfMonth from 'date-fns/startOfMonth';

package/calendar-range/esm/views/static.d.ts

@@ -1,5 +1,10 @@
 import { FC } from 'react';
 import { CalendarRangeProps } from "../Component";
-type CalendarRangeStaticProps = Omit<CalendarRangeProps, 'calendarPosition'>;
+type CalendarRangeStaticProps = Omit<CalendarRangeProps, 'calendarPosition'> & {
+    /**
+     * Отображать начальный месяц слева или справа (влияет только на начальный рендер)
+     */
+    defaultMonthPosition?: 'left' | 'right';
+};
 declare const CalendarRangeStatic: FC<CalendarRangeStaticProps>;
 export { CalendarRangeStaticProps, CalendarRangeStatic };

package/calendar-range/esm/views/static.js

@@ -1,4 +1,4 @@
-import { _ as __rest, s as styles, a as __assign } from '../index.module-6f4fe3b7.js';
+import { _ as __rest, s as styles, a as __assign } from '../index.module-f6de1d52.js';
 import React, { useState, useCallback, useEffect } from 'react';
 import cn from 'classnames';
 import startOfMonth from 'date-fns/startOfMonth';
@@ -15,9 +15,9 @@ import { usePeriodWithReset, Calendar } from '../../../calendar/esm';
 import { isDayButton } from '../utils.js';
 
 var CalendarRangeStatic = function (_a) {
-    var className = _a.className, _b = _a.defaultMonth, defaultMonth = _b === void 0 ? startOfMonth(new Date()).getTime() : _b, minDate = _a.minDate, maxDate = _a.maxDate, _c = _a.valueFrom, valueFrom = _c === void 0 ? '' : _c, _d = _a.valueTo, valueTo = _d === void 0 ? '' : _d, _e = _a.onDateFromChange, onDateFromChange = _e === void 0 ? function () { return null; } : _e, _f = _a.onDateToChange, onDateToChange = _f === void 0 ? function () { return null; } : _f, _g = _a.onChange, onChange = _g === void 0 ? function () { return null; } : _g, _h = _a.inputFromProps, inputFromProps = _h === void 0 ? {} : _h, _j = _a.inputToProps, inputToProps = _j === void 0 ? {} : _j, offDays = _a.offDays, events = _a.events, dataTestId = _a.dataTestId;
-    var _k = useState(valueFrom), inputFromValue = _k[0], setInputFromValue = _k[1];
-    var _l = useState(valueTo), inputToValue = _l[0], setInputToValue = _l[1];
+    var className = _a.className, _b = _a.defaultMonth, defaultMonth = _b === void 0 ? startOfMonth(new Date()).getTime() : _b, _c = _a.defaultMonthPosition, defaultMonthPosition = _c === void 0 ? 'left' : _c, minDate = _a.minDate, maxDate = _a.maxDate, _d = _a.valueFrom, valueFrom = _d === void 0 ? '' : _d, _e = _a.valueTo, valueTo = _e === void 0 ? '' : _e, _f = _a.onDateFromChange, onDateFromChange = _f === void 0 ? function () { return null; } : _f, _g = _a.onDateToChange, onDateToChange = _g === void 0 ? function () { return null; } : _g, _h = _a.onChange, onChange = _h === void 0 ? function () { return null; } : _h, _j = _a.inputFromProps, inputFromProps = _j === void 0 ? {} : _j, _k = _a.inputToProps, inputToProps = _k === void 0 ? {} : _k, offDays = _a.offDays, events = _a.events, dataTestId = _a.dataTestId;
+    var _l = useState(valueFrom), inputFromValue = _l[0], setInputFromValue = _l[1];
+    var _m = useState(valueTo), inputToValue = _m[0], setInputToValue = _m[1];
     var dateFrom = isValidInputValue(inputFromValue, minDate, maxDate, offDays)
         ? parseDateString(inputFromValue).getTime()
         : null;
@@ -30,20 +30,21 @@ var CalendarRangeStatic = function (_a) {
     var bothInvalid = isCompleteDateInput(inputFromValue) &&
         isCompleteDateInput(inputToValue) &&
         parseDateString(inputFromValue).getTime() > parseDateString(inputToValue).getTime();
-    var _m = useState(undefined), highlightedDate = _m[0], setHighlightedDate = _m[1];
+    var _o = useState(undefined), highlightedDate = _o[0], setHighlightedDate = _o[1];
     var period = usePeriodWithReset({
         initialSelectedFrom: dateFrom ? parseDateString(inputFromValue).getTime() : undefined,
         initialSelectedTo: dateTo ? parseDateString(inputToValue).getTime() : undefined,
     });
     var validateInputFromValue = useCallback(function (value) { return isValidInputValue(value, minDate, dateFrom || maxDate, offDays); }, [dateFrom, maxDate, minDate, offDays]);
     var validateInputToValue = useCallback(function (value) { return isValidInputValue(value, dateFrom || minDate, maxDate, offDays); }, [dateFrom, minDate, maxDate, offDays]);
-    var _o = useState(validateInputFromValue(inputFromValue) === false), inputFromInvalid = _o[0], setInputFromInvalid = _o[1];
-    var _p = useState(validateInputToValue(inputToValue) === false), inputToInvalid = _p[0], setInputToInvalid = _p[1];
-    var _q = useStaticViewMonthes({
+    var _p = useState(validateInputFromValue(inputFromValue) === false), inputFromInvalid = _p[0], setInputFromInvalid = _p[1];
+    var _q = useState(validateInputToValue(inputToValue) === false), inputToInvalid = _q[0], setInputToInvalid = _q[1];
+    var _r = useStaticViewMonthes({
         selectedFrom: period.selectedFrom,
         selectedTo: period.selectedTo,
         defaultMonth: defaultMonth,
-    }), monthFrom = _q.monthFrom, monthTo = _q.monthTo, handleMonthFromChange = _q.handleMonthFromChange, handleMonthToChange = _q.handleMonthToChange;
+        defaultMonthPosition: defaultMonthPosition,
+    }), monthFrom = _r.monthFrom, monthTo = _r.monthTo, handleMonthFromChange = _r.handleMonthFromChange, handleMonthToChange = _r.handleMonthToChange;
     var handleValidInputFrom = useCallback(function () {
         setInputFromInvalid(inputFromValue !== '' && !validateInputFromValue(inputFromValue));
     }, [inputFromValue, validateInputFromValue]);

package/calendar-range/hooks.d.ts

@@ -9,10 +9,11 @@ declare function usePopoverViewMonthes({ dateFrom, dateTo, defaultMonth, resetKe
     handleMonthFromChange: (newMonthFrom: number) => void;
     handleMonthToChange: (newMonthTo: number) => void;
 };
-declare function useStaticViewMonthes({ selectedFrom, selectedTo, defaultMonth, }: {
+declare function useStaticViewMonthes({ selectedFrom, selectedTo, defaultMonth, defaultMonthPosition, }: {
     selectedFrom?: number;
     selectedTo?: number;
     defaultMonth: number;
+    defaultMonthPosition?: 'left' | 'right';
 }): {
     monthFrom: number;
     monthTo: number;

package/calendar-range/hooks.js

@@ -48,7 +48,7 @@ function usePopoverViewMonthes(_a) {
     };
 }
 function useStaticViewMonthes(_a) {
-    var selectedFrom = _a.selectedFrom, selectedTo = _a.selectedTo, defaultMonth = _a.defaultMonth;
+    var selectedFrom = _a.selectedFrom, selectedTo = _a.selectedTo, defaultMonth = _a.defaultMonth, defaultMonthPosition = _a.defaultMonthPosition;
     /**
      * Если указана начальная дата — левый месяц равен ей, иначе используется дата конца.
      * Если обе даты не указаны, то используется дефолтный месяц
@@ -67,6 +67,10 @@ function useStaticViewMonthes(_a) {
     }, 
     // eslint-disable-next-line react-hooks/exhaustive-deps
     []);
+    if (defaultMonthPosition === 'right') {
+        initialMonthTo = initialMonthFrom;
+        initialMonthFrom = subMonths__default['default'](initialMonthFrom, 1).getTime();
+    }
     var _b = React.useState(initialMonthFrom), monthFrom = _b[0], setMonthFrom = _b[1];
     var _c = React.useState(initialMonthTo), monthTo = _c[0], setMonthTo = _c[1];
     var handleMonthFromChange = React.useCallback(function (newMonthFrom) {

package/calendar-range/index.js

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-require('./index.module-3cdbd49d.js');
+require('./index.module-889d9a0e.js');
 require('react');
 require('classnames');
 require('date-fns/startOfMonth');