@majoo-ui/react 1.54.20 → 1.54.21

package/components/datePicker/CustomDatePicker.d.ts

@@ -0,0 +1,63 @@
+import * as React from 'react';
+import { ADVANCE_PICKER, RANGE_PICKER, SINGLE_PICKER, DATE_RANGE_PICKER } from './DatePicker';
+import { PopoverPlacement } from '../../type/base.types';
+export interface CustomDatePickerProps {
+    children: React.ReactElement<any>;
+    /**
+     * Specify the DatePicker type.
+     */
+    type?: typeof SINGLE_PICKER | typeof RANGE_PICKER | typeof DATE_RANGE_PICKER | typeof ADVANCE_PICKER;
+    /**
+     * Specify whether the CustomDatePicker should be disabled, or not
+     */
+    disabled?: boolean;
+    /**
+     * Specify an `onChange` handler that is called whenever the CustomDatePicker value changes.
+     */
+    onChange?: (value: any) => void;
+    /**
+     * Specify the CustomDatePicker value.
+     */
+    value?: Date | Date[];
+    /**
+     * Specify the CustomDatePicker default value.
+     */
+    defaultValue?: Date | Date[];
+    /**
+     * Deprecated in v1.46.2. Use 'value' instead.
+     */
+    date?: Date | Date[];
+    /**
+     * Deprecated in v1.46.2. Use 'defaultValue' instead.
+     */
+    defaultDate?: Date | Date[];
+    /**
+     * Specify the 'advance' typed CustomDatePicker custom view.
+     */
+    advanceView?: React.ReactNode;
+    /**
+     * Specify the picker popover placement.
+     */
+    placement?: PopoverPlacement;
+    /**
+     * If true, the TimePicker component will be visible.
+     */
+    showTimePicker?: boolean;
+    /**
+     * Specify the minimum date.
+     */
+    minDate?: Date;
+    /**
+     * Specify the maximum date.
+     */
+    maxDate?: Date;
+    /**
+     * Allow DatePicker to reset selected date.
+     */
+    allowReset?: boolean;
+    /**
+     * Specify distance between the children and DatePicker.
+     */
+    sideOffset?: number;
+}
+export declare function CustomDatePicker({ children, type, disabled, onChange, defaultValue: defaultDateValue, value: dateValue, defaultDate, date, advanceView, placement, showTimePicker, minDate, maxDate, allowReset, sideOffset, }: CustomDatePickerProps): JSX.Element;

package/index.esm.js

@@ -11428,7 +11428,8 @@ const Popover = ({
   }, children);
 };
 const PopoverTrigger = ({
-  children
+  children,
+  disabled
 }) => {
   const {
     floatingHook: {
@@ -11436,7 +11437,7 @@ const PopoverTrigger = ({
     },
     getReferenceProps
   } = useContext(PopoverContext);
-  return /*#__PURE__*/cloneElement(children, getReferenceProps(Object.assign({
+  return disabled ? children : /*#__PURE__*/cloneElement(children, getReferenceProps(Object.assign({
     ref: reference
   }, children.props)));
 };
@@ -15278,8 +15279,8 @@ const CalendarBox = ({
       onClick: () => {
         if (!maxDate || pickerState.type === DATE_PICKER && moment(maxDate).isAfter(moment().date(1).month(pickerState.selectedMonth + 1).year(pickerState.selectedYear)) || pickerState.type === MONTH_PICKER && new Date(maxDate).getFullYear() > pickerState.selectedYear) {
           setPickerState(current => Object.assign(Object.assign({}, current), {
-            selectedMonth: pickerState.type === DATE_PICKER ? current.selectedMonth + 1 : current.selectedMonth,
-            selectedYear: pickerState.type === MONTH_PICKER && current.selectedYear < 2100 ? current.selectedYear + 1 : current.selectedYear,
+            selectedMonth: pickerState.type === DATE_PICKER ? current.selectedMonth === 11 ? 0 : current.selectedMonth + 1 : current.selectedMonth,
+            selectedYear: pickerState.type === MONTH_PICKER && current.selectedYear < 2100 || current.selectedMonth === 11 ? current.selectedYear + 1 : current.selectedYear,
             selectedYearRange: pickerState.type === YEAR_PICKER && current.selectedYearRange < 2091 ? current.selectedYearRange + 10 : current.selectedYearRange,
             selectedYearRangeStart: pickerState.type === YEAR_RANGE_PICKER && current.selectedYearRangeStart < 2001 ? current.selectedYearRangeStart + 100 : current.selectedYearRangeStart
           }));
@@ -16849,7 +16850,9 @@ const CalendarPicker = _a => {
     disabled: disabled,
     onCalendarDateChange: setCalendarDate,
     showTimePicker: showTimePicker,
-    renderTimePicker: timePicker
+    renderTimePicker: timePicker,
+    minDate: minDate,
+    maxDate: maxDate
   }, dayzedData), void 0);
 };
 

package/index.umd.js

@@ -11602,7 +11602,8 @@
     }, children);
   };
   const PopoverTrigger = ({
-    children
+    children,
+    disabled
   }) => {
     const {
       floatingHook: {
@@ -11610,7 +11611,7 @@
       },
       getReferenceProps
     } = React.useContext(PopoverContext);
-    return /*#__PURE__*/React.cloneElement(children, getReferenceProps(Object.assign({
+    return disabled ? children : /*#__PURE__*/React.cloneElement(children, getReferenceProps(Object.assign({
       ref: reference
     }, children.props)));
   };
@@ -15472,8 +15473,8 @@
           if (!maxDate || pickerState.type === DATE_PICKER && moment__default["default"](maxDate).isAfter(moment__default["default"]().date(1).month(pickerState.selectedMonth + 1).year(pickerState.selectedYear)) || pickerState.type === MONTH_PICKER && new Date(maxDate).getFullYear() > pickerState.selectedYear) {
             setPickerState(function (current) {
               return __assign(__assign({}, current), {
-                selectedMonth: pickerState.type === DATE_PICKER ? current.selectedMonth + 1 : current.selectedMonth,
-                selectedYear: pickerState.type === MONTH_PICKER && current.selectedYear < 2100 ? current.selectedYear + 1 : current.selectedYear,
+                selectedMonth: pickerState.type === DATE_PICKER ? current.selectedMonth === 11 ? 0 : current.selectedMonth + 1 : current.selectedMonth,
+                selectedYear: pickerState.type === MONTH_PICKER && current.selectedYear < 2100 || current.selectedMonth === 11 ? current.selectedYear + 1 : current.selectedYear,
                 selectedYearRange: pickerState.type === YEAR_PICKER && current.selectedYearRange < 2091 ? current.selectedYearRange + 10 : current.selectedYearRange,
                 selectedYearRangeStart: pickerState.type === YEAR_RANGE_PICKER && current.selectedYearRangeStart < 2001 ? current.selectedYearRangeStart + 100 : current.selectedYearRangeStart
               });
@@ -17106,7 +17107,9 @@
       disabled: disabled,
       onCalendarDateChange: setCalendarDate,
       showTimePicker: showTimePicker,
-      renderTimePicker: timePicker
+      renderTimePicker: timePicker,
+      minDate: minDate,
+      maxDate: maxDate
     }, dayzedData), void 0);
   };
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@majoo-ui/react",
-  "version": "1.54.20",
+  "version": "1.54.21",
   "dependencies": {
     "@majoo-ui/core": "^1.31.1",
     "@majoo-ui/helpers": "^1.30.5",