pixelize-design-library 2.1.53 → 2.1.55
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.
|
@@ -82,7 +82,9 @@ function CustomDatePicker(props) {
|
|
|
82
82
|
}
|
|
83
83
|
if (showTime) {
|
|
84
84
|
// setTempDate(new Date()); // add new
|
|
85
|
-
setTempDate(disableToday ? tomorrow : new Date());
|
|
85
|
+
// setTempDate(disableToday ? tomorrow : new Date());
|
|
86
|
+
// console.log(selectedDate,"selectedDateselectedDate")
|
|
87
|
+
setTempDate(disableToday ? tomorrow : selectedDate ? selectedDate : new Date());
|
|
86
88
|
}
|
|
87
89
|
onOpen();
|
|
88
90
|
};
|
|
@@ -26,6 +26,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
|
|
|
26
26
|
var react_1 = __importStar(require("react"));
|
|
27
27
|
var TimePicker = function (_a) {
|
|
28
28
|
var date = _a.date, onChange = _a.onChange, dateFormat = _a.dateFormat;
|
|
29
|
+
// console.log(date, "dateindatepicker");
|
|
29
30
|
var is12HourFormat = /(hh|h).*a/i.test(dateFormat);
|
|
30
31
|
var _b = (0, react_1.useState)(date.getHours()), hour = _b[0], setHour = _b[1];
|
|
31
32
|
var _c = (0, react_1.useState)(date.getMinutes()), minute = _c[0], setMinute = _c[1];
|
|
@@ -44,12 +45,12 @@ var TimePicker = function (_a) {
|
|
|
44
45
|
return hr === 12 ? 12 : hr + 12;
|
|
45
46
|
};
|
|
46
47
|
var updateTime = function (hrInput, min, meridiem) {
|
|
47
|
-
var newHour = is12HourFormat
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
newDate.
|
|
48
|
+
var newHour = is12HourFormat
|
|
49
|
+
? convertTo24Hour(hrInput, meridiem || ampm)
|
|
50
|
+
: hrInput;
|
|
51
|
+
var safeHour = Math.max(0, Math.min(23, newHour));
|
|
52
|
+
var safeMinutes = Math.max(0, Math.min(59, min));
|
|
53
|
+
var newDate = new Date(date.getFullYear(), date.getMonth(), date.getDate(), safeHour, safeMinutes, 0, 0);
|
|
53
54
|
onChange(newDate);
|
|
54
55
|
};
|
|
55
56
|
var handleHourChange = function (e) {
|
|
@@ -67,6 +68,7 @@ var TimePicker = function (_a) {
|
|
|
67
68
|
};
|
|
68
69
|
var handleMinuteChange = function (e) {
|
|
69
70
|
var min = parseInt(e.target.value || "0", 10);
|
|
71
|
+
// clamp between 0-59
|
|
70
72
|
min = Math.max(0, Math.min(59, min));
|
|
71
73
|
setMinute(min);
|
|
72
74
|
updateTime(hour, min, ampm);
|
package/dist/Pages/datePick.js
CHANGED
|
@@ -55,16 +55,14 @@ var DatePick = function () {
|
|
|
55
55
|
console.log("Date range cleared");
|
|
56
56
|
}
|
|
57
57
|
};
|
|
58
|
+
console.log("Selected DateTime:", selectedDateTime);
|
|
58
59
|
return (react_1.default.createElement("div", null,
|
|
59
60
|
react_1.default.createElement("h2", null, "Single Date Picker"),
|
|
60
61
|
react_1.default.createElement("h2", null, "Date "),
|
|
61
|
-
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 }),
|
|
62
62
|
react_1.default.createElement("h2", null, "time "),
|
|
63
|
-
react_1.default.createElement(DatePicker_1.default, { selectedDate: selectedTime, onChange: handleTimeChange, dateFormat: "HH:mm", pickerType: "time", width: "300px", error: true, errorMessage: "Invalid date" }),
|
|
64
63
|
react_1.default.createElement("h2", null, "datetime "),
|
|
65
64
|
react_1.default.createElement(DatePicker_1.default, { selectedDate: selectedDateTime, onChange: handleDateTimeChange, dateFormat: "dd/MM/yyyy hh:mm aa", pickerType: "datetime", width: "300px", error: true, errorMessage: "Invalid date" }),
|
|
66
65
|
react_1.default.createElement("br", null),
|
|
67
|
-
react_1.default.createElement("h2", null, "Date Range Picker")
|
|
68
|
-
react_1.default.createElement(DatePicker_1.default, { isRange: true, dateFormat: "dd/MM/yyyy", pickerType: "date", onChange: handleDateRangeChange, selectedDate: selectedDateRange, width: "300px", error: true, errorMessage: "Invalid date" })));
|
|
66
|
+
react_1.default.createElement("h2", null, "Date Range Picker")));
|
|
69
67
|
};
|
|
70
68
|
exports.default = DatePick;
|
package/dist/Pages/table.js
CHANGED
|
@@ -139,6 +139,6 @@ var column = [
|
|
|
139
139
|
];
|
|
140
140
|
var TableExample = function () {
|
|
141
141
|
return (react_1.default.createElement("div", null,
|
|
142
|
-
react_1.default.createElement(Table_1.default, { columns: column, data: tableData, isCheckbox: true, isVisiblity: false, isLoading: false, noBorders: false, onSelection: function (checked) { return console.log(checked); }, onRowClick: function (row, header) { return console.log(row, header); }, isPagination: false })));
|
|
142
|
+
react_1.default.createElement(Table_1.default, { columns: column, data: tableData, isCheckbox: true, isVisiblity: false, isLoading: false, noBorders: false, onSelection: function (checked) { return console.log(checked); }, onRowClick: function (row, header) { return console.log(row, header); }, isPagination: false, isTableSettings: true })));
|
|
143
143
|
};
|
|
144
144
|
exports.TableExample = TableExample;
|