@ctlyst.id/internal-ui 1.0.4-canary.3 → 1.0.4-canary.4

package/dist/internal-ui.esm.js

@@ -1202,6 +1202,8 @@ const DatePickerMonth = ({
   onChange,
   min,
   max,
+  widthEmpty,
+  widthFilled,
   ...props
 }) => {
   const [date, setDate] = React__default.useState(null);
@@ -1214,14 +1216,11 @@ const DatePickerMonth = ({
           display: none;
           -webkit-appearance: none;
         }
-        input[value=''] {
-          width: 58px;
-        }
       `
   }, /*#__PURE__*/React__default.createElement(Input$1, {
     "data-test-id": props['data-test-id'],
     type: "date",
-    width: date ? '51px' : '58px',
+    width: date ? widthFilled : widthEmpty,
     onChange: e => {
       onChange(e.target.value);
       setDate(e.target.value);
@@ -1246,7 +1245,9 @@ const DatePickerMonth = ({
   }));
 };
 DatePickerMonth.defaultProps = {
-  'data-test-id': ''
+  'data-test-id': '',
+  widthEmpty: '58px',
+  widthFilled: '51px'
 };
 
 const transparent = 'transparent';
@@ -1656,7 +1657,9 @@ const MultiDatePickerMonth = ({
   onChange,
   isError = false,
   min = '2020-01-01',
-  max = '2020-12-31'
+  max = '2020-12-31',
+  widthEmpty,
+  widthFilled
 }) => {
   const [date, setDate] = React__default.useState([null, null]);
   return /*#__PURE__*/React__default.createElement(MultiDateWrapper, {
@@ -1668,7 +1671,9 @@ const MultiDatePickerMonth = ({
       setDate([val, date[1]]);
     },
     min: min,
-    max: max
+    max: max,
+    widthEmpty: widthEmpty,
+    widthFilled: widthFilled
   }), /*#__PURE__*/React__default.createElement(Box, null, "-"), /*#__PURE__*/React__default.createElement(DatePickerMonth, {
     "data-test-id": "CT_DatePickerMonth_EndDate",
     onChange: val => {
@@ -1676,13 +1681,17 @@ const MultiDatePickerMonth = ({
       setDate([date[0], val]);
     },
     min: min,
-    max: max
+    max: max,
+    widthEmpty: widthEmpty,
+    widthFilled: widthFilled
   }));
 };
 MultiDatePickerMonth.defaultProps = {
   min: '2020-01-01',
   max: '2020-12-31',
-  isError: false
+  isError: false,
+  widthEmpty: '58px',
+  widthFilled: '51px'
 };
 
 /* eslint-disable no-nested-ternary */