sag_components 2.0.0-beta332 → 2.0.0-beta334

package/dist/index.js

@@ -449,16 +449,21 @@ const CalendarInOpen = _ref => {
   }));
 };
 
-const Calendar = () => /*#__PURE__*/React__default["default"].createElement("svg", {
-  width: "11",
-  height: "12",
-  viewBox: "0 0 11 12",
-  fill: "none",
-  xmlns: "http://www.w3.org/2000/svg"
-}, /*#__PURE__*/React__default["default"].createElement("path", {
-  d: "M2.625 0C2.8125 0 3 0.1875 3 0.375V1.5H7.5V0.375C7.5 0.1875 7.66406 0 7.875 0C8.0625 0 8.25 0.1875 8.25 0.375V1.5H9C9.82031 1.5 10.5 2.17969 10.5 3V3.75V4.5V10.5C10.5 11.3438 9.82031 12 9 12H1.5C0.65625 12 0 11.3438 0 10.5V4.5V3.75V3C0 2.17969 0.65625 1.5 1.5 1.5H2.25V0.375C2.25 0.1875 2.41406 0 2.625 0ZM9.75 4.5H0.75V10.5C0.75 10.9219 1.07812 11.25 1.5 11.25H9C9.39844 11.25 9.75 10.9219 9.75 10.5V4.5ZM9 2.25H1.5C1.07812 2.25 0.75 2.60156 0.75 3V3.75H9.75V3C9.75 2.60156 9.39844 2.25 9 2.25Z",
-  fill: "#568202"
-}));
+const Calendar = _ref => {
+  let {
+    fill = '#568202'
+  } = _ref;
+  return /*#__PURE__*/React__default["default"].createElement("svg", {
+    width: "11",
+    height: "12",
+    viewBox: "0 0 11 12",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg"
+  }, /*#__PURE__*/React__default["default"].createElement("path", {
+    d: "M2.625 0C2.8125 0 3 0.1875 3 0.375V1.5H7.5V0.375C7.5 0.1875 7.66406 0 7.875 0C8.0625 0 8.25 0.1875 8.25 0.375V1.5H9C9.82031 1.5 10.5 2.17969 10.5 3V3.75V4.5V10.5C10.5 11.3438 9.82031 12 9 12H1.5C0.65625 12 0 11.3438 0 10.5V4.5V3.75V3C0 2.17969 0.65625 1.5 1.5 1.5H2.25V0.375C2.25 0.1875 2.41406 0 2.625 0ZM9.75 4.5H0.75V10.5C0.75 10.9219 1.07812 11.25 1.5 11.25H9C9.39844 11.25 9.75 10.9219 9.75 10.5V4.5ZM9 2.25H1.5C1.07812 2.25 0.75 2.60156 0.75 3V3.75H9.75V3C9.75 2.60156 9.39844 2.25 9 2.25Z",
+    fill: fill
+  }));
+};
 
 // eslint-disable-next-line react/prop-types
 const ErrorIcon = _ref => {
@@ -10187,7 +10192,8 @@ const DatePicker = ({
   selectedColor,
   hoverColor,
   inRangeColor,
-  clearButtonColor
+  clearButtonColor,
+  showClearButton
 }) => {
   const [startDate, setStartDate] = React$1.useState(null);
   const [endDate, setEndDate] = React$1.useState(null);
@@ -10298,7 +10304,7 @@ const DatePicker = ({
       return /*#__PURE__*/React__default["default"].createElement(DateCell$2, {
         key: date.toISOString()
       });
-    })), /*#__PURE__*/React__default["default"].createElement(DatePickerFooter, null, /*#__PURE__*/React__default["default"].createElement(ClearButton$1, {
+    })), /*#__PURE__*/React__default["default"].createElement(DatePickerFooter, null, showClearButton && /*#__PURE__*/React__default["default"].createElement(ClearButton$1, {
       clearButtonColor: clearButtonColor,
       onClick: clearSelection
     }, "Clear")));
@@ -10326,7 +10332,10 @@ const RangePicker = _ref => {
     selectedColor,
     hoverColor,
     inRangeColor,
-    clearButtonColor
+    clearButtonColor,
+    calendarIconColor,
+    showClearButton,
+    showOpenIcon
   } = _ref;
   const [isFocused, setIsFocused] = React$1.useState(false);
   const [isOpen, setIsOpen] = React$1.useState(false);
@@ -10441,10 +10450,12 @@ const RangePicker = _ref => {
   }), /*#__PURE__*/React__default["default"].createElement(CalendarDiv$3, {
     className: "CalendarDiv",
     onClick: toggleDatePicker
-  }, isOpen === true ? /*#__PURE__*/React__default["default"].createElement(CalendarInOpen, {
-    className: "CalendarInOpen"
+  }, isOpen && showOpenIcon ? /*#__PURE__*/React__default["default"].createElement(CalendarInOpen, {
+    className: "CalendarInOpen",
+    fill: calendarIconColor
   }) : /*#__PURE__*/React__default["default"].createElement(Calendar, {
-    className: "Calendar"
+    className: "Calendar",
+    fill: calendarIconColor
   }))), /*#__PURE__*/React__default["default"].createElement(OptionsContainer$5, {
     className: "OptionsContainer",
     onMouseEnter: () => setHoverOptionsContainer(true),
@@ -10460,7 +10471,8 @@ const RangePicker = _ref => {
     selectedColor: selectedColor,
     hoverColor: hoverColor,
     inRangeColor: inRangeColor,
-    clearButtonColor: clearButtonColor
+    clearButtonColor: clearButtonColor,
+    showClearButton: showClearButton
   })));
 };
 RangePicker.propTypes = {
@@ -10481,7 +10493,10 @@ RangePicker.propTypes = {
   selectedColor: PropTypes.string,
   hoverColor: PropTypes.string,
   inRangeColor: PropTypes.string,
-  clearButtonColor: PropTypes.string
+  clearButtonColor: PropTypes.string,
+  calendarIconColor: PropTypes.string,
+  showClearButton: PropTypes.bool,
+  showOpenIcon: PropTypes.bool
 };
 
 // Adding defaultProps
@@ -10500,7 +10515,10 @@ RangePicker.defaultProps = {
   selectedColor: '#229e38',
   hoverColor: '#f4faf5',
   inRangeColor: '#effef2',
-  clearButtonColor: '#568202'
+  clearButtonColor: '#568202',
+  calendarIconColor: '#568202',
+  showClearButton: true,
+  showOpenIcon: true
 };
 
 /* eslint-disable no-nested-ternary */