fis-component 0.0.46 → 0.0.47

package/dist/cjs/index.js

@@ -71685,6 +71685,18 @@ const DivDateRangeContainerSC = styled.div `
     justify-content: center;
   }
 
+  ${(props) => props.$disabled &&
+    styled.css `
+      .ant-picker-range {
+        background-color: ${getTheme("com/input/field/disable/background-color")};
+        border-color: ${getTheme("com/input/field/disable/stroke-color")};
+
+        .ant-picker-suffix svg {
+          color: ${getTheme("com/button/disable/icon-color")};
+        }
+      }
+    `}
+
   ${(props) => {
     if (props.$negative) {
         return styled.css `
@@ -71734,12 +71746,12 @@ const DivSuffixIconSC = styled.div `
 `;
 
 const { RangePicker } = DatePicker;
-const FISDateRange = ({ placeholder = ["dd/mm/yyyy", "dd/mm/yyyy"], label, required = true, message, negative = false, positive = false, ...rest }) => {
+const FISDateRange = ({ placeholder = ["dd/mm/yyyy", "dd/mm/yyyy"], label, required = true, message, negative = false, positive = false, disabled = true, ...rest }) => {
     const [open, setOpen] = React.useState(false);
     const handleOpenCalendar = () => {
         setOpen(!open);
     };
-    return (jsxRuntime.jsxs(DivDateRangeContainerSC, { "$negative": negative, "$positive": positive, children: [label && jsxRuntime.jsx(FISInputLabel, { textLabel: label, required: required }), jsxRuntime.jsx(RangePicker, { open: open, onOpenChange: setOpen, placeholder: placeholder, separator: jsxRuntime.jsx(DivSeparatorIconSC, { "$negative": negative, children: jsxRuntime.jsx(ArrowRightIcon, {}) }), suffixIcon: jsxRuntime.jsx(DivSuffixIconSC, { children: jsxRuntime.jsx(FISIconButton, { size: "sm", variant: "tertiary-invisible", icon: jsxRuntime.jsx(CalendarIcon, {}), onClick: handleOpenCalendar }) }), ...rest }), message && (jsxRuntime.jsx("div", { className: "hint-box", children: jsxRuntime.jsx("div", { className: "hint-text", children: message }) }))] }));
+    return (jsxRuntime.jsxs(DivDateRangeContainerSC, { "$negative": negative, "$positive": positive, "$disabled": disabled, children: [label && jsxRuntime.jsx(FISInputLabel, { textLabel: label, required: required }), jsxRuntime.jsx(RangePicker, { open: open, onOpenChange: setOpen, placeholder: placeholder, disabled: disabled, separator: jsxRuntime.jsx(DivSeparatorIconSC, { "$negative": negative, children: jsxRuntime.jsx(ArrowRightIcon, {}) }), suffixIcon: jsxRuntime.jsx(DivSuffixIconSC, { children: jsxRuntime.jsx(FISIconButton, { disabled: disabled, size: "sm", variant: "tertiary-invisible", icon: jsxRuntime.jsx(CalendarIcon, {}), onClick: handleOpenCalendar }) }), ...rest }), message && (jsxRuntime.jsx("div", { className: "hint-box", children: jsxRuntime.jsx("div", { className: "hint-text", children: message }) }))] }));
 };
 FISDateRange.displayName = "FISDateRange";