colibri-ui 0.8.70 → 0.8.71

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 (15) hide show
  1. package/Calendar/Calendar.d.ts +1 -1
  2. package/Calendar/index.d.ts +1 -1
  3. package/Datepicker/components/DatePicker/index.js +33 -28
  4. package/Datepicker/components/DatePicker/index.props.d.ts +2 -2
  5. package/Datepicker/index.d.ts +1 -1
  6. package/Datepicker/index.js +20 -18
  7. package/Datepicker/index.props.d.ts +3 -1
  8. package/esm/Calendar/Calendar.d.ts +1 -1
  9. package/esm/Calendar/index.d.ts +1 -1
  10. package/esm/Datepicker/components/DatePicker/index.js +33 -28
  11. package/esm/Datepicker/components/DatePicker/index.props.d.ts +2 -2
  12. package/esm/Datepicker/index.d.ts +1 -1
  13. package/esm/Datepicker/index.js +20 -18
  14. package/esm/Datepicker/index.props.d.ts +3 -1
  15. package/package.json +1 -1
package/Calendar/Calendar.d.ts CHANGED
@@ -8,7 +8,7 @@ export interface CalendarEvent {
8
8
  color?: string;
9
9
  label?: ReactNode;
10
10
  }
11
- interface CalendarCommonProps extends Omit<HTMLAttributes<HTMLDivElement>, "onChange" | "defaultValue"> {
11
+ export interface CalendarCommonProps extends Omit<HTMLAttributes<HTMLDivElement>, "onChange" | "defaultValue"> {
12
12
  defaultVisibleMonth?: Date;
13
13
  defaultView?: CalendarView;
14
14
  disabledDates?: Date[] | ((date: Date) => boolean);
package/Calendar/index.d.ts CHANGED
@@ -1,2 +1,2 @@
1
1
  export { default, default as Calendar } from "./Calendar";
2
- export type { CalendarEvent, CalendarProps, CalendarRangeProps, CalendarSelectionMode, CalendarSingleProps, CalendarSize, CalendarView, } from "./Calendar";
2
+ export type { CalendarEvent, CalendarCommonProps, CalendarProps, CalendarRangeProps, CalendarSelectionMode, CalendarSingleProps, CalendarSize, CalendarView, } from "./Calendar";
package/Datepicker/components/DatePicker/index.js CHANGED
@@ -3,6 +3,7 @@
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
5
  var _slicedToArray = require('@babel/runtime/helpers/slicedToArray');
6
+ var tslib = require('tslib');
6
7
  var React = require('react');
7
8
  var index$4 = require('../../../Dropdown/index.js');
8
9
  require('../../../Calendar/index.js');
@@ -39,26 +40,29 @@ var CalendarIcon = function CalendarIcon() {
39
40
  d: "M6.75 3v2.25M17.25 3v2.25M3 18.75V7.5a2.25 2.25 0 0 1 2.25-2.25h13.5A2.25 2.25 0 0 1 21 7.5v11.25m-18 0A2.25 2.25 0 0 0 5.25 21h13.5A2.25 2.25 0 0 0 21 18.75m-18 0v-7.5A2.25 2.25 0 0 1 5.25 9h13.5A2.25 2.25 0 0 1 21 11.25v7.5m-9-6h.008v.008H12v-.008ZM12 15h.008v.008H12V15Zm0 2.25h.008v.008H12v-.008ZM9.75 15h.008v.008H9.75V15Zm0 2.25h.008v.008H9.75v-.008ZM7.5 15h.008v.008H7.5V15Zm0 2.25h.008v.008H7.5v-.008Zm6.75-4.5h.008v.008h-.008v-.008Zm0 2.25h.008v.008h-.008V15Zm0 2.25h.008v.008h-.008v-.008Zm2.25-4.5h.008v.008H16.5v-.008Zm0 2.25h.008v.008H16.5V15Z"
40
41
  }));
41
42
  };
