pixelize-design-library 2.1.50 → 2.1.51

package/dist/Components/DatePicker/DatePicker.js

@@ -46,29 +46,43 @@ var inferPickerTypeFromFormat = function (formatStr) {
     return "date";
 };
 function CustomDatePicker(props) {
-    var id = props.id, name = props.name, label = props.label, isRequired = props.isRequired, isInformation = props.isInformation, informationMessage = props.informationMessage, error = props.error, errorMessage = props.errorMessage, helperText = props.helperText, _a = props.placeholderText, placeholderText = _a === void 0 ? "Select a date" : _a, _b = props.dateFormat, dateFormat = _b === void 0 ? "dd/MM/yyyy" : _b, pickerType = props.pickerType, minDate = props.minDate, maxDate = props.maxDate, disableFutureDates = props.disableFutureDates, disablePastDates = props.disablePastDates, isRange = props.isRange, _c = props.autoComplete, autoComplete = _c === void 0 ? "off" : _c, disabled = props.disabled, _d = props.width, width = _d === void 0 ? "100%" : _d;
+    var id = props.id, name = props.name, label = props.label, isRequired = props.isRequired, isInformation = props.isInformation, informationMessage = props.informationMessage, error = props.error, errorMessage = props.errorMessage, helperText = props.helperText, _a = props.placeholderText, placeholderText = _a === void 0 ? "Select a date" : _a, _b = props.dateFormat, dateFormat = _b === void 0 ? "dd/MM/yyyy" : _b, pickerType = props.pickerType, minDate = props.minDate, maxDate = props.maxDate, disableFutureDates = props.disableFutureDates, disablePastDates = props.disablePastDates, isRange = props.isRange, _c = props.autoComplete, autoComplete = _c === void 0 ? "off" : _c, disabled = props.disabled, _d = props.width, width = _d === void 0 ? "100%" : _d, _e = props.disableToday, disableToday = _e === void 0 ? false : _e;
     var theme = (0, useCustomTheme_1.useCustomTheme)();
-    var _e = (0, react_2.useDisclosure)(), isOpen = _e.isOpen, onOpen = _e.onOpen, onClose = _e.onClose;
+    var _f = (0, react_2.useDisclosure)(), isOpen = _f.isOpen, onOpen = _f.onOpen, onClose = _f.onClose;
     var resolvedPickerType = pickerType !== null && pickerType !== void 0 ? pickerType : inferPickerTypeFromFormat(dateFormat);
     var inputRef = (0, react_1.useRef)(null);
     var today = new Date();
+    var tomorrow = (0, date_fns_1.addDays)(today, 1);
     var showDate = resolvedPickerType === "date" || resolvedPickerType === "datetime";
     var showTime = resolvedPickerType === "time" || resolvedPickerType === "datetime";
     var selectedDate = !isRange ? props.selectedDate : null;
-    var _f = (0, react_1.useState)(isRange ? new Date() : selectedDate !== null && selectedDate !== void 0 ? selectedDate : new Date()), currentMonth = _f[0], setCurrentMonth = _f[1];
-    var _g = (0, react_1.useState)(null), rangeStart = _g[0], setRangeStart = _g[1];
-    var _h = (0, react_1.useState)(null), rangeEnd = _h[0], setRangeEnd = _h[1];
-    var _j = (0, react_1.useState)(true), selectingStart = _j[0], setSelectingStart = _j[1];
-    var _k = (0, react_1.useState)(selectedDate !== null && selectedDate !== void 0 ? selectedDate : null), tempDate = _k[0], setTempDate = _k[1];
-    var _l = (0, react_1.useState)(rangeStart), tempRangeStart = _l[0], setTempRangeStart = _l[1];
-    var _m = (0, react_1.useState)(rangeEnd), tempRangeEnd = _m[0], setTempRangeEnd = _m[1];
+    // const [currentMonth, setCurrentMonth] = useState<Date>(
+    //   isRange ? new Date() : selectedDate ?? new Date()
+    // );
+    var _g = (0, react_1.useState)(isRange ? new Date() :
+        selectedDate
+            ? (disableToday && (0, date_fns_1.isSameDay)(selectedDate, today) ? tomorrow : selectedDate)
+            : (disableToday ? tomorrow : today)), currentMonth = _g[0], setCurrentMonth = _g[1];
+    var _h = (0, react_1.useState)(null), rangeStart = _h[0], setRangeStart = _h[1];
+    var _j = (0, react_1.useState)(null), rangeEnd = _j[0], setRangeEnd = _j[1];
+    var _k = (0, react_1.useState)(true), selectingStart = _k[0], setSelectingStart = _k[1];
+    var _l = (0, react_1.useState)(selectedDate !== null && selectedDate !== void 0 ? selectedDate : null), tempDate = _l[0], setTempDate = _l[1];
+    //   const [tempDate, setTempDate] = useState<Date | null>(
+    //   selectedDate
+    //     ? (disableToday && isSameDay(selectedDate, today) ? tomorrow : selectedDate)
+    //     : (disableToday ? tomorrow : null)
+    // );
+    var _m = (0, react_1.useState)(rangeStart), tempRangeStart = _m[0], setTempRangeStart = _m[1];
+    var _o = (0, react_1.useState)(rangeEnd), tempRangeEnd = _o[0], setTempRangeEnd = _o[1];
     var popoverRef = (0, react_1.useRef)(null);
     var handleOpen = function () {
         if (!isRange && !selectedDate) {
-            setTempDate(new Date());
+            // setTempDate(new Date());
+            setTempDate(disableToday ? tomorrow : new Date());
         }
         if (showTime) {
-            setTempDate(new Date()); // add new
+            // setTempDate(new Date()); // add new
+            setTempDate(disableToday ? tomorrow : new Date());
         }
         onOpen();
     };
@@ -76,14 +90,24 @@ function CustomDatePicker(props) {
         if (!isRange) {
             if (selectedDate instanceof Date) {
                 setTempDate(new Date(selectedDate));
+                // const corrected = disableToday && isSameDay(selectedDate, today)
+                //   ? tomorrow
+                //   : selectedDate;
+                // setTempDate(new Date(corrected));
             }
             else {
                 setTempDate(null);
+                // setTempDate(disableToday ? tomorrow : null);
             }
         }
-    }, [selectedDate, isRange]);
+    }, [selectedDate, isRange, disableToday]);
     var handleDaySelect = function (day) {
+        // const updated = new Date(day);
         var updated = new Date(day);
+        // 👇 Redirect selection from today → tomorrow
+        if (disableToday && (0, date_fns_1.isSameDay)(updated, today)) {
+            updated = tomorrow;
+        }
         if (isRange) {
             if (selectingStart) {
                 setTempRangeStart(updated);
@@ -135,7 +159,8 @@ function CustomDatePicker(props) {
                     (minDate && (0, date_fns_1.isBefore)(thisDay, minDate)) ||
                     (maxDate && (0, date_fns_1.isAfter)(thisDay, maxDate)) ||
                     (disablePastDates && (0, date_fns_1.isBefore)(thisDay, today) && !(0, date_fns_1.isSameDay)(thisDay, today)) ||
-                    (disableFutureDates && (0, date_fns_1.isAfter)(thisDay, today) && !(0, date_fns_1.isSameDay)(thisDay, today));
+                    (disableFutureDates && (0, date_fns_1.isAfter)(thisDay, today) && !(0, date_fns_1.isSameDay)(thisDay, today)) ||
+                    (disableToday && isToday);
                 days.push(react_1.default.createElement(Button_1.default, { key: thisDay.toString(), size: "sm", variant: isStart || isEnd
                         ? "solid"
                         : isInRange
@@ -211,19 +236,34 @@ function CustomDatePicker(props) {
                                 react_1.default.createElement(lucide_react_1.ChevronRightIcon, null))),
                         react_1.default.createElement(react_2.Grid, { templateColumns: "repeat(7, 1fr)", gap: 1, fontWeight: "bold", mb: 1 }, ["Su", "Mo", "Tu", "We", "Th", "Fr", "Sa"].map(function (day) { return (react_1.default.createElement(react_2.Box, { textAlign: "center", key: day }, day)); })),
                         renderDays())),
-                    !isRange && showTime && (react_1.default.createElement(TimePicker_1.default, { date: tempDate !== null && tempDate !== void 0 ? tempDate : new Date(), dateFormat: dateFormat, onChange: function (updatedDate) {
+                    !isRange && showTime && (react_1.default.createElement(TimePicker_1.default
+                    // date={tempDate ?? new Date()}
+                    , { 
+                        // date={tempDate ?? new Date()}
+                        date: tempDate !== null && tempDate !== void 0 ? tempDate : (disableToday ? tomorrow : new Date()), dateFormat: dateFormat, 
+                        // onChange={(updatedDate) => {
+                        // 👇 Redirect time change if today
+                        //   const corrected = disableToday && isSameDay(updatedDate, today)
+                        //     ? tomorrow
+                        //     : updatedDate;
+                        //   setTempDate(corrected);
+                        //   (props as any).onChange(corrected);
+                        // }}
+                        onChange: function (updatedDate) {
                             setTempDate(updatedDate);
                             props.onChange(updatedDate);
                         } })),
                     react_1.default.createElement(react_2.Box, { display: "flex", justifyContent: "space-between", mt: 3 },
                         react_1.default.createElement(Button_1.default, { size: "sm", variant: "ghost", onClick: function () {
                                 setTempDate(null);
+                                // setTempDate(disableToday ? tomorrow : null);
                                 setTempRangeStart(null);
                                 setTempRangeEnd(null);
                                 setRangeStart(null);
                                 setRangeEnd(null);
                                 setSelectingStart(true);
                                 props.onChange(null);
+                                // (props as any).onChange(disableToday ? tomorrow : null);
                                 onClose();
                             } }, "Clear"),
                         react_1.default.createElement(Button_1.default, { size: "sm", colorScheme: "primary", onClick: function () {

package/dist/Components/DatePicker/DatePickerProps.d.ts

@@ -19,6 +19,7 @@ export type BaseDatePickerProps = {
     autoComplete?: string;
     disabled?: boolean;
     width?: string | number;
+    disableToday?: boolean;
 };
 export type SingleDatePickerProps = BaseDatePickerProps & {
     isRange?: false;

package/dist/Pages/datePick.js

@@ -58,7 +58,7 @@ var DatePick = function () {
     return (react_1.default.createElement("div", null,
         react_1.default.createElement("h2", null, "Single Date Picker"),
         react_1.default.createElement("h2", null, "Date "),
-        react_1.default.createElement(DatePicker_1.default, { selectedDate: selectedDate, onChange: handleDateChange, dateFormat: "dd/MM/yyyy", pickerType: "date", width: "300px", error: true, errorMessage: "Invalid date" }),
+        react_1.default.createElement(DatePicker_1.default, { selectedDate: selectedDate, onChange: handleDateChange, dateFormat: "dd/MM/yyyy", pickerType: "date", width: "300px", error: true, errorMessage: "Invalid date", disableToday: true }),
         react_1.default.createElement("h2", null, "time "),
         react_1.default.createElement(DatePicker_1.default, { selectedDate: selectedTime, onChange: handleTimeChange, dateFormat: "HH:mm", pickerType: "time", width: "300px", error: true, errorMessage: "Invalid date" }),
         react_1.default.createElement("h2", null, "datetime "),

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "pixelize-design-library",
-  "version": "2.1.50",
+  "version": "2.1.51",
   "private": false,
   "main": "dist/index.js",
   "module": "dist/index.js",