ublo-lib 1.18.2 → 1.18.4

package/es/common/components/date-picker/calendar.js

@@ -20,6 +20,8 @@ function Calendar({
   setMode,
   display,
   stayDates = [],
+  min,
+  max,
   onSubmit,
   specialRule,
   setSpecialRule,
@@ -190,6 +192,8 @@ function Calendar({
       display: display,
       month: month,
       year: year,
+      min: min,
+      max: max,
       selecting: selecting,
       setSelecting: setSelecting,
       selectedDates: selectedDates,
@@ -208,6 +212,8 @@ function Calendar({
       display: display,
       month: monthAlt,
       year: yearAlt,
+      min: min,
+      max: max,
       selecting: selecting,
       setSelecting: setSelecting,
       selectedDates: selectedDates,

package/es/common/components/date-picker/date-item.js

@@ -10,6 +10,8 @@ const DateItem = ({
   index,
   month,
   year,
+  min,
+  max,
   selectedDates,
   setSelectedDates,
   setFirstSelectedDate,
@@ -92,13 +94,14 @@ const DateItem = ({
     }
   };
   const isSelected = !!selectedDates.find(d => d.getTime() === _date.getTime());
+  const isDisabled = Utils.isBefore(date, min) || Utils.isAfter(date, max);
   const classes = classNames(styles.date, {
     [styles.dateToday]: isToday,
     [styles.dateSelected]: isSelected,
     [styles.dateFirstSelected]: isFirstSelected,
     [styles.dateLastSelected]: isLastSelected,
     [styles.dateNotInMonth]: !inMonth,
-    [styles.dateIsPast]: isPastDate,
+    [styles.dateIsPast]: isPastDate || isDisabled,
     [styles.dateSaturday]: mode === Data.MODES.SATURDAY && Utils.isSaturday(date),
     [styles.dateSunday]: mode === Data.MODES.SUNDAY && Utils.isSunday(date),
     [styles.available]: enableAvailability && isAvailable,

package/es/common/components/date-picker/date-picker.js

@@ -17,6 +17,8 @@ const DatePicker = ({
   popup = true,
   close,
   hideModes,
+  min,
+  max,
   defaultMode = Data.MODES[DEFAULT_MODE],
   rules,
   singleDate,
@@ -93,6 +95,8 @@ const DatePicker = ({
         setMode: setCurrentMode,
         display: display,
         stayDates: stayDates,
+        min: min,
+        max: max,
         onSubmit: onSubmit,
         rules: rules,
         specialRule: specialRule,

package/es/common/components/date-picker/month.js

@@ -12,6 +12,8 @@ const Month = ({
   display,
   month,
   year,
+  min,
+  max,
   selecting,
   setSelecting,
   selectedDates,
@@ -58,6 +60,8 @@ const Month = ({
           date: date,
           month: month,
           year: year,
+          min: min,
+          max: max,
           selectedDates: selectedDates,
           setSelectedDates: setSelectedDates,
           setFirstSelectedDate: setFirstSelectedDate,

package/es/common/components/date-picker/utils.js

@@ -59,12 +59,21 @@ export const isPast = date => {
   return _date < now;
 };
 export const isBefore = (date, ref) => {
+  if (!date || !ref) return false;
   const d = Array.isArray(date) ? date.join("-") : date;
   const r = Array.isArray(ref) ? ref.join("-") : ref;
   const _date = new Date(d);
   const _ref = new Date(r);
   return _date < _ref;
 };
+export const isAfter = (date, ref) => {
+  if (!date || !ref) return false;
+  const d = Array.isArray(date) ? date.join("-") : date;
+  const r = Array.isArray(ref) ? ref.join("-") : ref;
+  const _date = new Date(d);
+  const _ref = new Date(r);
+  return _date > _ref;
+};
 export function addDays(_date, days) {
   const date = new Date(_date);
   date.setDate(date.getDate() + days);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ublo-lib",
-  "version": "1.18.2",
+  "version": "1.18.4",
   "peerDependencies": {
     "dt-design-system": "^2.9.0",
     "leaflet": "^1.9.1",