colibri-ui 0.8.69 → 0.8.71

package/Accordion/package.json

@@ -1,5 +1,8 @@
 {
-  "sideEffects": false,
+  "sideEffects": [
+    "**/*.css",
+    "**/*.scss"
+  ],
   "module": "../esm/Accordion/index.js",
   "main": "./index.js",
   "types": "./index.d.ts"

package/Avatar/package.json

@@ -1,5 +1,8 @@
 {
-  "sideEffects": false,
+  "sideEffects": [
+    "**/*.css",
+    "**/*.scss"
+  ],
   "module": "../esm/Avatar/index.js",
   "main": "./index.js",
   "types": "./index.d.ts"

package/Badge/package.json

@@ -1,5 +1,8 @@
 {
-  "sideEffects": false,
+  "sideEffects": [
+    "**/*.css",
+    "**/*.scss"
+  ],
   "module": "../esm/Badge/index.js",
   "main": "./index.js",
   "types": "./index.d.ts"

package/Button/package.json

@@ -1,5 +1,8 @@
 {
-  "sideEffects": false,
+  "sideEffects": [
+    "**/*.css",
+    "**/*.scss"
+  ],
   "module": "../esm/Button/index.js",
   "main": "./index.js",
   "types": "./index.d.ts"

package/Calendar/Calendar.d.ts

@@ -8,7 +8,7 @@ export interface CalendarEvent {
     color?: string;
     label?: ReactNode;
 }
-interface CalendarCommonProps extends Omit<HTMLAttributes<HTMLDivElement>, "onChange" | "defaultValue"> {
+export interface CalendarCommonProps extends Omit<HTMLAttributes<HTMLDivElement>, "onChange" | "defaultValue"> {
     defaultVisibleMonth?: Date;
     defaultView?: CalendarView;
     disabledDates?: Date[] | ((date: Date) => boolean);

package/Calendar/index.d.ts

@@ -1,2 +1,2 @@
 export { default, default as Calendar } from "./Calendar";
-export type { CalendarEvent, CalendarProps, CalendarRangeProps, CalendarSelectionMode, CalendarSingleProps, CalendarSize, CalendarView, } from "./Calendar";
+export type { CalendarEvent, CalendarCommonProps, CalendarProps, CalendarRangeProps, CalendarSelectionMode, CalendarSingleProps, CalendarSize, CalendarView, } from "./Calendar";

package/Calendar/package.json

@@ -1,5 +1,8 @@
 {
-  "sideEffects": false,
+  "sideEffects": [
+    "**/*.css",
+    "**/*.scss"
+  ],
   "module": "../esm/Calendar/index.js",
   "main": "./index.js",
   "types": "./index.d.ts"

package/Card/package.json

@@ -1,5 +1,8 @@
 {
-  "sideEffects": false,
+  "sideEffects": [
+    "**/*.css",
+    "**/*.scss"
+  ],
   "module": "../esm/Card/index.js",
   "main": "./index.js",
   "types": "./index.d.ts"

package/Checkbox/package.json

@@ -1,5 +1,8 @@
 {
-  "sideEffects": false,
+  "sideEffects": [
+    "**/*.css",
+    "**/*.scss"
+  ],
   "module": "../esm/Checkbox/index.js",
   "main": "./index.js",
   "types": "./index.d.ts"

package/Chip/package.json

@@ -1,5 +1,8 @@
 {
-  "sideEffects": false,
+  "sideEffects": [
+    "**/*.css",
+    "**/*.scss"
+  ],
   "module": "../esm/Chip/index.js",
   "main": "./index.js",
   "types": "./index.d.ts"

package/ClickOutside/package.json

@@ -1,5 +1,8 @@
 {
-  "sideEffects": false,
+  "sideEffects": [
+    "**/*.css",
+    "**/*.scss"
+  ],
   "module": "../esm/ClickOutside/index.js",
   "main": "./index.js",
   "types": "./index.d.ts"

package/CodeField/package.json

@@ -1,5 +1,8 @@
 {
-  "sideEffects": false,
+  "sideEffects": [
+    "**/*.css",
+    "**/*.scss"
+  ],
   "module": "../esm/CodeField/index.js",
   "main": "./index.js",
   "types": "./index.d.ts"

package/Counter/package.json

@@ -1,5 +1,8 @@
 {
-  "sideEffects": false,
+  "sideEffects": [
+    "**/*.css",
+    "**/*.scss"
+  ],
   "module": "../esm/Counter/index.js",
   "main": "./index.js",
   "types": "./index.d.ts"

package/Datepicker/components/DatePicker/index.js

@@ -3,6 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var _slicedToArray = require('@babel/runtime/helpers/slicedToArray');
+var tslib = require('tslib');
 var React = require('react');
 var index$4 = require('../../../Dropdown/index.js');
 require('../../../Calendar/index.js');
@@ -39,26 +40,29 @@ var CalendarIcon = function CalendarIcon() {
     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"
   }));
 };
-var DatePicker = function DatePicker(_ref) {
-  var className = _ref.className,
-    endPlaceholder = _ref.endPlaceholder,
-    hasError = _ref.hasError,
-    hint = _ref.hint,
-    label = _ref.label,
-    placeholder = _ref.placeholder,
-    required = _ref.required,
-    _ref$selectedDate = _ref.selectedDate,
-    selectedDate = _ref$selectedDate === void 0 ? "" : _ref$selectedDate,
-    _ref$selectedRange = _ref.selectedRange,
-    selectedRange = _ref$selectedRange === void 0 ? ["", ""] : _ref$selectedRange,
-    _ref$selectionMode = _ref.selectionMode,
-    selectionMode = _ref$selectionMode === void 0 ? "single" : _ref$selectionMode,
-    _ref$size = _ref.size,
-    size = _ref$size === void 0 ? "m" : _ref$size,
-    startPlaceholder = _ref.startPlaceholder,
-    onChangeDate = _ref.onChangeDate,
-    onChangeRange = _ref.onChangeRange;
-  var _a;
+var DatePicker = function DatePicker(_a) {
+  var _b;
+  var className = _a.className,
+    endPlaceholder = _a.endPlaceholder,
+    hasError = _a.hasError,
+    hint = _a.hint,
+    label = _a.label,
+    placeholder = _a.placeholder,
+    required = _a.required,
+    _a$selectedDate = _a.selectedDate,
+    selectedDate = _a$selectedDate === void 0 ? "" : _a$selectedDate,
+    _a$selectedRange = _a.selectedRange,
+    selectedRange = _a$selectedRange === void 0 ? ["", ""] : _a$selectedRange,
+    _a$selectionMode = _a.selectionMode,
+    selectionMode = _a$selectionMode === void 0 ? "single" : _a$selectionMode,
+    _a$size = _a.size,
+    size = _a$size === void 0 ? "m" : _a$size,
+    defaultVisibleMonth = _a.defaultVisibleMonth,
+    monthsToShow = _a.monthsToShow,
+    startPlaceholder = _a.startPlaceholder,
+    onChangeDate = _a.onChangeDate,
+    onChangeRange = _a.onChangeRange,
+    calendarProps = tslib.__rest(_a, ["className", "endPlaceholder", "hasError", "hint", "label", "placeholder", "required", "selectedDate", "selectedRange", "selectionMode", "size", "defaultVisibleMonth", "monthsToShow", "startPlaceholder", "onChangeDate", "onChangeRange"]);
   var _useState = React.useState(selectedDate),
     _useState2 = _slicedToArray__default.default(_useState, 2),
     date = _useState2[0],
@@ -78,7 +82,7 @@ var DatePicker = function DatePicker(_ref) {
     return [range[0] ? index.parse(range[0]) : null, range[1] ? index.parse(range[1]) : null];
   }, [range]);
   var calendarSize = calendarSizeByDatepickerSize[size];
-  var visibleMonth = (_a = calendarValue !== null && calendarValue !== void 0 ? calendarValue : calendarRangeValue[0]) !== null && _a !== void 0 ? _a : new Date();
+  var visibleMonth = (_b = calendarValue !== null && calendarValue !== void 0 ? calendarValue : calendarRangeValue[0]) !== null && _b !== void 0 ? _b : new Date();
   var isRangeMode = selectionMode === "range";
   React.useEffect(function () {
     setDate(selectedDate);
@@ -100,24 +104,25 @@ var DatePicker = function DatePicker(_ref) {
   };
   var renderCalendar = function renderCalendar() {
     if (isRangeMode) {
-      return /*#__PURE__*/React__default.default.createElement(Calendar.default, {
+      return /*#__PURE__*/React__default.default.createElement(Calendar.default, Object.assign({}, calendarProps, {
         className: className,
-        defaultVisibleMonth: visibleMonth,
-        monthsToShow: 2,
+        defaultVisibleMonth: defaultVisibleMonth !== null && defaultVisibleMonth !== void 0 ? defaultVisibleMonth : visibleMonth,
+        monthsToShow: monthsToShow !== null && monthsToShow !== void 0 ? monthsToShow : 2,
         selectionMode: "range",
         size: calendarSize,
         value: calendarRangeValue,
         onChange: handleRangeChange
-      });
+      }));
     }
-    return /*#__PURE__*/React__default.default.createElement(Calendar.default, {
+    return /*#__PURE__*/React__default.default.createElement(Calendar.default, Object.assign({}, calendarProps, {
       className: className,
-      defaultVisibleMonth: visibleMonth,
+      defaultVisibleMonth: defaultVisibleMonth !== null && defaultVisibleMonth !== void 0 ? defaultVisibleMonth : visibleMonth,
+      monthsToShow: monthsToShow,
       selectionMode: "single",
       size: calendarSize,
       value: calendarValue,
       onChange: handleDateChange
-    });
+    }));
   };
   var renderRangeInput = function renderRangeInput() {
     return /*#__PURE__*/React__default.default.createElement("div", {

package/Datepicker/components/DatePicker/index.props.d.ts

@@ -1,5 +1,5 @@
-import type { DatepickerSize, Props as DatepickerProps } from "../../index.props";
-export type DatePickerProps = {
+import type { DatepickerSize, DatepickerCalendarProps, Props as DatepickerProps } from "../../index.props";
+export type DatePickerProps = DatepickerCalendarProps & {
     className?: string;
     endPlaceholder?: string;
     hasError?: boolean;

package/Datepicker/index.d.ts

@@ -1,4 +1,4 @@
 import React from "react";
 import type { Props } from "./index.props";
-declare const Datepicker: ({ className, endPlaceholder, hasError, hint, label, placeholder, required, selectedDate, selectedRange, selectionMode, size, startPlaceholder, onChangeDate, onChangeRange, }: Props) => React.JSX.Element;
+declare const Datepicker: ({ className, endPlaceholder, hasError, hint, label, placeholder, required, selectedDate, selectedRange, selectionMode, size, startPlaceholder, onChangeDate, onChangeRange, ...calendarProps }: Props) => React.JSX.Element;
 export default Datepicker;

package/Datepicker/index.js

@@ -2,6 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
+var tslib = require('tslib');
 var React = require('react');
 var clsx = require('clsx');
 var styles = require('./Datepicker.module.css');
@@ -13,25 +14,26 @@ var React__default = /*#__PURE__*/_interopDefault(React);
 var clsx__default = /*#__PURE__*/_interopDefault(clsx);
 var styles__default = /*#__PURE__*/_interopDefault(styles);
 
-var Datepicker = function Datepicker(_ref) {
-  var className = _ref.className,
-    endPlaceholder = _ref.endPlaceholder,
-    hasError = _ref.hasError,
-    hint = _ref.hint,
-    label = _ref.label,
-    placeholder = _ref.placeholder,
-    required = _ref.required,
-    selectedDate = _ref.selectedDate,
-    selectedRange = _ref.selectedRange,
-    selectionMode = _ref.selectionMode,
-    _ref$size = _ref.size,
-    size = _ref$size === void 0 ? "m" : _ref$size,
-    startPlaceholder = _ref.startPlaceholder,
-    onChangeDate = _ref.onChangeDate,
-    onChangeRange = _ref.onChangeRange;
+var Datepicker = function Datepicker(_a) {
+  var className = _a.className,
+    endPlaceholder = _a.endPlaceholder,
+    hasError = _a.hasError,
+    hint = _a.hint,
+    label = _a.label,
+    placeholder = _a.placeholder,
+    required = _a.required,
+    selectedDate = _a.selectedDate,
+    selectedRange = _a.selectedRange,
+    selectionMode = _a.selectionMode,
+    _a$size = _a.size,
+    size = _a$size === void 0 ? "m" : _a$size,
+    startPlaceholder = _a.startPlaceholder,
+    onChangeDate = _a.onChangeDate,
+    onChangeRange = _a.onChangeRange,
+    calendarProps = tslib.__rest(_a, ["className", "endPlaceholder", "hasError", "hint", "label", "placeholder", "required", "selectedDate", "selectedRange", "selectionMode", "size", "startPlaceholder", "onChangeDate", "onChangeRange"]);
   return /*#__PURE__*/React__default.default.createElement("div", {
     className: clsx__default.default(styles__default.default.root, className)
-  }, /*#__PURE__*/React__default.default.createElement(index.default, {
+  }, /*#__PURE__*/React__default.default.createElement(index.default, Object.assign({}, calendarProps, {
     endPlaceholder: endPlaceholder,
     hasError: hasError,
     hint: hint,
@@ -45,7 +47,7 @@ var Datepicker = function Datepicker(_ref) {
     startPlaceholder: startPlaceholder,
     onChangeDate: onChangeDate,
     onChangeRange: onChangeRange
-  }));
+  })));
 };
 
 exports.default = Datepicker;

package/Datepicker/index.props.d.ts

@@ -1,8 +1,10 @@
 import type { ReactNode } from "react";
+import type { CalendarCommonProps } from "../Calendar";
 export type DatepickerSize = "s" | "m" | "l";
 export type DatepickerSelectionMode = "single" | "range";
 export type DatepickerRangeValue = [string, string];
-export type Props = {
+export type DatepickerCalendarProps = Omit<CalendarCommonProps, "className" | "size">;
+export type Props = DatepickerCalendarProps & {
     className?: string;
     endPlaceholder?: string;
     hasError?: boolean;

package/Datepicker/package.json

@@ -1,5 +1,8 @@
 {
-  "sideEffects": false,
+  "sideEffects": [
+    "**/*.css",
+    "**/*.scss"
+  ],
   "module": "../esm/Datepicker/index.js",
   "main": "./index.js",
   "types": "./index.d.ts"

package/DotsLoader/package.json

@@ -1,5 +1,8 @@
 {
-  "sideEffects": false,
+  "sideEffects": [
+    "**/*.css",
+    "**/*.scss"
+  ],
   "module": "../esm/DotsLoader/index.js",
   "main": "./index.js",
   "types": "./index.d.ts"

package/Drawer/package.json

@@ -1,5 +1,8 @@
 {
-  "sideEffects": false,
+  "sideEffects": [
+    "**/*.css",
+    "**/*.scss"
+  ],
   "module": "../esm/Drawer/index.js",
   "main": "./index.js",
   "types": "./index.d.ts"

package/Dropdown/package.json

@@ -1,5 +1,8 @@
 {
-  "sideEffects": false,
+  "sideEffects": [
+    "**/*.css",
+    "**/*.scss"
+  ],
   "module": "../esm/Dropdown/index.js",
   "main": "./index.js",
   "types": "./index.d.ts"

package/Dropzone/package.json

@@ -1,5 +1,8 @@
 {
-  "sideEffects": false,
+  "sideEffects": [
+    "**/*.css",
+    "**/*.scss"
+  ],
   "module": "../esm/Dropzone/index.js",
   "main": "./index.js",
   "types": "./index.d.ts"

package/Editable/package.json

@@ -1,5 +1,8 @@
 {
-  "sideEffects": false,
+  "sideEffects": [
+    "**/*.css",
+    "**/*.scss"
+  ],
   "module": "../esm/Editable/index.js",
   "main": "./index.js",
   "types": "./index.d.ts"

package/Grid/package.json

@@ -1,5 +1,8 @@
 {
-  "sideEffects": false,
+  "sideEffects": [
+    "**/*.css",
+    "**/*.scss"
+  ],
   "module": "../esm/Grid/index.js",
   "main": "./index.js",
   "types": "./index.d.ts"

package/Icons/package.json

@@ -1,5 +1,8 @@
 {
-  "sideEffects": false,
+  "sideEffects": [
+    "**/*.css",
+    "**/*.scss"
+  ],
   "module": "../esm/Icons/index.js",
   "main": "./index.js",
   "types": "./index.d.ts"

package/Image/package.json

@@ -1,5 +1,8 @@
 {
-  "sideEffects": false,
+  "sideEffects": [
+    "**/*.css",
+    "**/*.scss"
+  ],
   "module": "../esm/Image/index.js",
   "main": "./index.js",
   "types": "./index.d.ts"

package/Input/package.json

@@ -1,5 +1,8 @@
 {
-  "sideEffects": false,
+  "sideEffects": [
+    "**/*.css",
+    "**/*.scss"
+  ],
   "module": "../esm/Input/index.js",
   "main": "./index.js",
   "types": "./index.d.ts"

package/InputRadio/package.json

@@ -1,5 +1,8 @@
 {
-  "sideEffects": false,
+  "sideEffects": [
+    "**/*.css",
+    "**/*.scss"
+  ],
   "module": "../esm/InputRadio/index.js",
   "main": "./index.js",
   "types": "./index.d.ts"

package/Menu/package.json

@@ -1,5 +1,8 @@
 {
-  "sideEffects": false,
+  "sideEffects": [
+    "**/*.css",
+    "**/*.scss"
+  ],
   "module": "../esm/Menu/index.js",
   "main": "./index.js",
   "types": "./index.d.ts"

package/Modal/package.json

@@ -1,5 +1,8 @@
 {
-  "sideEffects": false,
+  "sideEffects": [
+    "**/*.css",
+    "**/*.scss"
+  ],
   "module": "../esm/Modal/index.js",
   "main": "./index.js",
   "types": "./index.d.ts"

package/MultiSelect/package.json

@@ -1,5 +1,8 @@
 {
-  "sideEffects": false,
+  "sideEffects": [
+    "**/*.css",
+    "**/*.scss"
+  ],
   "module": "../esm/MultiSelect/index.js",
   "main": "./index.js",
   "types": "./index.d.ts"

package/Portal/package.json

@@ -1,5 +1,8 @@
 {
-  "sideEffects": false,
+  "sideEffects": [
+    "**/*.css",
+    "**/*.scss"
+  ],
   "module": "../esm/Portal/index.js",
   "main": "./index.js",
   "types": "./index.d.ts"

package/Progress/package.json

@@ -1,5 +1,8 @@
 {
-  "sideEffects": false,
+  "sideEffects": [
+    "**/*.css",
+    "**/*.scss"
+  ],
   "module": "../esm/Progress/index.js",
   "main": "./index.js",
   "types": "./index.d.ts"

package/RadioGroup/package.json

@@ -1,5 +1,8 @@
 {
-  "sideEffects": false,
+  "sideEffects": [
+    "**/*.css",
+    "**/*.scss"
+  ],
   "module": "../esm/RadioGroup/index.js",
   "main": "./index.js",
   "types": "./index.d.ts"

package/Rating/package.json

@@ -1,5 +1,8 @@
 {
-  "sideEffects": false,
+  "sideEffects": [
+    "**/*.css",
+    "**/*.scss"
+  ],
   "module": "../esm/Rating/index.js",
   "main": "./index.js",
   "types": "./index.d.ts"

package/Select/package.json

@@ -1,5 +1,8 @@
 {
-  "sideEffects": false,
+  "sideEffects": [
+    "**/*.css",
+    "**/*.scss"
+  ],
   "module": "../esm/Select/index.js",
   "main": "./index.js",
   "types": "./index.d.ts"

package/Separator/package.json

@@ -1,5 +1,8 @@
 {
-  "sideEffects": false,
+  "sideEffects": [
+    "**/*.css",
+    "**/*.scss"
+  ],
   "module": "../esm/Separator/index.js",
   "main": "./index.js",
   "types": "./index.d.ts"

package/Skeleton/package.json

@@ -1,5 +1,8 @@
 {
-  "sideEffects": false,
+  "sideEffects": [
+    "**/*.css",
+    "**/*.scss"
+  ],
   "module": "../esm/Skeleton/index.js",
   "main": "./index.js",
   "types": "./index.d.ts"

package/Status/package.json

@@ -1,5 +1,8 @@
 {
-  "sideEffects": false,
+  "sideEffects": [
+    "**/*.css",
+    "**/*.scss"
+  ],
   "module": "../esm/Status/index.js",
   "main": "./index.js",
   "types": "./index.d.ts"

package/Switch/package.json

@@ -1,5 +1,8 @@
 {
-  "sideEffects": false,
+  "sideEffects": [
+    "**/*.css",
+    "**/*.scss"
+  ],
   "module": "../esm/Switch/index.js",
   "main": "./index.js",
   "types": "./index.d.ts"

package/TabsMenu/package.json

@@ -1,5 +1,8 @@
 {
-  "sideEffects": false,
+  "sideEffects": [
+    "**/*.css",
+    "**/*.scss"
+  ],
   "module": "../esm/TabsMenu/index.js",
   "main": "./index.js",
   "types": "./index.d.ts"

package/TabsPanels/package.json

@@ -1,5 +1,8 @@
 {
-  "sideEffects": false,
+  "sideEffects": [
+    "**/*.css",
+    "**/*.scss"
+  ],
   "module": "../esm/TabsPanels/index.js",
   "main": "./index.js",
   "types": "./index.d.ts"

package/TextArea/package.json

@@ -1,5 +1,8 @@
 {
-  "sideEffects": false,
+  "sideEffects": [
+    "**/*.css",
+    "**/*.scss"
+  ],
   "module": "../esm/TextArea/index.js",
   "main": "./index.js",
   "types": "./index.d.ts"

package/Theme/package.json

@@ -1,5 +1,8 @@
 {
-  "sideEffects": false,
+  "sideEffects": [
+    "**/*.css",
+    "**/*.scss"
+  ],
   "module": "../esm/Theme/index.js",
   "main": "./index.js",
   "types": "./index.d.ts"

package/TimeSelect/package.json

@@ -1,5 +1,8 @@
 {
-  "sideEffects": false,
+  "sideEffects": [
+    "**/*.css",
+    "**/*.scss"
+  ],
   "module": "../esm/TimeSelect/index.js",
   "main": "./index.js",
   "types": "./index.d.ts"

package/Tooltip/package.json

@@ -1,5 +1,8 @@
 {
-  "sideEffects": false,
+  "sideEffects": [
+    "**/*.css",
+    "**/*.scss"
+  ],
   "module": "../esm/Tooltip/index.js",
   "main": "./index.js",
   "types": "./index.d.ts"

package/Typography/package.json

@@ -1,5 +1,8 @@
 {
-  "sideEffects": false,
+  "sideEffects": [
+    "**/*.css",
+    "**/*.scss"
+  ],
   "module": "../esm/Typography/index.js",
   "main": "./index.js",
   "types": "./index.d.ts"

package/esm/Calendar/Calendar.d.ts

@@ -8,7 +8,7 @@ export interface CalendarEvent {
     color?: string;
     label?: ReactNode;
 }
-interface CalendarCommonProps extends Omit<HTMLAttributes<HTMLDivElement>, "onChange" | "defaultValue"> {
+export interface CalendarCommonProps extends Omit<HTMLAttributes<HTMLDivElement>, "onChange" | "defaultValue"> {
     defaultVisibleMonth?: Date;
     defaultView?: CalendarView;
     disabledDates?: Date[] | ((date: Date) => boolean);

package/esm/Calendar/index.d.ts

@@ -1,2 +1,2 @@
 export { default, default as Calendar } from "./Calendar";
-export type { CalendarEvent, CalendarProps, CalendarRangeProps, CalendarSelectionMode, CalendarSingleProps, CalendarSize, CalendarView, } from "./Calendar";
+export type { CalendarEvent, CalendarCommonProps, CalendarProps, CalendarRangeProps, CalendarSelectionMode, CalendarSingleProps, CalendarSize, CalendarView, } from "./Calendar";

package/esm/Datepicker/components/DatePicker/index.js

@@ -1,4 +1,5 @@
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
+import { __rest } from 'tslib';
 import React, { useState, useMemo, useEffect } from 'react';
 import Dropdown from '../../../Dropdown/index.js';
 import Calendar from '../../../Calendar/Calendar.js';
@@ -28,26 +29,29 @@ var CalendarIcon = function CalendarIcon() {
     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"
   }));
 };
-var DatePicker = function DatePicker(_ref) {
-  var className = _ref.className,
-    endPlaceholder = _ref.endPlaceholder,
-    hasError = _ref.hasError,
-    hint = _ref.hint,
-    label = _ref.label,
-    placeholder = _ref.placeholder,
-    required = _ref.required,
-    _ref$selectedDate = _ref.selectedDate,
-    selectedDate = _ref$selectedDate === void 0 ? "" : _ref$selectedDate,
-    _ref$selectedRange = _ref.selectedRange,
-    selectedRange = _ref$selectedRange === void 0 ? ["", ""] : _ref$selectedRange,
-    _ref$selectionMode = _ref.selectionMode,
-    selectionMode = _ref$selectionMode === void 0 ? "single" : _ref$selectionMode,
-    _ref$size = _ref.size,
-    size = _ref$size === void 0 ? "m" : _ref$size,
-    startPlaceholder = _ref.startPlaceholder,
-    onChangeDate = _ref.onChangeDate,
-    onChangeRange = _ref.onChangeRange;
-  var _a;
+var DatePicker = function DatePicker(_a) {
+  var _b;
+  var className = _a.className,
+    endPlaceholder = _a.endPlaceholder,
+    hasError = _a.hasError,
+    hint = _a.hint,
+    label = _a.label,
+    placeholder = _a.placeholder,
+    required = _a.required,
+    _a$selectedDate = _a.selectedDate,
+    selectedDate = _a$selectedDate === void 0 ? "" : _a$selectedDate,
+    _a$selectedRange = _a.selectedRange,
+    selectedRange = _a$selectedRange === void 0 ? ["", ""] : _a$selectedRange,
+    _a$selectionMode = _a.selectionMode,
+    selectionMode = _a$selectionMode === void 0 ? "single" : _a$selectionMode,
+    _a$size = _a.size,
+    size = _a$size === void 0 ? "m" : _a$size,
+    defaultVisibleMonth = _a.defaultVisibleMonth,
+    monthsToShow = _a.monthsToShow,
+    startPlaceholder = _a.startPlaceholder,
+    onChangeDate = _a.onChangeDate,
+    onChangeRange = _a.onChangeRange,
+    calendarProps = __rest(_a, ["className", "endPlaceholder", "hasError", "hint", "label", "placeholder", "required", "selectedDate", "selectedRange", "selectionMode", "size", "defaultVisibleMonth", "monthsToShow", "startPlaceholder", "onChangeDate", "onChangeRange"]);
   var _useState = useState(selectedDate),
     _useState2 = _slicedToArray(_useState, 2),
     date = _useState2[0],
@@ -67,7 +71,7 @@ var DatePicker = function DatePicker(_ref) {
     return [range[0] ? parse(range[0]) : null, range[1] ? parse(range[1]) : null];
   }, [range]);
   var calendarSize = calendarSizeByDatepickerSize[size];
-  var visibleMonth = (_a = calendarValue !== null && calendarValue !== void 0 ? calendarValue : calendarRangeValue[0]) !== null && _a !== void 0 ? _a : new Date();
+  var visibleMonth = (_b = calendarValue !== null && calendarValue !== void 0 ? calendarValue : calendarRangeValue[0]) !== null && _b !== void 0 ? _b : new Date();
   var isRangeMode = selectionMode === "range";
   useEffect(function () {
     setDate(selectedDate);
@@ -89,24 +93,25 @@ var DatePicker = function DatePicker(_ref) {
   };
   var renderCalendar = function renderCalendar() {
     if (isRangeMode) {
-      return /*#__PURE__*/React.createElement(Calendar, {
+      return /*#__PURE__*/React.createElement(Calendar, Object.assign({}, calendarProps, {
         className: className,
-        defaultVisibleMonth: visibleMonth,
-        monthsToShow: 2,
+        defaultVisibleMonth: defaultVisibleMonth !== null && defaultVisibleMonth !== void 0 ? defaultVisibleMonth : visibleMonth,
+        monthsToShow: monthsToShow !== null && monthsToShow !== void 0 ? monthsToShow : 2,
         selectionMode: "range",
         size: calendarSize,
         value: calendarRangeValue,
         onChange: handleRangeChange
-      });
+      }));
     }
-    return /*#__PURE__*/React.createElement(Calendar, {
+    return /*#__PURE__*/React.createElement(Calendar, Object.assign({}, calendarProps, {
       className: className,
-      defaultVisibleMonth: visibleMonth,
+      defaultVisibleMonth: defaultVisibleMonth !== null && defaultVisibleMonth !== void 0 ? defaultVisibleMonth : visibleMonth,
+      monthsToShow: monthsToShow,
       selectionMode: "single",
       size: calendarSize,
       value: calendarValue,
       onChange: handleDateChange
-    });
+    }));
   };
   var renderRangeInput = function renderRangeInput() {
     return /*#__PURE__*/React.createElement("div", {

package/esm/Datepicker/components/DatePicker/index.props.d.ts

@@ -1,5 +1,5 @@
-import type { DatepickerSize, Props as DatepickerProps } from "../../index.props";
-export type DatePickerProps = {
+import type { DatepickerSize, DatepickerCalendarProps, Props as DatepickerProps } from "../../index.props";
+export type DatePickerProps = DatepickerCalendarProps & {
     className?: string;
     endPlaceholder?: string;
     hasError?: boolean;

package/esm/Datepicker/index.d.ts

@@ -1,4 +1,4 @@
 import React from "react";
 import type { Props } from "./index.props";
-declare const Datepicker: ({ className, endPlaceholder, hasError, hint, label, placeholder, required, selectedDate, selectedRange, selectionMode, size, startPlaceholder, onChangeDate, onChangeRange, }: Props) => React.JSX.Element;
+declare const Datepicker: ({ className, endPlaceholder, hasError, hint, label, placeholder, required, selectedDate, selectedRange, selectionMode, size, startPlaceholder, onChangeDate, onChangeRange, ...calendarProps }: Props) => React.JSX.Element;
 export default Datepicker;

package/esm/Datepicker/index.js

@@ -1,27 +1,29 @@
+import { __rest } from 'tslib';
 import React from 'react';
 import clsx from 'clsx';
 import styles from './Datepicker.module.css';
 import DatePicker from './components/DatePicker/index.js';
 
-var Datepicker = function Datepicker(_ref) {
-  var className = _ref.className,
-    endPlaceholder = _ref.endPlaceholder,
-    hasError = _ref.hasError,
-    hint = _ref.hint,
-    label = _ref.label,
-    placeholder = _ref.placeholder,
-    required = _ref.required,
-    selectedDate = _ref.selectedDate,
-    selectedRange = _ref.selectedRange,
-    selectionMode = _ref.selectionMode,
-    _ref$size = _ref.size,
-    size = _ref$size === void 0 ? "m" : _ref$size,
-    startPlaceholder = _ref.startPlaceholder,
-    onChangeDate = _ref.onChangeDate,
-    onChangeRange = _ref.onChangeRange;
+var Datepicker = function Datepicker(_a) {
+  var className = _a.className,
+    endPlaceholder = _a.endPlaceholder,
+    hasError = _a.hasError,
+    hint = _a.hint,
+    label = _a.label,
+    placeholder = _a.placeholder,
+    required = _a.required,
+    selectedDate = _a.selectedDate,
+    selectedRange = _a.selectedRange,
+    selectionMode = _a.selectionMode,
+    _a$size = _a.size,
+    size = _a$size === void 0 ? "m" : _a$size,
+    startPlaceholder = _a.startPlaceholder,
+    onChangeDate = _a.onChangeDate,
+    onChangeRange = _a.onChangeRange,
+    calendarProps = __rest(_a, ["className", "endPlaceholder", "hasError", "hint", "label", "placeholder", "required", "selectedDate", "selectedRange", "selectionMode", "size", "startPlaceholder", "onChangeDate", "onChangeRange"]);
   return /*#__PURE__*/React.createElement("div", {
     className: clsx(styles.root, className)
-  }, /*#__PURE__*/React.createElement(DatePicker, {
+  }, /*#__PURE__*/React.createElement(DatePicker, Object.assign({}, calendarProps, {
     endPlaceholder: endPlaceholder,
     hasError: hasError,
     hint: hint,
@@ -35,7 +37,7 @@ var Datepicker = function Datepicker(_ref) {
     startPlaceholder: startPlaceholder,
     onChangeDate: onChangeDate,
     onChangeRange: onChangeRange
-  }));
+  })));
 };
 
 export { Datepicker as default };

package/esm/Datepicker/index.props.d.ts

@@ -1,8 +1,10 @@
 import type { ReactNode } from "react";
+import type { CalendarCommonProps } from "../Calendar";
 export type DatepickerSize = "s" | "m" | "l";
 export type DatepickerSelectionMode = "single" | "range";
 export type DatepickerRangeValue = [string, string];
-export type Props = {
+export type DatepickerCalendarProps = Omit<CalendarCommonProps, "className" | "size">;
+export type Props = DatepickerCalendarProps & {
     className?: string;
     endPlaceholder?: string;
     hasError?: boolean;

package/package.json

@@ -1,12 +1,15 @@
 {
   "name": "colibri-ui",
-  "version": "0.8.69",
+  "version": "0.8.71",
   "description": "React UI components library",
   "main": "index.js",
   "types": "index.d.ts",
   "module": "esm/index.js",
   "scripts": {},
-  "sideEffects": false,
+  "sideEffects": [
+    "**/*.css",
+    "**/*.scss"
+  ],
   "repository": {
     "type": "git",
     "url": "git+ssh://git@github.com/ColibriMQLab/ColibriUI.git"