42
- var DatePicker = function DatePicker(_ref) {
43
- var className = _ref.className,
44
- endPlaceholder = _ref.endPlaceholder,
45
- hasError = _ref.hasError,
46
- hint = _ref.hint,
47
- label = _ref.label,
48
- placeholder = _ref.placeholder,
49
- required = _ref.required,
50
- _ref$selectedDate = _ref.selectedDate,
51
- selectedDate = _ref$selectedDate === void 0 ? "" : _ref$selectedDate,
52
- _ref$selectedRange = _ref.selectedRange,
53
- selectedRange = _ref$selectedRange === void 0 ? ["", ""] : _ref$selectedRange,
54
- _ref$selectionMode = _ref.selectionMode,
55
- selectionMode = _ref$selectionMode === void 0 ? "single" : _ref$selectionMode,
56
- _ref$size = _ref.size,
57
- size = _ref$size === void 0 ? "m" : _ref$size,
58
- startPlaceholder = _ref.startPlaceholder,
59
- onChangeDate = _ref.onChangeDate,
60
- onChangeRange = _ref.onChangeRange;
61
- var _a;
43
+ var DatePicker = function DatePicker(_a) {
44
+ var _b;
45
+ var className = _a.className,
46
+ endPlaceholder = _a.endPlaceholder,
47
+ hasError = _a.hasError,
48
+ hint = _a.hint,
49
+ label = _a.label,
50
+ placeholder = _a.placeholder,
51
+ required = _a.required,
52
+ _a$selectedDate = _a.selectedDate,
53
+ selectedDate = _a$selectedDate === void 0 ? "" : _a$selectedDate,
54
+ _a$selectedRange = _a.selectedRange,
55
+ selectedRange = _a$selectedRange === void 0 ? ["", ""] : _a$selectedRange,
56
+ _a$selectionMode = _a.selectionMode,
57
+ selectionMode = _a$selectionMode === void 0 ? "single" : _a$selectionMode,
58
+ _a$size = _a.size,
59
+ size = _a$size === void 0 ? "m" : _a$size,
60
+ defaultVisibleMonth = _a.defaultVisibleMonth,
61
+ monthsToShow = _a.monthsToShow,
62
+ startPlaceholder = _a.startPlaceholder,
63
+ onChangeDate = _a.onChangeDate,
64
+ onChangeRange = _a.onChangeRange,
65
+ calendarProps = tslib.__rest(_a, ["className", "endPlaceholder", "hasError", "hint", "label", "placeholder", "required", "selectedDate", "selectedRange", "selectionMode", "size", "defaultVisibleMonth", "monthsToShow", "startPlaceholder", "onChangeDate", "onChangeRange"]);
62
66
  var _useState = React.useState(selectedDate),
63
67
  _useState2 = _slicedToArray__default.default(_useState, 2),
64
68
  date = _useState2[0],
@@ -78,7 +82,7 @@ var DatePicker = function DatePicker(_ref) {
78
82
  return [range[0] ? index.parse(range[0]) : null, range[1] ? index.parse(range[1]) : null];
79
83
  }, [range]);
80
84
  var calendarSize = calendarSizeByDatepickerSize[size];
81
- var visibleMonth = (_a = calendarValue !== null && calendarValue !== void 0 ? calendarValue : calendarRangeValue[0]) !== null && _a !== void 0 ? _a : new Date();
85
+ var visibleMonth = (_b = calendarValue !== null && calendarValue !== void 0 ? calendarValue : calendarRangeValue[0]) !== null && _b !== void 0 ? _b : new Date();
82
86
  var isRangeMode = selectionMode === "range";
83
87
  React.useEffect(function () {
84
88
  setDate(selectedDate);
@@ -100,24 +104,25 @@ var DatePicker = function DatePicker(_ref) {
100
104
  };
101
105
  var renderCalendar = function renderCalendar() {
102
106
  if (isRangeMode) {
103
- return /*#__PURE__*/React__default.default.createElement(Calendar.default, {
107
+ return /*#__PURE__*/React__default.default.createElement(Calendar.default, Object.assign({}, calendarProps, {
104
108
  className: className,
105
- defaultVisibleMonth: visibleMonth,
106
- monthsToShow: 2,
109
+ defaultVisibleMonth: defaultVisibleMonth !== null && defaultVisibleMonth !== void 0 ? defaultVisibleMonth : visibleMonth,
110
+ monthsToShow: monthsToShow !== null && monthsToShow !== void 0 ? monthsToShow : 2,
107
111
  selectionMode: "range",
108
112
  size: calendarSize,
109
113
  value: calendarRangeValue,
110
114
  onChange: handleRangeChange
111
- });
115
+ }));
112
116
  }
113
- return /*#__PURE__*/React__default.default.createElement(Calendar.default, {
117
+ return /*#__PURE__*/React__default.default.createElement(Calendar.default, Object.assign({}, calendarProps, {
114
118
  className: className,
115
- defaultVisibleMonth: visibleMonth,
119
+ defaultVisibleMonth: defaultVisibleMonth !== null && defaultVisibleMonth !== void 0 ? defaultVisibleMonth : visibleMonth,
120
+ monthsToShow: monthsToShow,
116
121
  selectionMode: "single",
117
122
  size: calendarSize,
118
123
  value: calendarValue,
119
124
  onChange: handleDateChange
120
- });
125
+ }));
121
126
  };
122
127
  var renderRangeInput = function renderRangeInput() {
123
128
  return /*#__PURE__*/React__default.default.createElement("div", {
package/Datepicker/components/DatePicker/index.props.d.ts CHANGED
@@ -1,5 +1,5 @@
1
- import type { DatepickerSize, Props as DatepickerProps } from "../../index.props";
2
- export type DatePickerProps = {
1
+ import type { DatepickerSize, DatepickerCalendarProps, Props as DatepickerProps } from "../../index.props";
2
+ export type DatePickerProps = DatepickerCalendarProps & {
3
3
  className?: string;
4
4
  endPlaceholder?: string;
5
5
  hasError?: boolean;
package/Datepicker/index.d.ts CHANGED
@@ -1,4 +1,4 @@
1
1
  import React from "react";
2
2
  import type { Props } from "./index.props";
3
- declare const Datepicker: ({ className, endPlaceholder, hasError, hint, label, placeholder, required, selectedDate, selectedRange, selectionMode, size, startPlaceholder, onChangeDate, onChangeRange, }: Props) => React.JSX.Element;
3
+ declare const Datepicker: ({ className, endPlaceholder, hasError, hint, label, placeholder, required, selectedDate, selectedRange, selectionMode, size, startPlaceholder, onChangeDate, onChangeRange, ...calendarProps }: Props) => React.JSX.Element;
4
4
  export default Datepicker;
package/Datepicker/index.js CHANGED
@@ -2,6 +2,7 @@
2
2
 
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
+ var tslib = require('tslib');
5
6
  var React = require('react');
6
7
  var clsx = require('clsx');
7
8
  var styles = require('./Datepicker.module.css');
@@ -13,25 +14,26 @@ var React__default = /*#__PURE__*/_interopDefault(React);
13
14
  var clsx__default = /*#__PURE__*/_interopDefault(clsx);
14
15
  var styles__default = /*#__PURE__*/_interopDefault(styles);
15
16
 
16
- var Datepicker = function Datepicker(_ref) {
17
- var className = _ref.className,
18
- endPlaceholder = _ref.endPlaceholder,
19
- hasError = _ref.hasError,
20
- hint = _ref.hint,
21
- label = _ref.label,
22
- placeholder = _ref.placeholder,
23
- required = _ref.required,
24
- selectedDate = _ref.selectedDate,
25
- selectedRange = _ref.selectedRange,
26
- selectionMode = _ref.selectionMode,
27
- _ref$size = _ref.size,
28
- size = _ref$size === void 0 ? "m" : _ref$size,
29
- startPlaceholder = _ref.startPlaceholder,
30
- onChangeDate = _ref.onChangeDate,
31
- onChangeRange = _ref.onChangeRange;
17
+ var Datepicker = function Datepicker(_a) {
18
+ var className = _a.className,
19
+ endPlaceholder = _a.endPlaceholder,
20
+ hasError = _a.hasError,
21
+ hint = _a.hint,
22
+ label = _a.label,
23
+ placeholder = _a.placeholder,
24
+ required = _a.required,
25
+ selectedDate = _a.selectedDate,
26
+ selectedRange = _a.selectedRange,
27
+ selectionMode = _a.selectionMode,
28
+ _a$size = _a.size,
29
+ size = _a$size === void 0 ? "m" : _a$size,
30
+ startPlaceholder = _a.startPlaceholder,
31
+ onChangeDate = _a.onChangeDate,
32
+ onChangeRange = _a.onChangeRange,
33
+ calendarProps = tslib.__rest(_a, ["className", "endPlaceholder", "hasError", "hint", "label", "placeholder", "required", "selectedDate", "selectedRange", "selectionMode", "size", "startPlaceholder", "onChangeDate", "onChangeRange"]);
32
34
  return /*#__PURE__*/React__default.default.createElement("div", {
33
35
  className: clsx__default.default(styles__default.default.root, className)
34
- }, /*#__PURE__*/React__default.default.createElement(index.default, {
36
+ }, /*#__PURE__*/React__default.default.createElement(index.default, Object.assign({}, calendarProps, {
35
37
  endPlaceholder: endPlaceholder,
36
38
  hasError: hasError,
37
39
  hint: hint,
@@ -45,7 +47,7 @@ var Datepicker = function Datepicker(_ref) {
45
47
  startPlaceholder: startPlaceholder,
46
48
  onChangeDate: onChangeDate,
47
49
  onChangeRange: onChangeRange
48
- }));
50
+ })));
49
51
  };
50
52
 
51
53
  exports.default = Datepicker;
package/Datepicker/index.props.d.ts CHANGED
@@ -1,8 +1,10 @@
1
1
  import type { ReactNode } from "react";
2
+ import type { CalendarCommonProps } from "../Calendar";
2
3
  export type DatepickerSize = "s" | "m" | "l";
3
4
  export type DatepickerSelectionMode = "single" | "range";
4
5
  export type DatepickerRangeValue = [string, string];
5
- export type Props = {
6
+ export type DatepickerCalendarProps = Omit<CalendarCommonProps, "className" | "size">;
7
+ export type Props = DatepickerCalendarProps & {
6
8
  className?: string;
7
9
  endPlaceholder?: string;
8
10
  hasError?: boolean;
package/esm/Calendar/Calendar.d.ts CHANGED
@@ -8,7 +8,7 @@ export interface CalendarEvent {
8
8
  color?: string;
9
9
  label?: ReactNode;
10
10
  }
11
- interface CalendarCommonProps extends Omit<HTMLAttributes<HTMLDivElement>, "onChange" | "defaultValue"> {
11
+ export interface CalendarCommonProps extends Omit<HTMLAttributes<HTMLDivElement>, "onChange" | "defaultValue"> {
12
12
  defaultVisibleMonth?: Date;
13
13
  defaultView?: CalendarView;
14
14
  disabledDates?: Date[] | ((date: Date) => boolean);
package/esm/Calendar/index.d.ts CHANGED
@@ -1,2 +1,2 @@
1
1
  export { default, default as Calendar } from "./Calendar";
2
- export type { CalendarEvent, CalendarProps, CalendarRangeProps, CalendarSelectionMode, CalendarSingleProps, CalendarSize, CalendarView, } from "./Calendar";
2
+ export type { CalendarEvent, CalendarCommonProps, CalendarProps, CalendarRangeProps, CalendarSelectionMode, CalendarSingleProps, CalendarSize, CalendarView, } from "./Calendar";
package/esm/Datepicker/components/DatePicker/index.js CHANGED
@@ -1,4 +1,5 @@
1
1
  import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
2
+ import { __rest } from 'tslib';
2
3
  import React, { useState, useMemo, useEffect } from 'react';
3
4
  import Dropdown from '../../../Dropdown/index.js';
4
5
  import Calendar from '../../../Calendar/Calendar.js';
@@ -28,26 +29,29 @@ var CalendarIcon = function CalendarIcon() {
28
29
  d: "M6.75 3v2.25M17.25 3v2.25M3 18.75V7.5a2.25 2.25 0 0 1 2.25-2.25h13.5A2.25 2.25 0 0 1 21 7.5v11.25m-18 0A2.25 2.25 0 0 0 5.25 21h13.5A2.25 2.25 0 0 0 21 18.75m-18 0v-7.5A2.25 2.25 0 0 1 5.25 9h13.5A2.25 2.25 0 0 1 21 11.25v7.5m-9-6h.008v.008H12v-.008ZM12 15h.008v.008H12V15Zm0 2.25h.008v.008H12v-.008ZM9.75 15h.008v.008H9.75V15Zm0 2.25h.008v.008H9.75v-.008ZM7.5 15h.008v.008H7.5V15Zm0 2.25h.008v.008H7.5v-.008Zm6.75-4.5h.008v.008h-.008v-.008Zm0 2.25h.008v.008h-.008V15Zm0 2.25h.008v.008h-.008v-.008Zm2.25-4.5h.008v.008H16.5v-.008Zm0 2.25h.008v.008H16.5V15Z"
29
30
  }));
30
31
  };
31
- var DatePicker = function DatePicker(_ref) {
32
- var className = _ref.className,
33
- endPlaceholder = _ref.endPlaceholder,
34
- hasError = _ref.hasError,
35
- hint = _ref.hint,
36
- label = _ref.label,
37
- placeholder = _ref.placeholder,
38
- required = _ref.required,
39
- _ref$selectedDate = _ref.selectedDate,
40
- selectedDate = _ref$selectedDate === void 0 ? "" : _ref$selectedDate,
41
- _ref$selectedRange = _ref.selectedRange,
42
- selectedRange = _ref$selectedRange === void 0 ? ["", ""] : _ref$selectedRange,
43
- _ref$selectionMode = _ref.selectionMode,
44
- selectionMode = _ref$selectionMode === void 0 ? "single" : _ref$selectionMode,
45
- _ref$size = _ref.size,
46
- size = _ref$size === void 0 ? "m" : _ref$size,
47
- startPlaceholder = _ref.startPlaceholder,
48
- onChangeDate = _ref.onChangeDate,
49
- onChangeRange = _ref.onChangeRange;
50
- var _a;
32
+ var DatePicker = function DatePicker(_a) {
33
+ var _b;
34
+ var className = _a.className,
35
+ endPlaceholder = _a.endPlaceholder,
36
+ hasError = _a.hasError,
37
+ hint = _a.hint,
38
+ label = _a.label,
39
+ placeholder = _a.placeholder,
40
+ required = _a.required,
41
+ _a$selectedDate = _a.selectedDate,
42
+ selectedDate = _a$selectedDate === void 0 ? "" : _a$selectedDate,
43
+ _a$selectedRange = _a.selectedRange,
44
+ selectedRange = _a$selectedRange === void 0 ? ["", ""] : _a$selectedRange,
45
+ _a$selectionMode = _a.selectionMode,
46
+ selectionMode = _a$selectionMode === void 0 ? "single" : _a$selectionMode,
47
+ _a$size = _a.size,
48
+ size = _a$size === void 0 ? "m" : _a$size,
49
+ defaultVisibleMonth = _a.defaultVisibleMonth,
50
+ monthsToShow = _a.monthsToShow,
51
+ startPlaceholder = _a.startPlaceholder,
52
+ onChangeDate = _a.onChangeDate,
53
+ onChangeRange = _a.onChangeRange,
54
+ calendarProps = __rest(_a, ["className", "endPlaceholder", "hasError", "hint", "label", "placeholder", "required", "selectedDate", "selectedRange", "selectionMode", "size", "defaultVisibleMonth", "monthsToShow", "startPlaceholder", "onChangeDate", "onChangeRange"]);
51
55
  var _useState = useState(selectedDate),
52
56
  _useState2 = _slicedToArray(_useState, 2),
53
57
  date = _useState2[0],
@@ -67,7 +71,7 @@ var DatePicker = function DatePicker(_ref) {
67
71
  return [range[0] ? parse(range[0]) : null, range[1] ? parse(range[1]) : null];
68
72
  }, [range]);
69
73
  var calendarSize = calendarSizeByDatepickerSize[size];
70
- var visibleMonth = (_a = calendarValue !== null && calendarValue !== void 0 ? calendarValue : calendarRangeValue[0]) !== null && _a !== void 0 ? _a : new Date();
74
+ var visibleMonth = (_b = calendarValue !== null && calendarValue !== void 0 ? calendarValue : calendarRangeValue[0]) !== null && _b !== void 0 ? _b : new Date();
71
75
  var isRangeMode = selectionMode === "range";
72
76
  useEffect(function () {
73
77
  setDate(selectedDate);
@@ -89,24 +93,25 @@ var DatePicker = function DatePicker(_ref) {
89
93
  };
90
94
  var renderCalendar = function renderCalendar() {
91
95
  if (isRangeMode) {
92
- return /*#__PURE__*/React.createElement(Calendar, {
96
+ return /*#__PURE__*/React.createElement(Calendar, Object.assign({}, calendarProps, {
93
97
  className: className,
94
- defaultVisibleMonth: visibleMonth,
95
- monthsToShow: 2,
98
+ defaultVisibleMonth: defaultVisibleMonth !== null && defaultVisibleMonth !== void 0 ? defaultVisibleMonth : visibleMonth,
99
+ monthsToShow: monthsToShow !== null && monthsToShow !== void 0 ? monthsToShow : 2,
96
100
  selectionMode: "range",
97
101
  size: calendarSize,
98
102
  value: calendarRangeValue,
99
103
  onChange: handleRangeChange
100
- });
104
+ }));
101
105
  }
102
- return /*#__PURE__*/React.createElement(Calendar, {
106
+ return /*#__PURE__*/React.createElement(Calendar, Object.assign({}, calendarProps, {
103
107
  className: className,
104
- defaultVisibleMonth: visibleMonth,
108
+ defaultVisibleMonth: defaultVisibleMonth !== null && defaultVisibleMonth !== void 0 ? defaultVisibleMonth : visibleMonth,
109
+ monthsToShow: monthsToShow,
105
110
  selectionMode: "single",
106
111
  size: calendarSize,
107
112
  value: calendarValue,
108
113
  onChange: handleDateChange
109
- });
114
+ }));
110
115
  };
111
116
  var renderRangeInput = function renderRangeInput() {
112
117
  return /*#__PURE__*/React.createElement("div", {
package/esm/Datepicker/components/DatePicker/index.props.d.ts CHANGED
@@ -1,5 +1,5 @@
1
- import type { DatepickerSize, Props as DatepickerProps } from "../../index.props";
2
- export type DatePickerProps = {
1
+ import type { DatepickerSize, DatepickerCalendarProps, Props as DatepickerProps } from "../../index.props";
2
+ export type DatePickerProps = DatepickerCalendarProps & {
3
3
  className?: string;
4
4
  endPlaceholder?: string;
5
5
  hasError?: boolean;
package/esm/Datepicker/index.d.ts CHANGED
@@ -1,4 +1,4 @@
1
1
  import React from "react";
2
2
  import type { Props } from "./index.props";
3
- declare const Datepicker: ({ className, endPlaceholder, hasError, hint, label, placeholder, required, selectedDate, selectedRange, selectionMode, size, startPlaceholder, onChangeDate, onChangeRange, }: Props) => React.JSX.Element;
3
+ declare const Datepicker: ({ className, endPlaceholder, hasError, hint, label, placeholder, required, selectedDate, selectedRange, selectionMode, size, startPlaceholder, onChangeDate, onChangeRange, ...calendarProps }: Props) => React.JSX.Element;
4
4
  export default Datepicker;
package/esm/Datepicker/index.js CHANGED
@@ -1,27 +1,29 @@
1
+ import { __rest } from 'tslib';
1
2
  import React from 'react';
2
3
  import clsx from 'clsx';
3
4
  import styles from './Datepicker.module.css';
4
5
  import DatePicker from './components/DatePicker/index.js';
5
6
 
6
- var Datepicker = function Datepicker(_ref) {
7
- var className = _ref.className,
8
- endPlaceholder = _ref.endPlaceholder,
9
- hasError = _ref.hasError,
10
- hint = _ref.hint,
11
- label = _ref.label,
12
- placeholder = _ref.placeholder,
13
- required = _ref.required,
14
- selectedDate = _ref.selectedDate,
15
- selectedRange = _ref.selectedRange,
16
- selectionMode = _ref.selectionMode,
17
- _ref$size = _ref.size,
18
- size = _ref$size === void 0 ? "m" : _ref$size,
19
- startPlaceholder = _ref.startPlaceholder,
20
- onChangeDate = _ref.onChangeDate,
21
- onChangeRange = _ref.onChangeRange;
7
+ var Datepicker = function Datepicker(_a) {
8
+ var className = _a.className,
9
+ endPlaceholder = _a.endPlaceholder,
10
+ hasError = _a.hasError,
11
+ hint = _a.hint,
12
+ label = _a.label,
13
+ placeholder = _a.placeholder,
14
+ required = _a.required,
15
+ selectedDate = _a.selectedDate,
16
+ selectedRange = _a.selectedRange,
17
+ selectionMode = _a.selectionMode,
18
+ _a$size = _a.size,
19
+ size = _a$size === void 0 ? "m" : _a$size,
20
+ startPlaceholder = _a.startPlaceholder,
21
+ onChangeDate = _a.onChangeDate,
22
+ onChangeRange = _a.onChangeRange,
23
+ calendarProps = __rest(_a, ["className", "endPlaceholder", "hasError", "hint", "label", "placeholder", "required", "selectedDate", "selectedRange", "selectionMode", "size", "startPlaceholder", "onChangeDate", "onChangeRange"]);
22
24
  return /*#__PURE__*/React.createElement("div", {
23
25
  className: clsx(styles.root, className)
24
- }, /*#__PURE__*/React.createElement(DatePicker, {
26
+ }, /*#__PURE__*/React.createElement(DatePicker, Object.assign({}, calendarProps, {
25
27
  endPlaceholder: endPlaceholder,
26
28
  hasError: hasError,
27
29
  hint: hint,
@@ -35,7 +37,7 @@ var Datepicker = function Datepicker(_ref) {
35
37
  startPlaceholder: startPlaceholder,
36
38
  onChangeDate: onChangeDate,
37
39
  onChangeRange: onChangeRange
38
- }));
40
+ })));
39
41
  };
40
42
 
41
43
  export { Datepicker as default };
package/esm/Datepicker/index.props.d.ts CHANGED
@@ -1,8 +1,10 @@
1
1
  import type { ReactNode } from "react";
2
+ import type { CalendarCommonProps } from "../Calendar";
2
3
  export type DatepickerSize = "s" | "m" | "l";
3
4
  export type DatepickerSelectionMode = "single" | "range";
4
5
  export type DatepickerRangeValue = [string, string];
5
- export type Props = {
6
+ export type DatepickerCalendarProps = Omit<CalendarCommonProps, "className" | "size">;
7
+ export type Props = DatepickerCalendarProps & {
6
8
  className?: string;
7
9
  endPlaceholder?: string;
8
10
  hasError?: boolean;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "colibri-ui",
3
- "version": "0.8.70",
3
+ "version": "0.8.71",
4
4
  "description": "React UI components library",
5
5
  "main": "index.js",
6
6
  "types": "index.d.ts",