@alfalab/core-components-calendar-input 8.2.28 → 8.2.29

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (12) hide show
  1. package/components/calendar-input/Component.d.ts +4 -0
  2. package/components/calendar-input/Component.js +3 -3
  3. package/components/calendar-input/index.css +11 -11
  4. package/cssm/components/calendar-input/Component.d.ts +4 -0
  5. package/cssm/components/calendar-input/Component.js +2 -2
  6. package/esm/components/calendar-input/Component.d.ts +4 -0
  7. package/esm/components/calendar-input/Component.js +3 -3
  8. package/esm/components/calendar-input/index.css +11 -11
  9. package/modern/components/calendar-input/Component.d.ts +4 -0
  10. package/modern/components/calendar-input/Component.js +2 -2
  11. package/modern/components/calendar-input/index.css +11 -11
  12. package/package.json +2 -2
package/components/calendar-input/Component.d.ts CHANGED
@@ -125,7 +125,11 @@ declare const CalendarInput: React.ForwardRefExoticComponent<Omit<DateInputProps
125
125
  open: boolean;
126
126
  title?: string | undefined;
127
127
  onClose?: (() => void) | undefined;
128
+ onMonthTitleClick?: ((event: React.MouseEvent<HTMLSpanElement, globalThis.MouseEvent>) => void) | undefined;
128
129
  yearsAmount?: number | undefined;
130
+ /**
131
+ * Минимальная дата, доступная для выбора (timestamp)
132
+ */
129
133
  hasHeader?: boolean | undefined;
130
134
  allowSelectionFromEmptyRange?: boolean | undefined;
131
135
  } & Record<string, unknown>) | undefined;
package/components/calendar-input/Component.js CHANGED
@@ -21,13 +21,13 @@ var React__default = /*#__PURE__*/_interopDefaultCompat(React);
21
21
  var mergeRefs__default = /*#__PURE__*/_interopDefaultCompat(mergeRefs);
22
22
  var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
23
23
 
24
- var styles = {"component":"calendar-input__component_11ssv","block":"calendar-input__block_11ssv","calendarContainer":"calendar-input__calendarContainer_11ssv","calendarResponsive":"calendar-input__calendarResponsive_11ssv","calendarIcon":"calendar-input__calendarIcon_11ssv","nativeInput":"calendar-input__nativeInput_11ssv"};
24
+ var styles = {"component":"calendar-input__component_1di2e","block":"calendar-input__block_1di2e","calendarContainer":"calendar-input__calendarContainer_1di2e","calendarResponsive":"calendar-input__calendarResponsive_1di2e","calendarIcon":"calendar-input__calendarIcon_1di2e","nativeInput":"calendar-input__nativeInput_1di2e"};
25
25
  require('./index.css')
26
26
 
