@driveflux/beam 1.9.16 → 1.9.17

package/dist/datepicker/DatePicker.js

@@ -80,7 +80,7 @@ import DatePickerDrawer from './DatePickerDrawer';
 import DatePickerPopover from './DatePickerPopover';
 import { formatInputBy } from './utils';
 var DatePicker = function(props) {
-    var value = props.value, isRange = props.isRange, minDate = props.minDate, onChange = props.onChange;
+    var value = props.value, isRange = props.isRange, minDate = props.minDate, onChange = props.onChange, tileDisabled = props.tileDisabled, disableWeekends = props.disableWeekends;
     var isMobile = useIsMobile();
     var _useState = _sliced_to_array(useState(value), 2), innerValue = _useState[0], setInnerValue = _useState[1];
     var _useState1 = _sliced_to_array(useState(formatInputBy(value, isRange)), 2), inputValue = _useState1[0], setInputValue = _useState1[1];
@@ -116,6 +116,19 @@ var DatePicker = function(props) {
             return;
         }
     };
+    var weekendTiles = function(param) {
+        var date = param.date;
+        if (disableWeekends) {
+            var day = date.getDay();
+            if (day === 0 || day === 6) return true;
+        }
+        if (tileDisabled) {
+            return tileDisabled({
+                date: date
+            });
+        }
+        return false;
+    };
     return isMobile ? /*#__PURE__*/ _jsx(DatePickerDrawer, _object_spread({
         innerValue: innerValue,
         setInnerValue: setInnerValue,
@@ -125,7 +138,8 @@ var DatePicker = function(props) {
         setFocused: setFocused,
         handleSelect: handleSelect,
         handleReset: handleReset,
-        handleApply: handleApply
+        handleApply: handleApply,
+        tileDisabled: disableWeekends ? weekendTiles : tileDisabled
     }, props)) : /*#__PURE__*/ _jsx(DatePickerPopover, _object_spread({
         innerValue: innerValue,
         setInnerValue: setInnerValue,
@@ -135,7 +149,8 @@ var DatePicker = function(props) {
         setFocused: setFocused,
         handleSelect: handleSelect,
         handleReset: handleReset,
-        handleApply: handleApply
+        handleApply: handleApply,
+        tileDisabled: disableWeekends ? weekendTiles : tileDisabled
     }, props));
 };
 export default DatePicker;

package/dist/datepicker/DatePickerDrawer.js

@@ -13,7 +13,7 @@ import Text from '../text/Text';
 import { cn } from '../utils';
 import { formatInputBy } from './utils';
 var DatePickerDrawer = function(param) {
-    var _param_htmlFor = param.htmlFor, htmlFor = _param_htmlFor === void 0 ? 'datepicker' : _param_htmlFor, _param_locale = param.locale, locale = _param_locale === void 0 ? 'en' : _param_locale, isRange = param.isRange, providedValue = param.value, minDate = param.minDate, maxDate = param.maxDate, placeholder = param.placeholder, calendarType = param.calendarType, isDisabled = param.isDisabled, inputProps = param.inputProps, drawerTitle = param.drawerTitle, resetButton = param.resetButton, applyButton = param.applyButton, // non-customized props
+    var _param_htmlFor = param.htmlFor, htmlFor = _param_htmlFor === void 0 ? 'datepicker' : _param_htmlFor, _param_locale = param.locale, locale = _param_locale === void 0 ? 'en' : _param_locale, isRange = param.isRange, providedValue = param.value, minDate = param.minDate, maxDate = param.maxDate, placeholder = param.placeholder, calendarType = param.calendarType, isDisabled = param.isDisabled, inputProps = param.inputProps, drawerTitle = param.drawerTitle, resetButton = param.resetButton, applyButton = param.applyButton, tileDisabled = param.tileDisabled, // non-customized props
     innerValue = param.innerValue, setInnerValue = param.setInnerValue, focused = param.focused, setFocused = param.setFocused, handleSelect = param.handleSelect, handleReset = param.handleReset, handleApply = param.handleApply;
     var handleOpenChange = function(open) {
         setFocused(open);
@@ -81,7 +81,9 @@ var DatePickerDrawer = function(param) {
                             formatShortWeekday: function(_, date) {
                                 return format(date, 'EEEEE');
                             },
-                            className: "p-6"
+                            className: "p-6",
+                            tileDisabled: tileDisabled,
+                            tileClassName: "flex item-center justify-center text-center"
                         }),
                         /*#__PURE__*/ _jsxs(Stack, {
                             className: "flex flex-row gap-2 py-4 px-6 border-t border-primary1",

package/dist/datepicker/DatePickerPopover.js

@@ -111,7 +111,7 @@ import { cn } from '../utils';
 import { DATERANGE_REGEX, DATE_REGEX } from './constants';
 import { formatInputBy, formatPlaceholderBy } from './utils';
 var DatePickerPopover = function(param) {
-    var _param_htmlFor = param.htmlFor, htmlFor = _param_htmlFor === void 0 ? 'datepicker' : _param_htmlFor, _param_locale = param.locale, locale = _param_locale === void 0 ? 'en' : _param_locale, isRange = param.isRange, value = param.value, minDate = param.minDate, maxDate = param.maxDate, placeholder = param.placeholder, calendarType = param.calendarType, isDisabled = param.isDisabled, onError = param.onError, inputProps = param.inputProps, resetButton = param.resetButton, applyButton = param.applyButton, // non-customized props
+    var _param_htmlFor = param.htmlFor, htmlFor = _param_htmlFor === void 0 ? 'datepicker' : _param_htmlFor, _param_locale = param.locale, locale = _param_locale === void 0 ? 'en' : _param_locale, isRange = param.isRange, value = param.value, minDate = param.minDate, maxDate = param.maxDate, placeholder = param.placeholder, calendarType = param.calendarType, isDisabled = param.isDisabled, onError = param.onError, inputProps = param.inputProps, resetButton = param.resetButton, applyButton = param.applyButton, tileDisabled = param.tileDisabled, // non-customized props
     innerValue = param.innerValue, setInnerValue = param.setInnerValue, setInputValue = param.setInputValue, focused = param.focused, setFocused = param.setFocused, handleSelect = param.handleSelect, handleReset = param.handleReset, handleApply = param.handleApply;
     var containerRef = useRef(null);
     var handleChange = function(e) {
@@ -195,7 +195,8 @@ var DatePickerPopover = function(param) {
                         formatShortWeekday: function(_, date) {
                             return format(date, 'EEEEE');
                         },
-                        className: "p-4"
+                        className: "p-4",
+                        tileDisabled: tileDisabled
                     }),
                     /*#__PURE__*/ _jsxs(Stack, {
                         className: "flex flex-row gap-2 p-4 border-t border-primary1",

package/dist/input-select/InputSelect.js

@@ -386,7 +386,7 @@ var InputSelect = /*#__PURE__*/ React.forwardRef(function(props, ref) {
                     })),
                     /*#__PURE__*/ _jsx(CommandList, {
                         ref: listRef,
-                        children: isFocused && !value && !isDisabled && /*#__PURE__*/ _jsxs(_Fragment, {
+                        children: isFocused && !isDisabled && /*#__PURE__*/ _jsxs(_Fragment, {
                             children: [
                                 options.length > 0 && search ? options.filter(function(option) {
                                     return option.label.toLowerCase().includes(search.toLowerCase());

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@driveflux/beam",
-  "version": "1.9.16",
+  "version": "1.9.17",
   "type": "module",
   "exports": {
     "./accordion": {