@paygreen/pgui 2.8.0 → 2.8.1

package/dist/cjs/index.js

@@ -42960,15 +42960,16 @@ var NewDayPicker = function (_a) {
             borderRadius: '9999px'
         }
     };
-    return (React__default["default"].createElement(react.VStack, __assign$2({ spacing: "2", maxW: "full", p: 2, w: "fit-content", maxWidth: "30rem", borderRadius: "md" }, props),
+    return (React__default["default"].createElement(react.VStack, __assign$2({ spacing: "2", maxW: "full", p: 2, w: "fit-content", maxWidth: "30rem", borderRadius: "md", minH: "22.75rem" }, props),
         React__default["default"].createElement(react.Stack, { direction: { base: 'column', sm: 'row' }, spacing: 2, w: "full" },
-            React__default["default"].createElement(Calendar, { locale: locale, minDate: minDate, maxDate: maxDate, tileClassName: calendarFunc, onChange: function (e) {
-                    setValue(e);
-                    onChange(dayjs(e).toISOString());
-                    setTimeValue('00:00');
-                    setInputValue(dayjs(e).locale(locale).format(format));
-                    setIsInvalid(false);
-                }, value: dayjs(value).toDate() }),
+            React__default["default"].createElement(react.Box, { minH: "19.25rem" },
+                React__default["default"].createElement(Calendar, { locale: locale, minDate: minDate, maxDate: maxDate, tileClassName: calendarFunc, onChange: function (e) {
+                        setValue(e);
+                        onChange(dayjs(e).toISOString());
+                        setTimeValue('00:00');
+                        setInputValue(dayjs(e).locale(locale).format(format));
+                        setIsInvalid(false);
+                    }, value: dayjs(value).toDate() })),
             withTime && (React__default["default"].createElement(react.Flex, { backgroundColor: "gray.100", p: "2", borderRadius: "sm", h: { base: '8rem', sm: 'auto' }, w: "full", minW: "8rem", alignItems: "center" },
                 React__default["default"].createElement(react.Box, { w: "full", h: "full", maxH: "16rem", overflowY: "auto", sx: customScrollBar },
                     React__default["default"].createElement(react.VStack, { w: "full" }, timer.map(function (t) { return (React__default["default"].createElement(react.Button, { key: t, size: "sm", w: "full", isActive: t === timeValue, onClick: function () {
@@ -43006,7 +43007,7 @@ var NewDayPicker = function (_a) {
                                         .set('hours', parseInt(t.slice(0, 2), 10))
                                         .set('minutes', parseInt(t.slice(-2), 10))
                                         .diff(dayjs(maxDate)) > 0) }, t)); })))))),
-        React__default["default"].createElement(react.HStack, { w: "full" },
+        React__default["default"].createElement(react.HStack, { flex: "1", w: "full", alignItems: "flex-end" },
             React__default["default"].createElement(react.InputGroup, { w: "full", size: "sm" },
                 React__default["default"].createElement(react.InputLeftElement, { pointerEvents: "none", color: "gray.300", fontSize: "1.2em", children: React__default["default"].createElement(react.Icon, { as: MdCalendarToday }) }),
                 React__default["default"].createElement(react.Input, { as: InputMask, mask: withTime ? '**/**/**** **:**' : '**/**/****', value: inputValue, onChange: function (e) {
@@ -43069,8 +43070,8 @@ var InputDayPicker = function (_a) {
         React__default["default"].createElement(react.Popover, { closeOnBlur: true, closeOnEsc: true, isOpen: isOpen, onClose: onClose, placement: "bottom", autoFocus: true },
             React__default["default"].createElement(react.PopoverTrigger, null,
                 React__default["default"].createElement(react.InputGroup, null,
-                    React__default["default"].createElement(react.Input, __assign$2({ as: react.Button, onClick: onToggle, name: name, fontWeight: "normal", justifyContent: "flex-start", background: variant === 'filled' ? 'gray.100' : 'white', _hover: {
-                            background: variant === 'filled' ? 'gray.200' : 'gray.50'
+                    React__default["default"].createElement(react.Input, __assign$2({ as: react.Button, onClick: onToggle, name: name, fontWeight: "normal", justifyContent: "flex-start", background: variant === 'filled' ? 'gray.50' : 'white', _hover: {
+                            background: variant === 'filled' ? 'gray.100' : 'gray.50'
                         } }, inputProps), value ? dayjs(value).format(format) : placeholder),
                     value && (React__default["default"].createElement(react.InputRightElement, { onClick: function () {
                             onChange(null);