27
27
  var CalendarInput = React.forwardRef(function (_a, ref) {
28
28
  var _b, _c;
29
29
  var _d;
30
- var _e = _a.block, block = _e === void 0 ? false : _e, className = _a.className; _a.inputClassName; var popoverClassName = _a.popoverClassName, _f = _a.defaultOpen, defaultOpen = _f === void 0 ? false : _f, defaultMonth = _a.defaultMonth, _g = _a.defaultValue, defaultValue = _g === void 0 ? '' : _g, _h = _a.calendarPosition, calendarPosition = _h === void 0 ? 'popover' : _h, value = _a.value, dataTestId = _a.dataTestId, _j = _a.calendarProps, calendarProps = _j === void 0 ? {} : _j, _k = _a.minDate, minDate = _k === void 0 ? calendarProps.minDate : _k, _l = _a.maxDate, maxDate = _l === void 0 ? calendarProps.maxDate : _l, _m = _a.offDays, offDays = _m === void 0 ? calendarProps.offDays || [] : _m, _o = _a.events, events = _o === void 0 ? calendarProps.events || [] : _o, preventFlip = _a.preventFlip, _p = _a.mobileMode, mobileMode = _p === void 0 ? 'popover' : _p, _q = _a.wrapperRef, wrapperRef = _q === void 0 ? null : _q, disabled = _a.disabled, _r = _a.onChange, onChange = _r === void 0 ? function () { return null; } : _r, onInputChange = _a.onInputChange, onCalendarChange = _a.onCalendarChange, onKeyDown = _a.onKeyDown, readOnly = _a.readOnly, _s = _a.Calendar, Calendar = _s === void 0 ? coreComponentsCalendar.Calendar : _s, _t = _a.popoverPosition, popoverPosition = _t === void 0 ? 'bottom-start' : _t, zIndexPopover = _a.zIndexPopover, useAnchorWidth = _a.useAnchorWidth, rightAddons = _a.rightAddons, error = _a.error, _u = _a.view, view = _u === void 0 ? 'desktop' : _u, restProps = tslib.__rest(_a, ["block", "className", "inputClassName", "popoverClassName", "defaultOpen", "defaultMonth", "defaultValue", "calendarPosition", "value", "dataTestId", "calendarProps", "minDate", "maxDate", "offDays", "events", "preventFlip", "mobileMode", "wrapperRef", "disabled", "onChange", "onInputChange", "onCalendarChange", "onKeyDown", "readOnly", "Calendar", "popoverPosition", "zIndexPopover", "useAnchorWidth", "rightAddons", "error", "view"]);
30
+ var _e = _a.block, block = _e === void 0 ? false : _e, className = _a.className, inputClassName = _a.inputClassName, popoverClassName = _a.popoverClassName, _f = _a.defaultOpen, defaultOpen = _f === void 0 ? false : _f, defaultMonth = _a.defaultMonth, _g = _a.defaultValue, defaultValue = _g === void 0 ? '' : _g, _h = _a.calendarPosition, calendarPosition = _h === void 0 ? 'popover' : _h, value = _a.value, dataTestId = _a.dataTestId, _j = _a.calendarProps, calendarProps = _j === void 0 ? {} : _j, _k = _a.minDate, minDate = _k === void 0 ? calendarProps.minDate : _k, _l = _a.maxDate, maxDate = _l === void 0 ? calendarProps.maxDate : _l, _m = _a.offDays, offDays = _m === void 0 ? calendarProps.offDays || [] : _m, _o = _a.events, events = _o === void 0 ? calendarProps.events || [] : _o, preventFlip = _a.preventFlip, _p = _a.mobileMode, mobileMode = _p === void 0 ? 'popover' : _p, _q = _a.wrapperRef, wrapperRef = _q === void 0 ? null : _q, disabled = _a.disabled, _r = _a.onChange, onChange = _r === void 0 ? function () { return null; } : _r, onInputChange = _a.onInputChange, onCalendarChange = _a.onCalendarChange, onKeyDown = _a.onKeyDown, readOnly = _a.readOnly, _s = _a.Calendar, Calendar = _s === void 0 ? coreComponentsCalendar.Calendar : _s, _t = _a.popoverPosition, popoverPosition = _t === void 0 ? 'bottom-start' : _t, zIndexPopover = _a.zIndexPopover, useAnchorWidth = _a.useAnchorWidth, rightAddons = _a.rightAddons, error = _a.error, _u = _a.view, view = _u === void 0 ? 'desktop' : _u, restProps = tslib.__rest(_a, ["block", "className", "inputClassName", "popoverClassName", "defaultOpen", "defaultMonth", "defaultValue", "calendarPosition", "value", "dataTestId", "calendarProps", "minDate", "maxDate", "offDays", "events", "preventFlip", "mobileMode", "wrapperRef", "disabled", "onChange", "onInputChange", "onCalendarChange", "onKeyDown", "readOnly", "Calendar", "popoverPosition", "zIndexPopover", "useAnchorWidth", "rightAddons", "error", "view"]);
31
31
  var calendarResponsive = (_d = calendarProps === null || calendarProps === void 0 ? void 0 : calendarProps.responsive) !== null && _d !== void 0 ? _d : true;
32
32
  var shouldRenderNative = utils.SUPPORTS_INPUT_TYPE_DATE && mobileMode === 'native';
33
33
  var shouldRenderOnlyInput = mobileMode === 'input';
@@ -133,7 +133,7 @@ var CalendarInput = React.forwardRef(function (_a, ref) {
133
133
  React__default.default.createElement("div", { className: cn__default.default(styles.component, className, (_b = {},
134
134
  _b[styles.block] = block,
135
135
  _b)), tabIndex: -1, onKeyDown: inputDisabled ? undefined : handleKeyDown, onClick: inputDisabled ? undefined : handleClick, onFocus: inputDisabled ? undefined : handleFocus, onBlur: handleBlur, "data-test-id": dataTestId },
136
- React__default.default.createElement(coreComponentsDateInput.DateInput, tslib.__assign({}, restProps, { ref: ref, wrapperRef: mergeRefs__default.default([wrapperRef, inputWrapperRef]), value: inputValue, defaultValue: defaultValue, disabled: disabled, readOnly: readOnly, mobileMode: mobileMode === 'native' ? 'native' : 'input', error: error, rightAddons: React__default.default.createElement(React__default.default.Fragment, null,
136
+ React__default.default.createElement(coreComponentsDateInput.DateInput, tslib.__assign({}, restProps, { ref: ref, wrapperRef: mergeRefs__default.default([wrapperRef, inputWrapperRef]), value: inputValue, defaultValue: defaultValue, disabled: disabled, inputClassName: inputClassName, readOnly: readOnly, mobileMode: mobileMode === 'native' ? 'native' : 'input', error: error, rightAddons: React__default.default.createElement(React__default.default.Fragment, null,
137
137
  rightAddons,
138
138
  shouldRenderPopover && (React__default.default.createElement(CalendarMIcon.CalendarMIcon, { className: styles.calendarIcon }))), onKeyDown: handleInputKeyDown, onChange: handleInputChange, block: true })),
139
139
  shouldRenderStatic && renderCalendar(),
package/components/calendar-input/index.css CHANGED
@@ -1,4 +1,4 @@
1
- /* hash: 1lrt7 */
1
+ /* hash: 10eil */
2
2
  :root {
3
3
  } /* deprecated */ :root {
4
4
  --color-light-border-secondary: #e9e9eb;
@@ -43,31 +43,31 @@
43
43
  } :root {
44
44
  --calendar-input-icon-color: var(--color-light-graphic-primary);
45
45
  --calendar-input-popover-border-radius: var(--border-radius-m);
46
- } .calendar-input__component_11ssv {
46
+ } .calendar-input__component_1di2e {
47
47
  display: inline-block;
48
48
  outline: none;
49
49
  position: relative;
50
- } .calendar-input__block_11ssv {
50
+ } .calendar-input__block_1di2e {
51
51
  width: 100%;
52
- } .calendar-input__calendarContainer_11ssv {
52
+ } .calendar-input__calendarContainer_1di2e {
53
53
  display: inline-block;
54
54
  box-sizing: border-box;
55
55
  border-radius: var(--calendar-input-popover-border-radius);
56
56
  border: 1px solid var(--color-light-border-secondary)
57
- } @media (max-width: 374px) { .calendar-input__calendarContainer_11ssv {
57
+ } @media (max-width: 374px) { .calendar-input__calendarContainer_1di2e {
58
58
  width: 100%;
59
59
  min-width: 288px
60
60
  }
61
- } .calendar-input__calendarResponsive_11ssv {
61
+ } .calendar-input__calendarResponsive_1di2e {
62
62
  width: var(--calendar-width);
63
- } .calendar-input__calendarIcon_11ssv {
63
+ } .calendar-input__calendarIcon_1di2e {
64
64
  width: 24px;
65
65
  height: 24px;
66
66
  display: block;
67
67
  color: var(--calendar-input-icon-color)
68
- } .calendar-input__calendarIcon_11ssv:not(:only-child) {
68
+ } .calendar-input__calendarIcon_1di2e:not(:only-child) {
69
69
  margin-right: var(--gap-2xs);
70
- } .calendar-input__nativeInput_11ssv {
70
+ } .calendar-input__nativeInput_1di2e {
71
71
  opacity: 0;
72
72
  position: absolute;
73
73
  top: 0;
@@ -77,8 +77,8 @@
77
77
  -webkit-appearance: none;
78
78
  appearance: none;
79
79
  z-index: 1
80
- } .calendar-input__nativeInput_11ssv::-webkit-calendar-picker-indicator {
80
+ } .calendar-input__nativeInput_1di2e::-webkit-calendar-picker-indicator {
81
81
  display: none;
82
- } .calendar-input__nativeInput_11ssv::-webkit-inner-spin-button {
82
+ } .calendar-input__nativeInput_1di2e::-webkit-inner-spin-button {
83
83
  display: none;
84
84
  }
package/cssm/components/calendar-input/Component.d.ts CHANGED
@@ -125,7 +125,11 @@ declare const CalendarInput: React.ForwardRefExoticComponent<Omit<DateInputProps
125
125
  open: boolean;
126
126
  title?: string | undefined;
127
127
  onClose?: (() => void) | undefined;
128
+ onMonthTitleClick?: ((event: React.MouseEvent<HTMLSpanElement, globalThis.MouseEvent>) => void) | undefined;
128
129
  yearsAmount?: number | undefined;
130
+ /**
131
+ * Минимальная дата, доступная для выбора (timestamp)
132
+ */
129
133
  hasHeader?: boolean | undefined;
130
134
  allowSelectionFromEmptyRange?: boolean | undefined;
131
135
  } & Record<string, unknown>) | undefined;
package/cssm/components/calendar-input/Component.js CHANGED
@@ -26,7 +26,7 @@ var styles__default = /*#__PURE__*/_interopDefaultCompat(styles);
26
26
  var CalendarInput = React.forwardRef(function (_a, ref) {
27
27
  var _b, _c;
28
28
  var _d;
29
- var _e = _a.block, block = _e === void 0 ? false : _e, className = _a.className; _a.inputClassName; var popoverClassName = _a.popoverClassName, _f = _a.defaultOpen, defaultOpen = _f === void 0 ? false : _f, defaultMonth = _a.defaultMonth, _g = _a.defaultValue, defaultValue = _g === void 0 ? '' : _g, _h = _a.calendarPosition, calendarPosition = _h === void 0 ? 'popover' : _h, value = _a.value, dataTestId = _a.dataTestId, _j = _a.calendarProps, calendarProps = _j === void 0 ? {} : _j, _k = _a.minDate, minDate = _k === void 0 ? calendarProps.minDate : _k, _l = _a.maxDate, maxDate = _l === void 0 ? calendarProps.maxDate : _l, _m = _a.offDays, offDays = _m === void 0 ? calendarProps.offDays || [] : _m, _o = _a.events, events = _o === void 0 ? calendarProps.events || [] : _o, preventFlip = _a.preventFlip, _p = _a.mobileMode, mobileMode = _p === void 0 ? 'popover' : _p, _q = _a.wrapperRef, wrapperRef = _q === void 0 ? null : _q, disabled = _a.disabled, _r = _a.onChange, onChange = _r === void 0 ? function () { return null; } : _r, onInputChange = _a.onInputChange, onCalendarChange = _a.onCalendarChange, onKeyDown = _a.onKeyDown, readOnly = _a.readOnly, _s = _a.Calendar, Calendar = _s === void 0 ? coreComponentsCalendar.Calendar : _s, _t = _a.popoverPosition, popoverPosition = _t === void 0 ? 'bottom-start' : _t, zIndexPopover = _a.zIndexPopover, useAnchorWidth = _a.useAnchorWidth, rightAddons = _a.rightAddons, error = _a.error, _u = _a.view, view = _u === void 0 ? 'desktop' : _u, restProps = tslib.__rest(_a, ["block", "className", "inputClassName", "popoverClassName", "defaultOpen", "defaultMonth", "defaultValue", "calendarPosition", "value", "dataTestId", "calendarProps", "minDate", "maxDate", "offDays", "events", "preventFlip", "mobileMode", "wrapperRef", "disabled", "onChange", "onInputChange", "onCalendarChange", "onKeyDown", "readOnly", "Calendar", "popoverPosition", "zIndexPopover", "useAnchorWidth", "rightAddons", "error", "view"]);
29
+ var _e = _a.block, block = _e === void 0 ? false : _e, className = _a.className, inputClassName = _a.inputClassName, popoverClassName = _a.popoverClassName, _f = _a.defaultOpen, defaultOpen = _f === void 0 ? false : _f, defaultMonth = _a.defaultMonth, _g = _a.defaultValue, defaultValue = _g === void 0 ? '' : _g, _h = _a.calendarPosition, calendarPosition = _h === void 0 ? 'popover' : _h, value = _a.value, dataTestId = _a.dataTestId, _j = _a.calendarProps, calendarProps = _j === void 0 ? {} : _j, _k = _a.minDate, minDate = _k === void 0 ? calendarProps.minDate : _k, _l = _a.maxDate, maxDate = _l === void 0 ? calendarProps.maxDate : _l, _m = _a.offDays, offDays = _m === void 0 ? calendarProps.offDays || [] : _m, _o = _a.events, events = _o === void 0 ? calendarProps.events || [] : _o, preventFlip = _a.preventFlip, _p = _a.mobileMode, mobileMode = _p === void 0 ? 'popover' : _p, _q = _a.wrapperRef, wrapperRef = _q === void 0 ? null : _q, disabled = _a.disabled, _r = _a.onChange, onChange = _r === void 0 ? function () { return null; } : _r, onInputChange = _a.onInputChange, onCalendarChange = _a.onCalendarChange, onKeyDown = _a.onKeyDown, readOnly = _a.readOnly, _s = _a.Calendar, Calendar = _s === void 0 ? coreComponentsCalendar.Calendar : _s, _t = _a.popoverPosition, popoverPosition = _t === void 0 ? 'bottom-start' : _t, zIndexPopover = _a.zIndexPopover, useAnchorWidth = _a.useAnchorWidth, rightAddons = _a.rightAddons, error = _a.error, _u = _a.view, view = _u === void 0 ? 'desktop' : _u, restProps = tslib.__rest(_a, ["block", "className", "inputClassName", "popoverClassName", "defaultOpen", "defaultMonth", "defaultValue", "calendarPosition", "value", "dataTestId", "calendarProps", "minDate", "maxDate", "offDays", "events", "preventFlip", "mobileMode", "wrapperRef", "disabled", "onChange", "onInputChange", "onCalendarChange", "onKeyDown", "readOnly", "Calendar", "popoverPosition", "zIndexPopover", "useAnchorWidth", "rightAddons", "error", "view"]);
30
30
  var calendarResponsive = (_d = calendarProps === null || calendarProps === void 0 ? void 0 : calendarProps.responsive) !== null && _d !== void 0 ? _d : true;
31
31
  var shouldRenderNative = utils.SUPPORTS_INPUT_TYPE_DATE && mobileMode === 'native';
32
32
  var shouldRenderOnlyInput = mobileMode === 'input';
@@ -132,7 +132,7 @@ var CalendarInput = React.forwardRef(function (_a, ref) {
132
132
  React__default.default.createElement("div", { className: cn__default.default(styles__default.default.component, className, (_b = {},
133
133
  _b[styles__default.default.block] = block,
134
134
  _b)), tabIndex: -1, onKeyDown: inputDisabled ? undefined : handleKeyDown, onClick: inputDisabled ? undefined : handleClick, onFocus: inputDisabled ? undefined : handleFocus, onBlur: handleBlur, "data-test-id": dataTestId },
135
- React__default.default.createElement(coreComponentsDateInput.DateInput, tslib.__assign({}, restProps, { ref: ref, wrapperRef: mergeRefs__default.default([wrapperRef, inputWrapperRef]), value: inputValue, defaultValue: defaultValue, disabled: disabled, readOnly: readOnly, mobileMode: mobileMode === 'native' ? 'native' : 'input', error: error, rightAddons: React__default.default.createElement(React__default.default.Fragment, null,
135
+ React__default.default.createElement(coreComponentsDateInput.DateInput, tslib.__assign({}, restProps, { ref: ref, wrapperRef: mergeRefs__default.default([wrapperRef, inputWrapperRef]), value: inputValue, defaultValue: defaultValue, disabled: disabled, inputClassName: inputClassName, readOnly: readOnly, mobileMode: mobileMode === 'native' ? 'native' : 'input', error: error, rightAddons: React__default.default.createElement(React__default.default.Fragment, null,
136
136
  rightAddons,
137
137
  shouldRenderPopover && (React__default.default.createElement(CalendarMIcon.CalendarMIcon, { className: styles__default.default.calendarIcon }))), onKeyDown: handleInputKeyDown, onChange: handleInputChange, block: true })),
138
138
  shouldRenderStatic && renderCalendar(),
package/esm/components/calendar-input/Component.d.ts CHANGED
@@ -125,7 +125,11 @@ declare const CalendarInput: React.ForwardRefExoticComponent<Omit<DateInputProps
125
125
  open: boolean;
126
126
  title?: string | undefined;
127
127
  onClose?: (() => void) | undefined;
128
+ onMonthTitleClick?: ((event: React.MouseEvent<HTMLSpanElement, globalThis.MouseEvent>) => void) | undefined;
128
129
  yearsAmount?: number | undefined;
130
+ /**
131
+ * Минимальная дата, доступная для выбора (timestamp)
132
+ */
129
133
  hasHeader?: boolean | undefined;
130
134
  allowSelectionFromEmptyRange?: boolean | undefined;
131
135
  } & Record<string, unknown>) | undefined;
package/esm/components/calendar-input/Component.js CHANGED
@@ -11,13 +11,13 @@ import 'date-fns/format';
11
11
  import 'date-fns/isSameDay';
12
12
  import 'date-fns/parse';
13
13
 
14
- var styles = {"component":"calendar-input__component_11ssv","block":"calendar-input__block_11ssv","calendarContainer":"calendar-input__calendarContainer_11ssv","calendarResponsive":"calendar-input__calendarResponsive_11ssv","calendarIcon":"calendar-input__calendarIcon_11ssv","nativeInput":"calendar-input__nativeInput_11ssv"};
14
+ var styles = {"component":"calendar-input__component_1di2e","block":"calendar-input__block_1di2e","calendarContainer":"calendar-input__calendarContainer_1di2e","calendarResponsive":"calendar-input__calendarResponsive_1di2e","calendarIcon":"calendar-input__calendarIcon_1di2e","nativeInput":"calendar-input__nativeInput_1di2e"};
15
15
  require('./index.css')
16
16
 
17
17
  var CalendarInput = forwardRef(function (_a, ref) {
18
18
  var _b, _c;
19
19
  var _d;
20
- var _e = _a.block, block = _e === void 0 ? false : _e, className = _a.className; _a.inputClassName; var popoverClassName = _a.popoverClassName, _f = _a.defaultOpen, defaultOpen = _f === void 0 ? false : _f, defaultMonth = _a.defaultMonth, _g = _a.defaultValue, defaultValue = _g === void 0 ? '' : _g, _h = _a.calendarPosition, calendarPosition = _h === void 0 ? 'popover' : _h, value = _a.value, dataTestId = _a.dataTestId, _j = _a.calendarProps, calendarProps = _j === void 0 ? {} : _j, _k = _a.minDate, minDate = _k === void 0 ? calendarProps.minDate : _k, _l = _a.maxDate, maxDate = _l === void 0 ? calendarProps.maxDate : _l, _m = _a.offDays, offDays = _m === void 0 ? calendarProps.offDays || [] : _m, _o = _a.events, events = _o === void 0 ? calendarProps.events || [] : _o, preventFlip = _a.preventFlip, _p = _a.mobileMode, mobileMode = _p === void 0 ? 'popover' : _p, _q = _a.wrapperRef, wrapperRef = _q === void 0 ? null : _q, disabled = _a.disabled, _r = _a.onChange, onChange = _r === void 0 ? function () { return null; } : _r, onInputChange = _a.onInputChange, onCalendarChange = _a.onCalendarChange, onKeyDown = _a.onKeyDown, readOnly = _a.readOnly, _s = _a.Calendar, Calendar$1 = _s === void 0 ? Calendar : _s, _t = _a.popoverPosition, popoverPosition = _t === void 0 ? 'bottom-start' : _t, zIndexPopover = _a.zIndexPopover, useAnchorWidth = _a.useAnchorWidth, rightAddons = _a.rightAddons, error = _a.error, _u = _a.view, view = _u === void 0 ? 'desktop' : _u, restProps = __rest(_a, ["block", "className", "inputClassName", "popoverClassName", "defaultOpen", "defaultMonth", "defaultValue", "calendarPosition", "value", "dataTestId", "calendarProps", "minDate", "maxDate", "offDays", "events", "preventFlip", "mobileMode", "wrapperRef", "disabled", "onChange", "onInputChange", "onCalendarChange", "onKeyDown", "readOnly", "Calendar", "popoverPosition", "zIndexPopover", "useAnchorWidth", "rightAddons", "error", "view"]);
20
+ var _e = _a.block, block = _e === void 0 ? false : _e, className = _a.className, inputClassName = _a.inputClassName, popoverClassName = _a.popoverClassName, _f = _a.defaultOpen, defaultOpen = _f === void 0 ? false : _f, defaultMonth = _a.defaultMonth, _g = _a.defaultValue, defaultValue = _g === void 0 ? '' : _g, _h = _a.calendarPosition, calendarPosition = _h === void 0 ? 'popover' : _h, value = _a.value, dataTestId = _a.dataTestId, _j = _a.calendarProps, calendarProps = _j === void 0 ? {} : _j, _k = _a.minDate, minDate = _k === void 0 ? calendarProps.minDate : _k, _l = _a.maxDate, maxDate = _l === void 0 ? calendarProps.maxDate : _l, _m = _a.offDays, offDays = _m === void 0 ? calendarProps.offDays || [] : _m, _o = _a.events, events = _o === void 0 ? calendarProps.events || [] : _o, preventFlip = _a.preventFlip, _p = _a.mobileMode, mobileMode = _p === void 0 ? 'popover' : _p, _q = _a.wrapperRef, wrapperRef = _q === void 0 ? null : _q, disabled = _a.disabled, _r = _a.onChange, onChange = _r === void 0 ? function () { return null; } : _r, onInputChange = _a.onInputChange, onCalendarChange = _a.onCalendarChange, onKeyDown = _a.onKeyDown, readOnly = _a.readOnly, _s = _a.Calendar, Calendar$1 = _s === void 0 ? Calendar : _s, _t = _a.popoverPosition, popoverPosition = _t === void 0 ? 'bottom-start' : _t, zIndexPopover = _a.zIndexPopover, useAnchorWidth = _a.useAnchorWidth, rightAddons = _a.rightAddons, error = _a.error, _u = _a.view, view = _u === void 0 ? 'desktop' : _u, restProps = __rest(_a, ["block", "className", "inputClassName", "popoverClassName", "defaultOpen", "defaultMonth", "defaultValue", "calendarPosition", "value", "dataTestId", "calendarProps", "minDate", "maxDate", "offDays", "events", "preventFlip", "mobileMode", "wrapperRef", "disabled", "onChange", "onInputChange", "onCalendarChange", "onKeyDown", "readOnly", "Calendar", "popoverPosition", "zIndexPopover", "useAnchorWidth", "rightAddons", "error", "view"]);
21
21
  var calendarResponsive = (_d = calendarProps === null || calendarProps === void 0 ? void 0 : calendarProps.responsive) !== null && _d !== void 0 ? _d : true;
22
22
  var shouldRenderNative = SUPPORTS_INPUT_TYPE_DATE && mobileMode === 'native';
23
23
  var shouldRenderOnlyInput = mobileMode === 'input';
@@ -123,7 +123,7 @@ var CalendarInput = forwardRef(function (_a, ref) {
123
123
  React.createElement("div", { className: cn(styles.component, className, (_b = {},
124
124
  _b[styles.block] = block,
125
125
  _b)), tabIndex: -1, onKeyDown: inputDisabled ? undefined : handleKeyDown, onClick: inputDisabled ? undefined : handleClick, onFocus: inputDisabled ? undefined : handleFocus, onBlur: handleBlur, "data-test-id": dataTestId },
126
- React.createElement(DateInput, __assign({}, restProps, { ref: ref, wrapperRef: mergeRefs([wrapperRef, inputWrapperRef]), value: inputValue, defaultValue: defaultValue, disabled: disabled, readOnly: readOnly, mobileMode: mobileMode === 'native' ? 'native' : 'input', error: error, rightAddons: React.createElement(React.Fragment, null,
126
+ React.createElement(DateInput, __assign({}, restProps, { ref: ref, wrapperRef: mergeRefs([wrapperRef, inputWrapperRef]), value: inputValue, defaultValue: defaultValue, disabled: disabled, inputClassName: inputClassName, readOnly: readOnly, mobileMode: mobileMode === 'native' ? 'native' : 'input', error: error, rightAddons: React.createElement(React.Fragment, null,
127
127
  rightAddons,
128
128
  shouldRenderPopover && (React.createElement(CalendarMIcon, { className: styles.calendarIcon }))), onKeyDown: handleInputKeyDown, onChange: handleInputChange, block: true })),
129
129
  shouldRenderStatic && renderCalendar(),
package/esm/components/calendar-input/index.css CHANGED
@@ -1,4 +1,4 @@
1
- /* hash: 1lrt7 */
1
+ /* hash: 10eil */
2
2
  :root {
3
3
  } /* deprecated */ :root {
4
4
  --color-light-border-secondary: #e9e9eb;
@@ -43,31 +43,31 @@
43
43
  } :root {
44
44
  --calendar-input-icon-color: var(--color-light-graphic-primary);
45
45
  --calendar-input-popover-border-radius: var(--border-radius-m);
46
- } .calendar-input__component_11ssv {
46
+ } .calendar-input__component_1di2e {
47
47
  display: inline-block;
48
48
  outline: none;
49
49
  position: relative;
50
- } .calendar-input__block_11ssv {
50
+ } .calendar-input__block_1di2e {
51
51
  width: 100%;
52
- } .calendar-input__calendarContainer_11ssv {
52
+ } .calendar-input__calendarContainer_1di2e {
53
53
  display: inline-block;
54
54
  box-sizing: border-box;
55
55
  border-radius: var(--calendar-input-popover-border-radius);
56
56
  border: 1px solid var(--color-light-border-secondary)
57
- } @media (max-width: 374px) { .calendar-input__calendarContainer_11ssv {
57
+ } @media (max-width: 374px) { .calendar-input__calendarContainer_1di2e {
58
58
  width: 100%;
59
59
  min-width: 288px
60
60
  }
61
- } .calendar-input__calendarResponsive_11ssv {
61
+ } .calendar-input__calendarResponsive_1di2e {
62
62
  width: var(--calendar-width);
63
- } .calendar-input__calendarIcon_11ssv {
63
+ } .calendar-input__calendarIcon_1di2e {
64
64
  width: 24px;
65
65
  height: 24px;
66
66
  display: block;
67
67
  color: var(--calendar-input-icon-color)
68
- } .calendar-input__calendarIcon_11ssv:not(:only-child) {
68
+ } .calendar-input__calendarIcon_1di2e:not(:only-child) {
69
69
  margin-right: var(--gap-2xs);
70
- } .calendar-input__nativeInput_11ssv {
70
+ } .calendar-input__nativeInput_1di2e {
71
71
  opacity: 0;
72
72
  position: absolute;
73
73
  top: 0;
@@ -77,8 +77,8 @@
77
77
  -webkit-appearance: none;
78
78
  appearance: none;
79
79
  z-index: 1
80
- } .calendar-input__nativeInput_11ssv::-webkit-calendar-picker-indicator {
80
+ } .calendar-input__nativeInput_1di2e::-webkit-calendar-picker-indicator {
81
81
  display: none;
82
- } .calendar-input__nativeInput_11ssv::-webkit-inner-spin-button {
82
+ } .calendar-input__nativeInput_1di2e::-webkit-inner-spin-button {
83
83
  display: none;
84
84
  }
package/modern/components/calendar-input/Component.d.ts CHANGED
@@ -125,7 +125,11 @@ declare const CalendarInput: React.ForwardRefExoticComponent<Omit<DateInputProps
125
125
  open: boolean;
126
126
  title?: string | undefined;
127
127
  onClose?: (() => void) | undefined;
128
+ onMonthTitleClick?: ((event: React.MouseEvent<HTMLSpanElement, globalThis.MouseEvent>) => void) | undefined;
128
129
  yearsAmount?: number | undefined;
130
+ /**
131
+ * Минимальная дата, доступная для выбора (timestamp)
132
+ */
129
133
  hasHeader?: boolean | undefined;
130
134
  allowSelectionFromEmptyRange?: boolean | undefined;
131
135
  } & Record<string, unknown>) | undefined;
package/modern/components/calendar-input/Component.js CHANGED
@@ -10,7 +10,7 @@ import 'date-fns/format';
10
10
  import 'date-fns/isSameDay';
11
11
  import 'date-fns/parse';
12
12
 
13
- const styles = {"component":"calendar-input__component_11ssv","block":"calendar-input__block_11ssv","calendarContainer":"calendar-input__calendarContainer_11ssv","calendarResponsive":"calendar-input__calendarResponsive_11ssv","calendarIcon":"calendar-input__calendarIcon_11ssv","nativeInput":"calendar-input__nativeInput_11ssv"};
13
+ const styles = {"component":"calendar-input__component_1di2e","block":"calendar-input__block_1di2e","calendarContainer":"calendar-input__calendarContainer_1di2e","calendarResponsive":"calendar-input__calendarResponsive_1di2e","calendarIcon":"calendar-input__calendarIcon_1di2e","nativeInput":"calendar-input__nativeInput_1di2e"};
14
14
  require('./index.css')
15
15
 
16
16
  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, view = 'desktop', ...restProps }, ref) => {
@@ -117,7 +117,7 @@ const CalendarInput = forwardRef(({ block = false, className, inputClassName, po
117
117
  React.createElement("div", { className: cn(styles.component, className, {
118
118
  [styles.block]: block,
119
119
  }), tabIndex: -1, onKeyDown: inputDisabled ? undefined : handleKeyDown, onClick: inputDisabled ? undefined : handleClick, onFocus: inputDisabled ? undefined : handleFocus, onBlur: handleBlur, "data-test-id": dataTestId },
120
- React.createElement(DateInput, { ...restProps, ref: ref, wrapperRef: mergeRefs([wrapperRef, inputWrapperRef]), value: inputValue, defaultValue: defaultValue, disabled: disabled, readOnly: readOnly, mobileMode: mobileMode === 'native' ? 'native' : 'input', error: error, rightAddons: React.createElement(React.Fragment, null,
120
+ React.createElement(DateInput, { ...restProps, ref: ref, wrapperRef: mergeRefs([wrapperRef, inputWrapperRef]), value: inputValue, defaultValue: defaultValue, disabled: disabled, inputClassName: inputClassName, readOnly: readOnly, mobileMode: mobileMode === 'native' ? 'native' : 'input', error: error, rightAddons: React.createElement(React.Fragment, null,
121
121
  rightAddons,
122
122
  shouldRenderPopover && (React.createElement(CalendarMIcon, { className: styles.calendarIcon }))), onKeyDown: handleInputKeyDown, onChange: handleInputChange, block: true }),
123
123
  shouldRenderStatic && renderCalendar(),
package/modern/components/calendar-input/index.css CHANGED
@@ -1,4 +1,4 @@
1
- /* hash: 1lrt7 */
1
+ /* hash: 10eil */
2
2
  :root {
3
3
  } /* deprecated */ :root {
4
4
  --color-light-border-secondary: #e9e9eb;
@@ -43,31 +43,31 @@
43
43
  } :root {
44
44
  --calendar-input-icon-color: var(--color-light-graphic-primary);
45
45
  --calendar-input-popover-border-radius: var(--border-radius-m);
46
- } .calendar-input__component_11ssv {
46
+ } .calendar-input__component_1di2e {
47
47
  display: inline-block;
48
48
  outline: none;
49
49
  position: relative;
50
- } .calendar-input__block_11ssv {
50
+ } .calendar-input__block_1di2e {
51
51
  width: 100%;
52
- } .calendar-input__calendarContainer_11ssv {
52
+ } .calendar-input__calendarContainer_1di2e {
53
53
  display: inline-block;
54
54
  box-sizing: border-box;
55
55
  border-radius: var(--calendar-input-popover-border-radius);
56
56
  border: 1px solid var(--color-light-border-secondary)
57
- } @media (max-width: 374px) { .calendar-input__calendarContainer_11ssv {
57
+ } @media (max-width: 374px) { .calendar-input__calendarContainer_1di2e {
58
58
  width: 100%;
59
59
  min-width: 288px
60
60
  }
61
- } .calendar-input__calendarResponsive_11ssv {
61
+ } .calendar-input__calendarResponsive_1di2e {
62
62
  width: var(--calendar-width);
63
- } .calendar-input__calendarIcon_11ssv {
63
+ } .calendar-input__calendarIcon_1di2e {
64
64
  width: 24px;
65
65
  height: 24px;
66
66
  display: block;
67
67
  color: var(--calendar-input-icon-color)
68
- } .calendar-input__calendarIcon_11ssv:not(:only-child) {
68
+ } .calendar-input__calendarIcon_1di2e:not(:only-child) {
69
69
  margin-right: var(--gap-2xs);
70
- } .calendar-input__nativeInput_11ssv {
70
+ } .calendar-input__nativeInput_1di2e {
71
71
  opacity: 0;
72
72
  position: absolute;
73
73
  top: 0;
@@ -77,8 +77,8 @@
77
77
  -webkit-appearance: none;
78
78
  appearance: none;
79
79
  z-index: 1
80
- } .calendar-input__nativeInput_11ssv::-webkit-calendar-picker-indicator {
80
+ } .calendar-input__nativeInput_1di2e::-webkit-calendar-picker-indicator {
81
81
  display: none;
82
- } .calendar-input__nativeInput_11ssv::-webkit-inner-spin-button {
82
+ } .calendar-input__nativeInput_1di2e::-webkit-inner-spin-button {
83
83
  display: none;
84
84
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@alfalab/core-components-calendar-input",
3
- "version": "8.2.28",
3
+ "version": "8.2.29",
4
4
  "description": "Calendar input component",
5
5
  "keywords": [],
6
6
  "license": "MIT",
@@ -18,7 +18,7 @@
18
18
  "react-dom": "^16.9.0 || ^17.0.1 || ^18.0.0"
19
19
  },
20
20
  "dependencies": {
21
- "@alfalab/core-components-calendar": "^6.5.2",
21
+ "@alfalab/core-components-calendar": "^6.6.0",
22
22
  "@alfalab/core-components-date-input": "^4.2.9",
23
23
  "@alfalab/core-components-popover": "^6.0.8",
24
24
  "@alfalab/hooks": "^1.13.0",