pixelize-design-library 2.3.7 → 2.3.9

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

@@ -2,3 +2,4 @@ import React from "react";
 import { DatePickerProps } from "./DatePickerProps";
 declare const ThemeDatePicker: React.FC<DatePickerProps>;
 export default ThemeDatePicker;
+//# sourceMappingURL=ThemeDatePicker.d.ts.map

package/dist/Components/DatePicker/ThemeDatePicker.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ThemeDatePicker.d.ts","sourceRoot":"","sources":["../../../src/Components/DatePicker/ThemeDatePicker.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,eAAe,EAA+C,MAAM,mBAAmB,CAAC;AAejG,QAAA,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CAa9C,CAAC;AAEF,eAAe,eAAe,CAAC"}

package/dist/Components/DatePicker/ThemeDatePicker.js

@@ -1,43 +1,29 @@
 "use strict";
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
 Object.defineProperty(exports, "__esModule", { value: true });
-var react_1 = __importDefault(require("react"));
-var RangeDatePicker_1 = require("./RangeDatePicker");
-var SingleDatePicker_1 = require("./SingleDatePicker");
-var TimeOnlyPicker_1 = require("./TimeOnlyPicker");
-var inferPickerTypeFromFormat = function (formatStr) {
-    var lower = formatStr.toLowerCase();
-    var hasTime = lower.includes("hh") || lower.includes("mm") || lower.includes("ss");
-    var hasDate = lower.includes("d") && lower.includes("m") && lower.includes("y");
+const jsx_runtime_1 = require("react/jsx-runtime");
+const RangeDatePicker_1 = require("./RangeDatePicker");
+const SingleDatePicker_1 = require("./SingleDatePicker");
+const TimeOnlyPicker_1 = require("./TimeOnlyPicker");
+const inferPickerTypeFromFormat = (formatStr) => {
+    const lower = formatStr.toLowerCase();
+    const hasTime = lower.includes("hh") || lower.includes("mm") || lower.includes("ss");
+    const hasDate = lower.includes("d") && lower.includes("m") && lower.includes("y");
     if (hasTime && hasDate)
         return "datetime";
     if (hasTime)
         return "time";
     return "date";
 };
-var ThemeDatePicker = function (props) {
+const ThemeDatePicker = (props) => {
     var _a, _b;
     if (props.isRange) {
-        return react_1.default.createElement(RangeDatePicker_1.RangeDatePicker, __assign({}, props));
+        return (0, jsx_runtime_1.jsx)(RangeDatePicker_1.RangeDatePicker, { ...props });
     }
-    var dateFormat = (_a = props.dateFormat) !== null && _a !== void 0 ? _a : "dd/MM/yyyy";
-    var pickerType = (_b = props.pickerType) !== null && _b !== void 0 ? _b : inferPickerTypeFromFormat(dateFormat);
+    const dateFormat = (_a = props.dateFormat) !== null && _a !== void 0 ? _a : "dd/MM/yyyy";
+    const pickerType = (_b = props.pickerType) !== null && _b !== void 0 ? _b : inferPickerTypeFromFormat(dateFormat);
     if (pickerType === "time") {
-        return react_1.default.createElement(TimeOnlyPicker_1.TimeOnlyPicker, __assign({}, props));
+        return (0, jsx_runtime_1.jsx)(TimeOnlyPicker_1.TimeOnlyPicker, { ...props });
     }
-    return react_1.default.createElement(SingleDatePicker_1.SingleDatePicker, __assign({}, props));
+    return (0, jsx_runtime_1.jsx)(SingleDatePicker_1.SingleDatePicker, { ...props });
 };
 exports.default = ThemeDatePicker;

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

@@ -2,3 +2,4 @@ import React from "react";
 import { SingleDatePickerProps } from "./DatePickerProps";
 export declare const TimeOnlyPicker: React.FC<SingleDatePickerProps>;
 export default TimeOnlyPicker;
+//# sourceMappingURL=TimeOnlyPicker.d.ts.map

package/dist/Components/DatePicker/TimeOnlyPicker.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TimeOnlyPicker.d.ts","sourceRoot":"","sources":["../../../src/Components/DatePicker/TimeOnlyPicker.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA+C,MAAM,OAAO,CAAC;AAYpE,OAAO,EAAE,qBAAqB,EAAE,MAAM,mBAAmB,CAAC;AAY1D,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,qBAAqB,CA0K1D,CAAC;AAEF,eAAe,cAAc,CAAC"}

package/dist/Components/DatePicker/TimeOnlyPicker.js

@@ -1,131 +1,83 @@
 "use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || (function () {
-    var ownKeys = function(o) {
-        ownKeys = Object.getOwnPropertyNames || function (o) {
-            var ar = [];
-            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
-            return ar;
-        };
-        return ownKeys(o);
-    };
-    return function (mod) {
-        if (mod && mod.__esModule) return mod;
-        var result = {};
-        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
-        __setModuleDefault(result, mod);
-        return result;
-    };
-})();
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.TimeOnlyPicker = void 0;
-var react_1 = __importStar(require("react"));
-var react_2 = require("@chakra-ui/react");
-var date_fns_1 = require("date-fns");
-var FormLabel_1 = require("../Common/FormLabel");
-var HelperText_1 = __importDefault(require("../Common/HelperText"));
-var ErrorMessage_1 = __importDefault(require("../Common/ErrorMessage"));
-var TimePicker_1 = __importDefault(require("./TimePicker"));
-var TimePickerInput_1 = require("./TimePickerInput");
-var formatToPlaceholder = function (formatStr) {
-    return formatStr.replace(/h{1,2}/gi, "HH").replace(/m{1,2}/gi, "mm").replace(/a{1,2}/gi, "AM");
-};
-var TimeOnlyPicker = function (props) {
-    var _a;
-    var id = props.id, label = props.label, isRequired = props.isRequired, isInformation = props.isInformation, informationMessage = props.informationMessage, error = props.error, errorMessage = props.errorMessage, helperText = props.helperText, placeholderText = props.placeholderText, _b = props.dateFormat, dateFormat = _b === void 0 ? "HH:mm" : _b, disabled = props.disabled, _c = props.width, width = _c === void 0 ? "100%" : _c, _d = props.disableToday, disableToday = _d === void 0 ? false : _d, _e = props.size, size = _e === void 0 ? "md" : _e;
-    var _f = (0, react_2.useDisclosure)(), isOpen = _f.isOpen, onOpen = _f.onOpen, onClose = _f.onClose;
-    var popoverRef = (0, react_1.useRef)(null);
-    var triggerRef = (0, react_1.useRef)(null);
-    var inputWrapperRef = (0, react_1.useRef)(null);
-    var today = new Date();
-    var tomorrow = (0, date_fns_1.addDays)(today, 1);
-    var sizeKey = typeof size === "string" ? size : "md";
-    var selectedDate = ((_a = props.value) !== null && _a !== void 0 ? _a : props.selectedDate);
-    var _g = (0, react_1.useState)(selectedDate ? new Date(selectedDate) : null), tempDate = _g[0], setTempDate = _g[1];
-    (0, react_1.useEffect)(function () {
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const react_2 = require("@chakra-ui/react");
+const date_fns_1 = require("date-fns");
+const FormLabel_1 = require("../Common/FormLabel");
+const HelperText_1 = __importDefault(require("../Common/HelperText"));
+const ErrorMessage_1 = __importDefault(require("../Common/ErrorMessage"));
+const TimePicker_1 = __importDefault(require("./TimePicker"));
+const TimePickerInput_1 = require("./TimePickerInput");
+const formatToPlaceholder = (formatStr) => formatStr.replace(/h{1,2}/gi, "HH").replace(/m{1,2}/gi, "mm").replace(/a{1,2}/gi, "AM");
+const TimeOnlyPicker = (props) => {
+    var _a, _b;
+    const { id, label, isRequired, isInformation, informationMessage, error, errorMessage, helperText, placeholderText, dateFormat = "HH:mm", disabled, width = "100%", disableToday = false, size = "md", } = props;
+    const { isOpen, onOpen, onClose } = (0, react_2.useDisclosure)();
+    const popoverRef = (0, react_1.useRef)(null);
+    const triggerRef = (0, react_1.useRef)(null);
+    const inputWrapperRef = (0, react_1.useRef)(null);
+    const today = new Date();
+    const tomorrow = (0, date_fns_1.addDays)(today, 1);
+    const sizeKey = typeof size === "string" ? size : "md";
+    const selectedDate = (_b = ((_a = props.value) !== null && _a !== void 0 ? _a : props.selectedDate)) !== null && _b !== void 0 ? _b : null;
+    const [tempDate, setTempDate] = (0, react_1.useState)(selectedDate ? new Date(selectedDate) : null);
+    (0, react_1.useEffect)(() => {
         setTempDate(selectedDate ? new Date(selectedDate) : null);
     }, [selectedDate]);
-    var placeholder = (0, react_1.useMemo)(function () { return placeholderText || formatToPlaceholder(dateFormat); }, [placeholderText, dateFormat]);
-    var handleTimeInputChange = function (date) {
+    const placeholder = (0, react_1.useMemo)(() => placeholderText || formatToPlaceholder(dateFormat), [placeholderText, dateFormat]);
+    const handleTimeInputChange = (date) => {
         setTempDate(date);
         props.onChange(date);
     };
-    var handleTimePickerChange = function (date) {
+    const handleTimePickerChange = (date) => {
         setTempDate(date);
         props.onChange(date);
     };
-    var handleClear = function () {
+    const handleClear = () => {
         setTempDate(null);
         props.onChange(null);
         // Do not close; user asked only outside-click and OK to close
     };
-    var handleOk = function () {
-        var commitValue = tempDate !== null && tempDate !== void 0 ? tempDate : new Date(resolvedTempDate.getFullYear(), resolvedTempDate.getMonth(), resolvedTempDate.getDate(), resolvedTempDate.getHours(), resolvedTempDate.getMinutes(), resolvedTempDate.getSeconds(), resolvedTempDate.getMilliseconds());
+    const handleOk = () => {
+        const commitValue = tempDate !== null && tempDate !== void 0 ? tempDate : new Date(resolvedTempDate.getFullYear(), resolvedTempDate.getMonth(), resolvedTempDate.getDate(), resolvedTempDate.getHours(), resolvedTempDate.getMinutes(), resolvedTempDate.getSeconds(), resolvedTempDate.getMilliseconds());
         setTempDate(commitValue);
         props.onChange(commitValue);
         onClose();
     };
-    (0, react_1.useEffect)(function () {
+    (0, react_1.useEffect)(() => {
         if (!isOpen)
             return;
-        var handleMouseDownOutside = function (event) {
-            var target = event.target;
-            var inputEl = inputWrapperRef.current;
-            var triggerEl = triggerRef.current;
-            var popoverEl = popoverRef.current;
-            var insideInput = !!inputEl && inputEl.contains(target);
-            var insideTrigger = !!triggerEl && triggerEl.contains(target);
-            var insidePopover = !!popoverEl && popoverEl.contains(target);
+        const handleMouseDownOutside = (event) => {
+            const target = event.target;
+            const inputEl = inputWrapperRef.current;
+            const triggerEl = triggerRef.current;
+            const popoverEl = popoverRef.current;
+            const insideInput = !!inputEl && inputEl.contains(target);
+            const insideTrigger = !!triggerEl && triggerEl.contains(target);
+            const insidePopover = !!popoverEl && popoverEl.contains(target);
             if (!insideInput && !insideTrigger && !insidePopover) {
                 onClose();
             }
         };
         document.addEventListener("mousedown", handleMouseDownOutside, true);
-        return function () {
+        return () => {
             document.removeEventListener("mousedown", handleMouseDownOutside, true);
         };
     }, [isOpen, onClose]);
-    var resolvedTempDate = tempDate !== null && tempDate !== void 0 ? tempDate : new Date((disableToday ? tomorrow : today).getFullYear(), (disableToday ? tomorrow : today).getMonth(), (disableToday ? tomorrow : today).getDate(), 0, 0, 0, 0);
-    return (react_1.default.createElement(react_2.FormControl, { id: id, isDisabled: disabled, width: width },
-        label && (react_1.default.createElement(FormLabel_1.TextLabel, { label: label, isRequired: isRequired, isInformation: isInformation, informationMessage: informationMessage })),
-        react_1.default.createElement(react_2.Popover, { isLazy: true, isOpen: isOpen, onClose: onClose, placement: "bottom-start", closeOnBlur: false, returnFocusOnClose: false },
-            react_1.default.createElement(react_2.PopoverAnchor, null,
-                react_1.default.createElement(react_2.Box, { ref: triggerRef, as: "div" },
-                    react_1.default.createElement(react_2.Box, { ref: inputWrapperRef },
-                        react_1.default.createElement(TimePickerInput_1.TimePickerInput, { value: tempDate, onChange: function (date) {
-                                handleTimeInputChange(date);
-                            }, dateFormat: dateFormat, disabled: disabled, placeholder: placeholder, onFocus: function () {
-                                if (!disabled && !isOpen)
-                                    onOpen();
-                            }, error: error, size: sizeKey })))),
-            react_1.default.createElement(react_2.PopoverContent, { width: "auto", p: 4, ref: popoverRef, boxShadow: "lg" },
-                react_1.default.createElement(react_2.PopoverBody, null,
-                    react_1.default.createElement(TimePicker_1.default, { date: resolvedTempDate, dateFormat: dateFormat, onChange: function (updatedDate) {
-                            handleTimePickerChange(updatedDate);
-                        } }),
-                    react_1.default.createElement(react_2.Box, { display: "flex", justifyContent: "space-between", mt: 4, pt: 4, borderTop: "1px solid", borderColor: "gray.200" },
-                        react_1.default.createElement(react_2.Button, { size: "sm", variant: "ghost", onClick: handleClear }, "Clear"),
-                        react_1.default.createElement(react_2.Button, { size: "sm", colorScheme: "primary", onClick: handleOk }, "OK"))))),
-        error && errorMessage && react_1.default.createElement(ErrorMessage_1.default, { errorMessage: errorMessage }),
-        helperText && !error && react_1.default.createElement(HelperText_1.default, { helperText: helperText })));
+    const resolvedTempDate = tempDate !== null && tempDate !== void 0 ? tempDate : new Date((disableToday ? tomorrow : today).getFullYear(), (disableToday ? tomorrow : today).getMonth(), (disableToday ? tomorrow : today).getDate(), 0, 0, 0, 0);
+    return ((0, jsx_runtime_1.jsxs)(react_2.FormControl, { id: id, isDisabled: disabled, width: width, children: [label && ((0, jsx_runtime_1.jsx)(FormLabel_1.TextLabel, { label: label, isRequired: isRequired, isInformation: isInformation, informationMessage: informationMessage })), (0, jsx_runtime_1.jsxs)(react_2.Popover, { isLazy: true, isOpen: isOpen, onClose: onClose, placement: "bottom-start", closeOnBlur: false, returnFocusOnClose: false, children: [(0, jsx_runtime_1.jsx)(react_2.PopoverAnchor, { children: (0, jsx_runtime_1.jsx)(react_2.Box, { ref: triggerRef, as: "div", children: (0, jsx_runtime_1.jsx)(react_2.Box, { ref: inputWrapperRef, children: (0, jsx_runtime_1.jsx)(TimePickerInput_1.TimePickerInput, { value: tempDate, onChange: (date) => {
+                                        handleTimeInputChange(date);
+                                    }, dateFormat: dateFormat, disabled: disabled, placeholder: placeholder, onFocus: () => {
+                                        if (!disabled && !isOpen)
+                                            onOpen();
+                                    }, error: error, size: sizeKey }) }) }) }), (0, jsx_runtime_1.jsx)(react_2.PopoverContent, { width: "auto", p: 4, ref: popoverRef, boxShadow: "lg", children: (0, jsx_runtime_1.jsxs)(react_2.PopoverBody, { children: [(0, jsx_runtime_1.jsx)(TimePicker_1.default, { date: resolvedTempDate, dateFormat: dateFormat, onChange: (updatedDate) => {
+                                        handleTimePickerChange(updatedDate);
+                                    } }), (0, jsx_runtime_1.jsxs)(react_2.Box, { display: "flex", justifyContent: "space-between", mt: 4, pt: 4, borderTop: "1px solid", borderColor: "gray.200", children: [(0, jsx_runtime_1.jsx)(react_2.Button, { size: "sm", variant: "ghost", onClick: handleClear, children: "Clear" }), (0, jsx_runtime_1.jsx)(react_2.Button, { size: "sm", colorScheme: "primary", onClick: handleOk, children: "OK" })] })] }) })] }), error && errorMessage && (0, jsx_runtime_1.jsx)(ErrorMessage_1.default, { errorMessage: errorMessage }), helperText && !error && (0, jsx_runtime_1.jsx)(HelperText_1.default, { helperText: helperText })] }));
 };
 exports.TimeOnlyPicker = TimeOnlyPicker;
 exports.default = exports.TimeOnlyPicker;

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

@@ -2,3 +2,4 @@ import React from "react";
 import { TimePickerProps } from "./DatePickerProps";
 declare const TimePicker: React.FC<TimePickerProps>;
 export default TimePicker;
+//# sourceMappingURL=TimePicker.d.ts.map

package/dist/Components/DatePicker/TimePicker.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TimePicker.d.ts","sourceRoot":"","sources":["../../../src/Components/DatePicker/TimePicker.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA8B,MAAM,OAAO,CAAC;AAEnD,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAEpD,QAAA,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CAmGzC,CAAC;AAEF,eAAe,UAAU,CAAC"}

package/dist/Components/DatePicker/TimePicker.js

@@ -1,98 +1,60 @@
 "use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || (function () {
-    var ownKeys = function(o) {
-        ownKeys = Object.getOwnPropertyNames || function (o) {
-            var ar = [];
-            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
-            return ar;
-        };
-        return ownKeys(o);
-    };
-    return function (mod) {
-        if (mod && mod.__esModule) return mod;
-        var result = {};
-        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
-        __setModuleDefault(result, mod);
-        return result;
-    };
-})();
 Object.defineProperty(exports, "__esModule", { value: true });
-var react_1 = __importStar(require("react"));
-var react_2 = require("@chakra-ui/react");
-var TimePicker = function (_a) {
-    var date = _a.date, onChange = _a.onChange, dateFormat = _a.dateFormat, _b = _a.disabled, disabled = _b === void 0 ? false : _b;
-    var is12HourFormat = /(hh|h).*a/i.test(dateFormat);
-    var deriveDisplayHour = function (rawHour) {
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const react_2 = require("@chakra-ui/react");
+const TimePicker = ({ date, onChange, dateFormat, disabled = false }) => {
+    const is12HourFormat = /(hh|h).*a/i.test(dateFormat);
+    const deriveDisplayHour = (rawHour) => {
         if (!is12HourFormat)
             return rawHour;
-        var mod = rawHour % 12;
+        const mod = rawHour % 12;
         return mod === 0 ? 12 : mod;
     };
-    var initialHour = deriveDisplayHour(date.getHours());
-    var _c = (0, react_1.useState)(initialHour), hour = _c[0], setHour = _c[1];
-    var _d = (0, react_1.useState)(date.getMinutes()), minute = _d[0], setMinute = _d[1];
-    var _e = (0, react_1.useState)(is12HourFormat ? (date.getHours() >= 12 ? "PM" : "AM") : ""), ampm = _e[0], setAmpm = _e[1];
-    (0, react_1.useEffect)(function () {
-        var rawHour = date.getHours();
+    const initialHour = deriveDisplayHour(date.getHours());
+    const [hour, setHour] = (0, react_1.useState)(initialHour);
+    const [minute, setMinute] = (0, react_1.useState)(date.getMinutes());
+    const [ampm, setAmpm] = (0, react_1.useState)(is12HourFormat ? (date.getHours() >= 12 ? "PM" : "AM") : "");
+    (0, react_1.useEffect)(() => {
+        const rawHour = date.getHours();
         setHour(deriveDisplayHour(rawHour));
         setMinute(date.getMinutes());
         if (is12HourFormat) {
             setAmpm(rawHour >= 12 ? "PM" : "AM");
         }
     }, [date, is12HourFormat]); // eslint-disable-line react-hooks/exhaustive-deps
-    var convertTo24Hour = function (hr, meridiem) {
+    const convertTo24Hour = (hr, meridiem) => {
         if (meridiem === "AM")
             return hr === 12 ? 0 : hr;
         return hr === 12 ? 12 : hr + 12;
     };
-    var updateTime = function (hrInput, min, meridiem) {
-        var effectiveMeridiem = meridiem || ampm || "AM";
-        var newHour = is12HourFormat
+    const updateTime = (hrInput, min, meridiem) => {
+        const effectiveMeridiem = meridiem || ampm || "AM";
+        const newHour = is12HourFormat
             ? convertTo24Hour(hrInput, effectiveMeridiem)
             : hrInput;
-        var newDate = new Date(date.getFullYear(), date.getMonth(), date.getDate(), newHour, min, 0, 0);
+        const newDate = new Date(date.getFullYear(), date.getMonth(), date.getDate(), newHour, min, 0, 0);
         onChange(newDate);
     };
-    var handleHourChange = function (e) {
-        var hr = parseInt(e.target.value, 10);
+    const handleHourChange = (e) => {
+        const hr = parseInt(e.target.value, 10);
         setHour(hr);
         updateTime(hr, minute, ampm);
     };
-    var handleMinuteChange = function (e) {
-        var min = parseInt(e.target.value, 10);
+    const handleMinuteChange = (e) => {
+        const min = parseInt(e.target.value, 10);
         setMinute(min);
         updateTime(hour, min, ampm);
     };
-    var handleAmpmChange = function (e) {
-        var newMeridiem = e.target.value;
+    const handleAmpmChange = (e) => {
+        const newMeridiem = e.target.value;
         setAmpm(newMeridiem);
         updateTime(hour, minute, newMeridiem);
     };
-    var displayHour = is12HourFormat ? (hour % 12 === 0 ? 12 : hour % 12) : hour;
-    return (react_1.default.createElement(react_2.HStack, { spacing: 1.5, w: "100%" },
-        react_1.default.createElement(react_2.Select, { value: displayHour, onChange: handleHourChange, flex: "1", minW: 0, size: "sm", isDisabled: disabled }, Array.from({ length: is12HourFormat ? 12 : 24 }, function (_, i) {
-            var value = is12HourFormat ? i + 1 : i;
-            return (react_1.default.createElement("option", { key: value, value: value }, value.toString().padStart(2, "0")));
-        })),
-        react_1.default.createElement(react_2.Select, { value: minute, onChange: handleMinuteChange, flex: "1", minW: 0, size: "sm", isDisabled: disabled }, Array.from({ length: 60 }, function (_, i) { return (react_1.default.createElement("option", { key: i, value: i }, i.toString().padStart(2, "0"))); })),
-        is12HourFormat && (react_1.default.createElement(react_2.Select, { value: ampm, onChange: handleAmpmChange, flex: "1", minW: 0, size: "sm", isDisabled: disabled },
-            react_1.default.createElement("option", { value: "AM" }, "AM"),
-            react_1.default.createElement("option", { value: "PM" }, "PM")))));
+    const displayHour = is12HourFormat ? (hour % 12 === 0 ? 12 : hour % 12) : hour;
+    return ((0, jsx_runtime_1.jsxs)(react_2.HStack, { spacing: 1.5, w: "100%", children: [(0, jsx_runtime_1.jsx)(react_2.Select, { value: displayHour, onChange: handleHourChange, flex: "1", minW: 0, size: "sm", isDisabled: disabled, children: Array.from({ length: is12HourFormat ? 12 : 24 }, (_, i) => {
+                    const value = is12HourFormat ? i + 1 : i;
+                    return ((0, jsx_runtime_1.jsx)("option", { value: value, children: value.toString().padStart(2, "0") }, value));
+                }) }), (0, jsx_runtime_1.jsx)(react_2.Select, { value: minute, onChange: handleMinuteChange, flex: "1", minW: 0, size: "sm", isDisabled: disabled, children: Array.from({ length: 60 }, (_, i) => ((0, jsx_runtime_1.jsx)("option", { value: i, children: i.toString().padStart(2, "0") }, i))) }), is12HourFormat && ((0, jsx_runtime_1.jsxs)(react_2.Select, { value: ampm, onChange: handleAmpmChange, flex: "1", minW: 0, size: "sm", isDisabled: disabled, children: [(0, jsx_runtime_1.jsx)("option", { value: "AM", children: "AM" }), (0, jsx_runtime_1.jsx)("option", { value: "PM", children: "PM" })] }))] }));
 };
 exports.default = TimePicker;

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

@@ -12,3 +12,4 @@ interface TimePickerInputProps {
 }
 export declare const TimePickerInput: React.FC<TimePickerInputProps>;
 export {};
+//# sourceMappingURL=TimePickerInput.d.ts.map

package/dist/Components/DatePicker/TimePickerInput.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TimePickerInput.d.ts","sourceRoot":"","sources":["../../../src/Components/DatePicker/TimePickerInput.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA4D,MAAM,OAAO,CAAC;AAUjF,UAAU,oBAAoB;IAC5B,KAAK,EAAE,IAAI,GAAG,IAAI,CAAC;IACnB,QAAQ,EAAE,CAAC,IAAI,EAAE,IAAI,GAAG,IAAI,KAAK,IAAI,CAAC;IACtC,UAAU,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;CAClC;AA6ED,eAAO,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC,oBAAoB,CAyX1D,CAAC"}