sales-frontend-components 0.0.182 → 0.0.183

package/dist/index.cjs.js

@@ -452,6 +452,48 @@ const FormDatePicker = ({
   );
 };
 
+const FormDateRangePicker = ({
+  name,
+  control,
+  disabled,
+  defaultValue,
+  ...props
+}) => {
+  const { field, fieldState } = reactHookForm.useController({
+    name,
+    control,
+    disabled,
+    defaultValue
+  });
+  const [selected, setSelected] = React.useState();
+  React.useEffect(() => {
+    const fieldValue = field.value;
+    if (!fieldValue) {
+      setSelected(void 0);
+      return;
+    }
+    const isStartDateDifferent = fieldValue.startDate?.getTime() !== selected?.startDate?.getTime();
+    const isEndDateDifferent = fieldValue.endDate?.getTime() !== selected?.endDate?.getTime();
+    if (!selected || isStartDateDifferent || isEndDateDifferent) {
+      setSelected(fieldValue);
+    }
+  }, [field.value]);
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    salesFrontendDesignSystem.DateRangePicker,
+    {
+      tabIndex: 0,
+      ...{
+        ...props,
+        ...field,
+        id: field.name,
+        defaultValue: selected,
+        error: fieldState.invalid,
+        onValueChange: field.onChange
+      }
+    }
+  );
+};
+
 var bind = {exports: {}};
 
 /*!
@@ -4615,6 +4657,7 @@ exports.EmployeeSearchModal = EmployeeSearchModal;
 exports.FormCheckbox = FormCheckbox;
 exports.FormCheckboxButton = FormCheckboxButton;
 exports.FormDatePicker = FormDatePicker;
+exports.FormDateRangePicker = FormDateRangePicker;
 exports.FormSearchJobField = FormSearchJobField;
 exports.FormSegmentGroup = FormSegmentGroup;
 exports.FormSelect = FormSelect;